/* Only this image sequence owns these font faces and tokens. No global overrides. */
@font-face{font-family:OZBarlow;src:url('assets/fonts/BarlowCondensed-ExtraBold.woff2') format('woff2'),url('assets/fonts/BarlowCondensed-ExtraBold.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:OZBarlow;src:url('assets/fonts/BarlowCondensed-Black.woff2') format('woff2'),url('assets/fonts/BarlowCondensed-Black.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:OZInter;src:url('assets/fonts/Inter-Variable.woff2') format('woff2'),url('assets/fonts/Inter-Variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
.miradaSequence{--mirada-heading:OZBarlow,sans-serif;--mirada-text:OZInter,sans-serif;background:#191a19;color:#f8f6ef;position:relative;padding:40px 4vw}
.miradaStage{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.miradaSequence .miradaFrame{position:relative;margin:0;width:46%;overflow:hidden;background:#232421;isolation:isolate}
.miradaSequence .miradaWide{width:100%}
.miradaSequence .miradaVeil{width:38%;margin-left:auto}
.miradaSequence .miradaClose{width:39%}
.miradaSequence .miradaGuests{width:57%}
.miradaFrame>img{display:block;width:100%;height:auto}
.miradaFrame>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .35s;pointer-events:none}
.miradaFrame.mirada-playing>video{opacity:1}
.miradaSequence.mirada-scroll{height:350vh;height:350svh;padding:0}
.mirada-scroll .miradaStage{position:sticky;top:0;height:100vh;height:100svh;width:100%;display:block;overflow:hidden;isolation:isolate}
.mirada-scroll .miradaFrame{position:absolute;left:0;top:0;width:100%;margin:0;transform-origin:0 0;will-change:transform,opacity;visibility:hidden}
.mirada-scroll .miradaWide{z-index:1}.mirada-scroll .miradaVeil{z-index:2}.mirada-scroll .miradaFull{z-index:3}.mirada-scroll .miradaClose{z-index:4}.mirada-scroll .miradaGuests{z-index:5}
@media(max-width:680px){.miradaSequence{padding:24px 16px}.miradaStage{gap:18px}.miradaSequence .miradaFrame{width:100%}.miradaSequence .miradaVeil{width:84%;margin-left:auto}.miradaSequence .miradaClose{width:88%}.miradaSequence.mirada-scroll{height:330vh;height:330svh;padding:0}.mirada-scroll .miradaFrame{width:100%;margin:0}}
@media(prefers-reduced-motion:reduce){.miradaFrame>video{display:none}.miradaFrame{will-change:auto!important}}

/* Independent playback control; never participates in the media layout. */
.miradaStage{position:relative}
.miradaMotion{position:absolute;right:16px;bottom:16px;z-index:10;min-height:44px;padding:10px 14px;border:1px solid currentColor;background:#191a19;color:#f8f6ef;font:12px Arial,sans-serif;cursor:pointer}
.miradaMotion[hidden]{display:none}
.miradaMotion:focus-visible{outline:2px solid #f8f6ef;outline-offset:4px}
/* A focused overlay must not scroll the clipped stage and shift its media. */
@supports(overflow:clip){.mirada-scroll .miradaStage{overflow:clip}}