
.alek-dresses-intro{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;z-index:9999;background:#080608;color:#fff;overflow:hidden;isolation:isolate;transition:opacity .4s ease}
.alek-intro-done{opacity:0;pointer-events:none}
.alek-dresses-video-stage{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden}
.alek-dresses-video-stage::before{content:'';position:absolute;inset:-20px;background-image:url('alek-robe-poster.jpg');background-size:cover;background-position:center;filter:blur(44px) brightness(.38);transform:scale(1.15)}
#alek-dresses-video{position:relative;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;background:transparent}
.alek-dresses-bottom{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:30px clamp(20px,4vw,80px) max(24px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#080607d9);pointer-events:none}
.alek-intro-progress{height:2px;background:#ffffff50;width:100%;overflow:hidden}.alek-intro-progress span{display:block;width:100%;height:100%;background:#f5d3a2;transform:scaleX(0);transform-origin:left;will-change:transform}
.alek-intro-meta{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:15px;color:#f5ece0;font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.alek-intro-skip{border:1px solid #faf2df9c;background:#100d11b3;color:#fff;cursor:pointer;pointer-events:auto;padding:13px 22px;border-radius:1px;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.alek-intro-skip:hover,.alek-intro-skip:focus-visible{background:#f3d8ae;color:#201414}
.alek-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media (max-aspect-ratio: 3/4){#alek-dresses-video{object-fit:contain}.alek-intro-meta{font-size:10px;line-height:1.5}.alek-dresses-bottom{padding:20px 16px max(19px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.alek-dresses-intro{transition:none}}

/* Preserve native 16:9 image geometry on every screen; no zoomed subjects */
#alek-dresses-video{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;}
