html:has(.sreel-page){overflow-x:clip;background:#161412}.sreel-page{margin:0;background:#161412;color:#f6f3ed;overflow-x:clip;max-width:100%}.sreel{--ink: #161412;--paper: #f6f3ed;--gold: #ad9a63;--muted: rgba(246, 243, 237, .62);position:relative;color:var(--paper);background:radial-gradient(ellipse 55% 42% at 50% 38%,rgba(173,154,99,.16),transparent 70%),var(--ink);font-family:Outfit,ui-sans-serif,system-ui,sans-serif;padding:28px 0 32px;padding-bottom:calc(32px + env(safe-area-inset-bottom));overflow-x:clip;max-width:100%}.sreel.is-page{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.sreel-head{text-align:center;padding:0 max(18px,env(safe-area-inset-right)) 18px max(18px,env(safe-area-inset-left))}.sreel-brand{margin:0;font-size:11px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}.sreel-title{margin:8px 0 0;font-family:Cormorant Garamond,Georgia,serif;font-weight:400;font-size:clamp(2.15rem,4.6vw,3.6rem);line-height:1.02;letter-spacing:-.02em;color:var(--paper)}.sreel-lede{margin:10px auto 0;max-width:38ch;font-weight:300;font-size:.98rem;line-height:1.45;color:var(--muted)}.sreel-lede[hidden]{display:none}.sreel-stage-wrap{position:relative;--card-w: min(82vw, calc((100svh - 196px)*.5625) );--shift: .6;--radius: 22px;--drag: 0px}.sreel-stage{position:relative;height:calc(var(--card-w) * 16 / 9);overflow:hidden;touch-action:none;overscroll-behavior-x:contain;outline:none;cursor:grab}.sreel-stage.is-dragging{cursor:grabbing}.sreel-stage:before{content:"";position:absolute;left:50%;top:48%;width:min(560px,78vw);height:72%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(173,154,99,.2),transparent 68%);pointer-events:none;z-index:0}.sreel-card{position:absolute;top:0;left:50%;width:var(--card-w);height:100%;transform:translate3d(calc(-50% + (var(--off, 0) * var(--card-w) * var(--shift)) + var(--drag)),calc(min(var(--abs, 0),2)*14px),calc(min(var(--abs, 0),2)*-80px)) rotateY(calc(var(--off, 0) * -12deg)) scale(calc(1 - (min(var(--abs, 0),2)*.08)));transform-origin:50% 50%;opacity:calc(1 - (min(var(--abs, 0),2)*.16));transition:transform .62s cubic-bezier(.22,.78,.2,1),opacity .5s ease;will-change:transform}.sreel-stage.is-dragging .sreel-card,.sreel-card.is-instant{transition:none}.sreel-card.is-far{opacity:0;pointer-events:none}.sreel-face{position:relative;height:100%;border-radius:var(--radius);overflow:hidden;background:#1c1916;box-shadow:0 16px 36px #00000061}.sreel-card.is-active .sreel-face{box-shadow:0 30px 64px #00000080,0 10px 22px #00000047}.sreel-poster,.sreel-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;background:#1c1916;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.sreel-poster{z-index:0}.sreel-media{position:absolute;inset:0;z-index:1}.sreel-dim{position:absolute;inset:0;z-index:2;background:#100e0c;opacity:calc(min(var(--abs, 0),2)*.34);pointer-events:none;transition:opacity .5s ease}.sreel-stage.is-dragging .sreel-dim,.sreel-card.is-instant .sreel-dim{transition:none}.sreel-scrim{position:absolute;left:0;right:0;bottom:0;height:42%;z-index:3;pointer-events:none;background:linear-gradient(to top,rgba(16,12,8,.78),transparent)}.sreel-caption{position:absolute;left:16px;right:16px;bottom:16px;z-index:4;pointer-events:none;color:var(--paper);opacity:calc(1 - (min(var(--abs, 0),1)*.4))}.sreel-caption small{display:block;margin-bottom:3px;font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.sreel-caption strong{display:block;font-family:Cormorant Garamond,Georgia,serif;font-weight:500;font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.1}.sreel-open,.sreel-drag{position:absolute;inset:0;z-index:5;border:0;padding:0;background:transparent;cursor:pointer}.sreel-card.is-active .sreel-open{display:none}.sreel-drag{z-index:6;pointer-events:none;cursor:grab}.sreel-card.is-active .sreel-drag{pointer-events:auto}.sreel-play,.sreel-sound,.sreel-fallback{position:absolute;z-index:8}.sreel-play{top:14px;left:14px;width:44px;height:44px;border:0;border-radius:999px;display:grid;place-items:center;background:#16141275;color:var(--paper);cursor:pointer;opacity:0;pointer-events:none}.sreel-card.is-active .sreel-play{opacity:1;pointer-events:auto}.sreel-play svg{display:block}.sreel-sound{top:14px;right:14px;height:44px;padding:0 12px 0 10px;border:0;border-radius:999px;display:inline-flex;align-items:center;gap:6px;background:#161412b8;color:var(--paper);cursor:pointer;opacity:0;pointer-events:none;font:500 11px/1 Outfit,ui-sans-serif,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.sreel-card.is-active .sreel-sound{opacity:1;pointer-events:auto}.sreel-sound.is-on{background:var(--gold);color:var(--ink)}.sreel-sound svg{display:block;flex:none}.sreel-fallback{left:50%;top:42%;transform:translate(-50%,-50%);padding:12px 16px;border-radius:999px;background:var(--gold);color:#161412;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;white-space:nowrap}.sreel-fallback[hidden]{display:none}.sreel-toolbar{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:16px;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}.sreel-nav{width:52px;height:52px;flex:0 0 auto;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(246,243,237,.38);background:#1614128c;color:var(--paper);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sreel-nav:hover{border-color:var(--gold);color:var(--gold)}.sreel-nav svg{display:block}.sreel-count{margin:0;min-width:5.6rem;text-align:center;font-family:Cormorant Garamond,Georgia,serif;font-size:1.45rem;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--paper)}.sreel-count .slash{color:var(--gold);margin:0 .12em}.sreel-progress{position:relative;width:min(440px,78vw);height:28px;margin:4px auto 0;cursor:pointer}.sreel-progress:before,.sreel-progress-fill{content:"";position:absolute;left:0;top:12px;height:3px;border-radius:99px}.sreel-progress:before{right:0;background:#f6f3ed29}.sreel-progress-fill{width:0%;background:var(--gold);transition:width .45s ease}.sreel-ticks{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;max-width:min(640px,calc(100% - 28px));margin:2px auto 0;padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))}.sreel-tick{position:relative;width:16px;height:28px;padding:0;border:0;background:transparent;cursor:pointer}.sreel-tick:before{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:99px;transform:translate(-50%,-50%);background:#f6f3ed52}.sreel-tick[aria-selected=true]:before{width:16px;background:var(--gold)}.sreel-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sreel-failures{width:min(640px,calc(100% - 36px));margin:18px auto 0;padding:0 max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left));color:var(--muted);font-size:.85rem;line-height:1.45}.sreel-failures[hidden]{display:none}.sreel-failures a{color:var(--gold)}.sreel-failures ul{margin:8px 0 0;padding-left:1.1rem}.sreel-nav:focus-visible,.sreel-tick:focus-visible,.sreel-play:focus-visible,.sreel-sound:focus-visible,.sreel-fallback:focus-visible,.sreel-open:focus-visible,.sreel-stage:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.sreel-stage:focus-visible{outline-offset:-6px}@media(min-width:800px){.sreel-stage-wrap{--card-w: min(340px, 40vw, calc((100svh - 210px)*.5625) );--shift: .74;--radius: 26px}}@media(min-width:1100px){.sreel{padding-top:34px}.sreel-stage-wrap{--card-w: min(400px, 28vw, calc((100svh - 220px)*.5625) );--shift: .8;--radius: 28px}.sreel-stage-wrap{position:relative}.sreel-nav{position:absolute;top:calc(var(--card-w) * 8 / 9);z-index:40;transform:translateY(-50%)}.sreel-prev{left:max(22px,env(safe-area-inset-left))}.sreel-next{right:max(22px,env(safe-area-inset-right))}.sreel-toolbar{margin-top:18px}}@media(prefers-reduced-motion:reduce){.sreel-card,.sreel-dim,.sreel-progress-fill{transition:none}}