.cine-root{color:#faf3e0;background:#04222e;width:100%;overflow-x:hidden}.cine-root *{box-sizing:border-box}.cine-stage{z-index:0;pointer-events:none;will-change:background-color;background:radial-gradient(at 50% 30%,#2a9db51f,#0000 70%);position:fixed;inset:0}.cine-scene{width:100%;min-height:100vh;position:relative;overflow:hidden}.cine-photo{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.cine-photo-overlay{background:linear-gradient(#04222e59 0%,#04222e1a 35%,#04222e26 60%,#04222e99 100%);position:absolute;inset:0}.scene-surface{background:linear-gradient(#021a26 0%,#04384a 55%,#0e6e83 100%);justify-content:center;align-items:center;height:100vh;display:flex}.surface-water{z-index:1;position:absolute;inset:0;overflow:hidden}.surface-rays{mix-blend-mode:screen;opacity:.8;will-change:transform, opacity;background:conic-gradient(from 180deg at 50% 0,#0000 0deg,#cdeef21f 8deg,#0000 16deg,#cdeef214 26deg,#0000 34deg,#cdeef224 46deg,#0000 54deg,#cdeef20f 66deg,#0000 76deg);width:160%;height:140%;animation:12s ease-in-out infinite alternate rayDrift;position:absolute;top:-20%;left:50%;transform:translate(-50%)}@keyframes rayDrift{0%{transform:translate(-50%)rotate(-3deg)}to{transform:translate(-50%)rotate(3deg)}}.surface-hero-photo{z-index:2;opacity:0;will-change:opacity, transform;position:absolute;inset:0}.surface-flash{z-index:3;opacity:0;pointer-events:none;will-change:opacity;background:radial-gradient(at 50% 45%,#fff7d6e6,#ffe69633 40%,#0000 70%);position:absolute;inset:0}.surface-content{z-index:4;text-align:center;will-change:transform, opacity;flex-direction:column;align-items:center;padding:1.5rem;display:flex;position:relative}.surface-logo{filter:drop-shadow(0 6px 24px #0006);width:clamp(120px,18vw,200px);height:auto;margin-bottom:1rem}.surface-eyebrow{letter-spacing:.35em;text-transform:uppercase;color:#ffffffd9;font-size:.8rem}.surface-title{font-family:var(--font-display);letter-spacing:-.03em;text-shadow:0 6px 40px #00000073;font-size:clamp(2.75rem,11vw,8rem);font-weight:800;line-height:.95}.surface-title .accent{color:#ff6b5e}.surface-date{margin-top:.75rem;font-size:clamp(1rem,2.2vw,1.6rem);font-weight:600}.bubble{opacity:.5;will-change:transform, opacity;background:radial-gradient(circle at 30% 30%,#ffffffb3,#cdeef226);border-radius:50%;animation:linear infinite bubbleUp;position:absolute;bottom:-40px}@keyframes bubbleUp{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.6}to{opacity:0;transform:translateY(-110vh)translate(20px)}}.cine-scroll-hint{z-index:6;color:#fff9;letter-spacing:.2em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.4rem;font-size:.7rem;display:flex;position:absolute;bottom:1.75rem;left:50%;transform:translate(-50%)}.cine-scroll-hint .line{background:linear-gradient(#fff9,#0000);width:1px;height:36px;animation:2s ease-in-out infinite hintPulse}@keyframes hintPulse{0%,to{opacity:.3;transform:scaleY(.8)}50%{opacity:.9;transform:scaleY(1)}}.scene-pan{height:100vh;overflow:hidden}.pan-track{will-change:transform;width:max-content;height:100vh;display:flex}.pan-panel{flex:0 0 100vw;width:100vw;min-width:100vw;height:100vh;position:relative;overflow:hidden}.pan-card{z-index:10;-webkit-backdrop-filter:saturate(180%)blur(18px);color:#fff;opacity:1;will-change:transform, opacity;background:#ffffff1f;border:1px solid #ffffff38;border-radius:1.25rem;max-width:min(420px,80vw);padding:1.5rem 1.75rem;position:absolute;transform:translateY(0)scale(1);box-shadow:0 8px 32px #0000004d}.pan-card .label{letter-spacing:.25em;text-transform:uppercase;color:#ffffffbf;font-size:.7rem}.pan-card .headline{font-family:var(--font-display);text-shadow:0 2px 12px #00000059;margin-top:.4rem;font-size:clamp(1.4rem,3vw,2.4rem);font-weight:700;line-height:1.15}.pan-vignette{z-index:6;opacity:0;pointer-events:none;will-change:opacity;background:radial-gradient(#0000 30%,#00000080 100%);position:absolute;inset:0}.pan-progress{z-index:12;gap:.5rem;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.pan-progress span{background:#ffffff4d;border-radius:3px;width:28px;height:3px;transition:background .3s}.pan-progress span.on{background:#ff6b5e}.scene-reel{background:radial-gradient(at 50% 40%,#0b2f3d,#04222e 70%);justify-content:center;align-items:center;min-height:100vh;display:flex;overflow:hidden}.reel-stage{justify-content:center;align-items:center;width:100%;max-width:1100px;height:100vh;padding-top:7rem;display:flex;position:relative}.reel-core{aspect-ratio:1;will-change:transform;background:radial-gradient(circle,#111 0 30%,#1c1c1c 31% 33%,#111 34% 46%,#1c1c1c 47% 49%,#111 50%);border-radius:50%;justify-content:center;align-items:center;width:clamp(180px,30vw,320px);height:clamp(180px,30vw,320px);margin:auto;display:flex;position:absolute;inset:0;box-shadow:0 0 80px #2a9db566,inset 0 0 40px #000c}.reel-core:after{content:"";background:#ff6b5e;border-radius:50%;width:18%;height:18%;box-shadow:0 0 24px #ff6b5ecc}.reel-core-lottie{box-shadow:none;background:0 0}.reel-core-lottie:after{display:none}.reel-eq{z-index:5;align-items:flex-end;gap:4px;height:48px;display:flex;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.reel-eq i{background:linear-gradient(#ffd166,#2a9db5);border-radius:3px;width:5px;animation:.9s ease-in-out infinite eq}.reel-eq i:nth-child(odd){animation-duration:.7s}.reel-eq i:nth-child(3n){animation-duration:1.1s}@keyframes eq{0%,to{height:20%}50%{height:100%}}.reel-artist{z-index:8;opacity:0;will-change:transform, opacity;flex-direction:column;align-items:center;width:fit-content;height:fit-content;margin:auto;display:flex;position:absolute;inset:0}.reel-artist .photo{aspect-ratio:4/5;object-fit:cover;object-position:center top;border:2px solid #ffffff26;border-radius:1.25rem;width:clamp(220px,62vw,300px);max-height:62vh;box-shadow:0 16px 48px #00000080}@media (min-width:768px){.reel-artist .photo{width:clamp(280px,26vw,360px);max-height:56vh}}@media (min-width:768px) and (max-height:860px){.reel-artist{inset:12vh 0 0}}@media (min-width:768px) and (max-height:720px){.reel-artist{inset:18vh 0 0}.reel-artist .photo{max-height:48vh}}.reel-artist .name{font-family:var(--font-display);text-shadow:0 2px 16px #0009;margin-top:.75rem;font-size:clamp(1.25rem,3vw,2rem);font-weight:700}.reel-artist .meta{color:#fff9;font-size:.85rem}@media (min-width:768px){.reel-core{opacity:.85;width:clamp(200px,24vw,300px);height:clamp(200px,24vw,300px);margin-left:auto;margin-right:auto;inset:auto 0 12vh}}.reel-heading{text-align:center;z-index:9;pointer-events:none;background:radial-gradient(at 50% 0,#04222ed9 0%,#04222e66 55%,#0000 100%);border-radius:1rem;width:max-content;max-width:90vw;padding:.5rem 1.5rem 1.5rem;position:absolute;top:5.5rem;left:50%;transform:translate(-50%)}.reel-heading h2{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,3rem);font-weight:800}.reel-heading p{color:#ffffffa6;margin-top:.25rem}.cine-section{z-index:1;padding:6rem 1.5rem;position:relative}@media (min-width:768px){.cine-section{padding:8rem 3rem}}.cine-section-inner{max-width:72rem;margin:0 auto}.cine-mosaic{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (min-width:768px){.cine-mosaic{grid-template-columns:repeat(4,1fr);gap:1rem}}.cine-mosaic button{aspect-ratio:1;will-change:transform;background-color:#000;border-radius:.9rem;position:relative;overflow:hidden}.cine-mosaic button.tall{aspect-ratio:1/2;grid-row:span 2}.cine-mosaic img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.surface-rays,.bubble,.reel-eq i{animation:none}.surface-hero-photo,.surface-content{opacity:1!important;transform:none!important}.pan-track{flex-direction:column;width:100%;height:auto}.pan-panel{width:100%;height:70vh}.pan-card,.reel-artist{margin:1rem auto;position:static;opacity:1!important;transform:none!important}.pan-vignette{display:none}.scene-pan,.scene-reel,.scene-surface{height:auto;min-height:0}}