.mdr-wrap{padding:102px 0;background:#0b0a08}
.mdr-wrap .mdr-in{max-width:1180px;margin:0 auto;padding:0 20px}
.mdr-sub{margin:.6rem 0 0;color:#a99f8b;font-size:1rem;max-width:520px}
.mdr-rail{position:relative;margin-top:34px}
.mdr-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 10px;-webkit-overflow-scrolling:touch;outline:none}
.mdr-track::-webkit-scrollbar{display:none}
.mdr-card{flex:0 0 auto;width:236px;scroll-snap-align:start}
.mdr-open{all:unset;box-sizing:border-box;display:block;position:relative;width:100%;aspect-ratio:9/16;border-radius:16px;overflow:hidden;cursor:pointer;background:#14120e;border:1px solid rgba(212,175,90,.28);transition:transform .35s,border-color .35s,box-shadow .35s}
.mdr-open:hover,.mdr-open:focus-visible{transform:translateY(-4px);border-color:#d4af5a;box-shadow:0 14px 34px rgba(0,0,0,.55)}
.mdr-open:focus-visible{outline:2px solid #d4af5a;outline-offset:3px}
.mdr-open img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.mdr-play{position:absolute;left:50%;top:44%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:rgba(11,10,8,.62);border:1px solid #d4af5a;color:#d4af5a;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);transition:background .3s,color .3s,transform .3s}
.mdr-open:hover .mdr-play{background:#d4af5a;color:#0b0a08;transform:scale(1.08)}
.mdr-cap{position:absolute;left:0;right:0;bottom:0;padding:34px 12px 10px;background:linear-gradient(transparent,rgba(5,5,5,.78));display:none}
.mdr-link{display:block;margin:10px 2px 0;color:#d4af5a;font-size:.86rem;letter-spacing:.04em;text-decoration:none}
.mdr-link:hover{color:#efe8da}
.mdr-nav{position:absolute;top:42%;z-index:2;width:42px;height:42px;border-radius:50%;border:1px solid #d4af5a;background:rgba(11,10,8,.85);color:#d4af5a;font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 3px}
.mdr-nav:hover{background:#d4af5a;color:#0b0a08}
.mdr-l{left:-14px}.mdr-r{right:-14px}
@media(max-width:768px){.mdr-wrap{padding:64px 0}.mdr-card{width:62vw;max-width:260px}.mdr-nav{display:none}}
.mdr-lock{overflow:hidden}
.mdr-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center}
.mdr-modal[hidden]{display:none}
.mdr-bd{position:absolute;inset:0;background:rgba(5,4,3,.9)}
.mdr-box{position:relative;display:flex;align-items:center;gap:18px;max-width:94vw;max-height:94vh}
.mdr-stage{height:min(88vh,860px);aspect-ratio:9/16;max-width:92vw;background:#000;border-radius:14px;overflow:hidden;border:1px solid rgba(212,175,90,.35)}
.mdr-vid{width:100%;height:100%;object-fit:contain;display:block;background:#000}
.mdr-x{position:absolute;top:-6px;right:-6px;z-index:3;width:40px;height:40px;border-radius:50%;border:1px solid #d4af5a;background:#0b0a08;color:#d4af5a;font-size:26px;line-height:1;cursor:pointer;padding:0 0 3px}
.mdr-mn{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:1px solid #d4af5a;background:rgba(11,10,8,.85);color:#d4af5a;font-size:28px;line-height:1;cursor:pointer;padding:0 0 3px}
.mdr-mn:hover,.mdr-x:hover{background:#d4af5a;color:#0b0a08}
.mdr-info{width:250px;color:#efe8da}
.mdr-z{margin:0 0 .4rem;color:#c9a25a;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase}
.mdr-n{margin:0 0 .6rem;font-family:"Cormorant Garamond","Playfair Display",Georgia,serif;font-size:2rem;font-weight:500;line-height:1.1;color:#efe8da}
.mdr-d{margin:0 0 1.2rem;color:#a99f8b;font-size:.95rem;line-height:1.5}
.mdr-go,.mdr-bk{display:block;text-align:center;padding:13px 16px;border-radius:999px;text-decoration:none;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.mdr-go{background:linear-gradient(135deg,#d4af5a,#e9d6a0);color:#0b0a08;font-weight:600}
.mdr-bk{border:1px solid #d4af5a;color:#d4af5a}
.mdr-bk:hover{background:rgba(212,175,90,.12)}
@media(max-width:900px){
  .mdr-box{flex-direction:column;gap:10px;align-items:center;justify-content:center;height:100%;max-height:100vh;padding:10px 0}
  .mdr-stage{height:auto;width:min(60vw,calc((100vh - 230px) * 9 / 16));max-width:none}
  .mdr-mn{display:none}
  .mdr-info{width:min(92vw,360px);text-align:center}
  .mdr-n{font-size:1.5rem;margin-bottom:.3rem}
  .mdr-d{margin-bottom:.6rem;font-size:.85rem}
  .mdr-go,.mdr-bk{display:inline-block;margin:0 4px 0;padding:11px 14px;font-size:.72rem}
  .mdr-x{top:8px;right:8px}
}