/* Cinematic media: source footage stays local; content is visible without motion or JavaScript. */
.hero-experience.hero-cinema{min-height:860px;min-height:max(820px,100svh);padding:155px 0 30px;background:#090d14;isolation:isolate;display:flex;flex-direction:column}
.hero-cinema::after{display:none}.hero-cinema::before{z-index:2;opacity:.025}
.film-media{overflow:hidden;background:#141c25;position:relative}
.film-poster,.cinema-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cinema-video{opacity:0;transition:opacity 1.1s ease}.film-media.has-played .cinema-video{opacity:1}.film-media.film-error .cinema-video{opacity:0}
.hero-cinema .hero-film{position:absolute;inset:0;z-index:-2;background:#090d14;transform:translateY(calc(var(--hero-scroll)*90px)) scale(calc(1.04 + var(--hero-scroll)*.07));transform-origin:70% 50%;will-change:transform}
.hero-film .film-poster,.hero-film .cinema-video{object-position:65% 50%;filter:saturate(.68) contrast(1.05)}
.hero-film-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,9,15,.78),rgba(5,9,15,.36) 53%,rgba(5,9,15,.12)),linear-gradient(180deg,rgba(5,9,15,.3),transparent 28%,rgba(5,9,15,.2) 65%,#090d14 100%);pointer-events:none}
.hero-cinema .hero-main{display:block;min-height:0;flex:1;width:calc(100% - 112px);max-width:1512px;align-content:center;padding-bottom:50px}
.hero-cinema .hero-copy{max-width:1140px}
.hero-cinema .hero-eyebrow{color:#d0d6df;font-size:9px;letter-spacing:.16em;margin-bottom:31px}
.hero-cinema h1{font-size:clamp(90px,10.5vw,170px);line-height:.9;font-weight:450;letter-spacing:-.075em;max-width:100%;margin-bottom:0}
.hero-cinema .hero-line{padding-bottom:.15em;margin-bottom:-.15em;overflow:clip}
.hero-cinema .hero-line:nth-child(2){display:inline-block;vertical-align:top;margin-right:.12em}
.hero-cinema .hero-line:nth-child(3){display:inline-block;vertical-align:top;overflow:clip}
.hero-cinema .hero-line-accent{color:#e7e9ec;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.075em}
.hero-cinema .hero-period{color:#acbfd6}
.hero-cinema-details{display:flex;align-items:flex-end;gap:50px;margin-top:38px}
.hero-cinema .hero-description{margin:0;max-width:350px;color:#c6cbd3;font-size:13px;line-height:1.85}
.hero-cinema .hero-actions{margin:0;gap:16px;display:flex;flex-direction:column;align-items:flex-start}
.hero-cinema .hero-work-link{font-size:10px;padding:0;color:#c6cdd6}
.hero-cinema .hero-actions .button{min-height:53px;background:#e3e7ed;color:#111720;border:1px solid #e3e7ed;font-size:11px;gap:36px}
.hero-cinema .hero-actions .button:hover{background:#fff;border-color:#fff}
.hero-film-note{position:absolute;right:42px;top:43%;z-index:3;writing-mode:vertical-rl;display:flex;align-items:center;gap:30px;white-space:nowrap}
.film-signature{font-size:8px;letter-spacing:.27em;color:#c1cad8}
.hero-film-note>a{font-size:7px;color:#aeb8c7;letter-spacing:.05em;text-decoration:none}
.hero-cinema .hero-bottom{width:calc(100% - 112px);max-width:1512px;margin-top:0;padding-top:25px;align-items:center;border-color:#cbd8ea26;gap:20px}
.hero-cinema .hero-bottom>p{margin:0 auto;color:#c7cdd6;font-size:9px}.hero-cinema .hero-bottom>p>span{color:#8f9aaa;font-size:8px}
.film-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;color:inherit;font:inherit;font-size:10px;line-height:1.4;border:1px solid #aebccd44;background:#0c132450;border-radius:999px;padding:11px 16px;min-height:40px;cursor:pointer;white-space:nowrap;backdrop-filter:blur(8px);transition:background .2s,border-color .2s}
.film-toggle:hover{background:#60728f35;border-color:#aebccd99}.film-toggle>span:first-child{font-size:9px;width:11px;text-align:center}.film-toggle:focus-visible,.cinema-treatments button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.hero-cinema .hero-line>span,.hero-cinema .hero-eyebrow,.hero-cinema .hero-description,.hero-cinema .hero-actions{animation:none!important}
.cinema-showcase{padding-block:60px 110px;--cinema-progress:0;scroll-margin-top:110px}
.cinema-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:40px}
.cinema-intro .eyebrow{font-size:8px;letter-spacing:.14em;color:#6b7583;margin-bottom:20px}
.cinema-intro h3{font-size:clamp(42px,4.9vw,74px);line-height:1.02;letter-spacing:-.065em;font-weight:500;margin:0}
.cinema-intro>p{font-size:13px;line-height:1.9;color:#70747b;max-width:300px;margin-bottom:3px}
.cinema-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #19233024;padding:18px 0}
.cinema-toolbar>span{font-size:8px;letter-spacing:.14em;color:#727b86}
.cinema-treatments{display:flex;gap:6px;flex-wrap:wrap}
.cinema-treatments button{font:inherit;font-size:11px;padding:10px 17px;border:1px solid transparent;border-radius:999px;background:transparent;color:#727b86;cursor:pointer;transition:color .2s,background .2s}
.cinema-treatments button[aria-pressed=true]{background:#19222e;color:#fff}.cinema-treatments button:hover{border-color:#19233040}
.cinema-concept{position:relative;isolation:isolate;min-height:640px;overflow:hidden;border-radius:5px;background:#142027;color:#fff;--frame:0px;--radius:5px;clip-path:inset(var(--frame) round var(--radius));transition:background .6s,color .6s;transform:translateZ(0)}
.coast-film{position:absolute;inset:0;z-index:-2;transform:scale(calc(1.08 - var(--cinema-progress)*.08));transition:inset .7s cubic-bezier(.22,1,.36,1),border-radius .7s ease;will-change:transform}
.coast-film .film-poster,.coast-film .cinema-video{filter:saturate(.65) brightness(.85);object-position:center}
.cinema-concept::after{position:absolute;inset:0;content:'';z-index:-1;background:linear-gradient(90deg,#081318ab,transparent 85%),linear-gradient(0deg,#081318a6,transparent 50%);transition:opacity .6s;pointer-events:none}
.concept-top{position:relative;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:35px 40px;color:#e7ebed;z-index:1}
.concept-brand{font-size:30px;letter-spacing:-.07em;font-weight:600}.concept-top>span:last-child{font-size:7px;letter-spacing:.2em}
.concept-copy{padding:76px 7% 95px;position:relative;z-index:1;max-width:820px;transition:padding .65s cubic-bezier(.22,1,.36,1),width .65s}
.concept-copy>.eyebrow{font-size:8px;letter-spacing:.17em;color:#c6d4dc;margin-bottom:21px}
.concept-copy h4{font-size:clamp(56px,6.8vw,105px);line-height:.99;letter-spacing:-.065em;font-weight:450;margin:0 0 30px}
.concept-copy h4 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.concept-link{display:inline-flex;align-items:center;gap:40px;font-size:11px;border-bottom:1px solid #d0d8df80;padding-bottom:11px;color:inherit;text-decoration:none}.concept-link>span{font-size:20px}
.concept-bottom{display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:25px;left:40px;right:40px;gap:15px;z-index:1}.concept-bottom>span{font-size:7px;letter-spacing:.13em;color:#c6d4dc}
.cinema-concept[data-cinema-style=editorial]{background:#e4e2da;color:#1a282c}
.cinema-concept[data-cinema-style=editorial] .coast-film{inset:95px 30px 75px 49%;border-radius:100% 100% 5px 5px;transform:none}
.cinema-concept[data-cinema-style=editorial]::after{opacity:0}
.cinema-concept[data-cinema-style=editorial] .concept-top,.cinema-concept[data-cinema-style=editorial] .eyebrow,.cinema-concept[data-cinema-style=editorial] .concept-bottom>span{color:#435458}
.cinema-concept[data-cinema-style=editorial] .concept-copy{padding:85px 4% 120px;width:52%}
.cinema-concept[data-cinema-style=editorial] h4{font-size:clamp(40px,4.9vw,74px)}
.cinema-concept[data-cinema-style=editorial] .concept-link{gap:14px;border-color:#30414566;font-size:10px}
.cinema-concept[data-cinema-style=minimal]{background:#eef0ec;color:#20313a}
.cinema-concept[data-cinema-style=minimal]::after{opacity:0}
.cinema-concept[data-cinema-style=minimal] .coast-film{inset:0 0 0 50%;transform:none}
.cinema-concept[data-cinema-style=minimal] .concept-copy{width:50%;padding:80px 4% 100px}
.cinema-concept[data-cinema-style=minimal] .concept-top,.cinema-concept[data-cinema-style=minimal] .eyebrow,.cinema-concept[data-cinema-style=minimal] .concept-bottom>span{color:#435458}
.cinema-concept[data-cinema-style=minimal] .concept-top>span:last-child{color:white}
.cinema-concept[data-cinema-style=minimal] h4{font-size:clamp(40px,4.8vw,74px)}
.cinema-concept[data-cinema-style=minimal] .concept-link{gap:14px;border-color:#30414566;font-size:10px}
.cinema-concept[data-cinema-style=editorial] .film-toggle{background:#1c313b;color:#fff}
.cinema-caption{display:flex;justify-content:space-between;gap:30px;padding-top:18px;color:#787f88}.cinema-caption>p{max-width:560px;font-size:10px;line-height:1.8;margin:0}.cinema-caption>a{color:inherit;font-size:9px;white-space:nowrap}
@media(min-width:1600px){.hero-cinema h1{font-size:180px}.hero-cinema .hero-main{padding-top:35px}.hero-cinema-details{margin-top:50px}.cinema-concept{min-height:770px}}
@media(max-width:1000px){.hero-cinema .hero-main,.hero-cinema .hero-bottom{width:calc(100% - 64px)}.hero-cinema h1{font-size:11.7vw}.hero-film-note{right:16px}.hero-cinema-details{gap:35px}.hero-cinema .hero-description{font-size:12px;max-width:300px}.hero-cinema .hero-bottom>p{display:none}.cinema-intro{gap:30px}.cinema-intro>p{max-width:240px;font-size:12px}.concept-copy{padding-top:90px}.cinema-concept{min-height:590px}.concept-top{padding:30px}.concept-bottom{left:30px;right:30px}.cinema-concept[data-cinema-style=editorial] .concept-copy{padding-top:90px}.concept-copy h4{font-size:8vw}.cinema-toolbar>span{font-size:7px}.cinema-caption>p{max-width:480px}}
@media(max-width:600px){
 .hero-experience.hero-cinema{min-height:max(790px,100svh);padding:132px 0 22px}
 .hero-cinema .hero-main,.hero-cinema .hero-bottom{width:calc(100% - 40px)}
 .hero-cinema .hero-main{padding-bottom:50px;align-content:start}
 .hero-cinema .hero-eyebrow{font-size:7px;letter-spacing:.12em;margin-bottom:45px}
 .hero-cinema h1{font-size:clamp(65px,17.5vw,102px);line-height:.95;letter-spacing:-.07em}
 .hero-cinema .hero-line:nth-child(2){display:block;margin-right:0}.hero-cinema .hero-line:nth-child(3){display:block}
 .hero-cinema .hero-line-accent{letter-spacing:-.08em;font-size:1.06em}
 .hero-cinema-details{display:block;margin-top:30px}
 .hero-cinema .hero-description{font-size:12px;line-height:1.85;max-width:310px}
 .hero-cinema .hero-actions{margin-top:25px;gap:18px}.hero-cinema .hero-actions .button{min-height:49px;font-size:10px;gap:30px}
 .hero-cinema .hero-work-link{font-size:9px}.hero-film-note{writing-mode:horizontal-tb;top:auto;bottom:99px;right:20px}.film-signature{display:none}.hero-film-note>a{font-size:6px;color:#8c99ab}
 .hero-cinema .hero-film{transform:none}.hero-film .film-poster,.hero-film .cinema-video{object-position:68% center}
 .hero-film-shade{background:linear-gradient(90deg,#05090fc4,#05090f26),linear-gradient(0deg,#090d14 0%,transparent 80%)}
 .hero-cinema .hero-bottom{margin-top:18px;padding-top:17px;gap:10px}.hero-cinema .scroll-invitation{font-size:7px;gap:7px;max-width:180px}.hero-cinema .scroll-orbit{width:23px;height:23px;flex-shrink:0;font-size:12px}.film-toggle{font-size:8px;min-height:35px;padding:9px 11px;gap:6px}
 .cinema-showcase{padding-block:15px 60px}.cinema-intro{display:block;margin-bottom:25px}.cinema-intro .eyebrow{font-size:7px}.cinema-intro h3{font-size:44px}.cinema-intro>p{font-size:12px;max-width:330px;margin-top:20px}.cinema-toolbar{align-items:center;gap:6px;padding-block:13px}.cinema-toolbar>span{max-width:65px;line-height:1.6;font-size:6px;text-align:right}.cinema-treatments{gap:2px}.cinema-treatments button{font-size:9px;padding:9px 10px}
 .cinema-concept{min-height:590px}.concept-top{padding:24px 22px}.concept-brand{font-size:26px}.concept-top>span:last-child{font-size:5px;letter-spacing:.1em;max-width:100px;text-align:right;line-height:1.7}.concept-copy{padding:98px 24px 100px;max-width:100%}.concept-copy>.eyebrow{font-size:6px;letter-spacing:.13em}.concept-copy h4{font-size:58px;line-height:1.02;letter-spacing:-.065em}.concept-link{font-size:9px;gap:20px}.concept-bottom{left:22px;right:22px;bottom:20px}.concept-bottom>span{font-size:5px;max-width:140px;line-height:1.8;letter-spacing:.1em}.cinema-caption{display:block;padding-top:13px}.cinema-caption>p{font-size:9px}.cinema-caption>a{display:inline-block;font-size:8px;margin-top:10px}
 .cinema-concept[data-cinema-style=editorial] .coast-film{inset:165px 18px 65px 48%;border-radius:150px 150px 5px 5px}
 .cinema-concept[data-cinema-style=editorial] .concept-copy{padding:120px 20px 100px;width:58%}
 .cinema-concept[data-cinema-style=editorial] h4,.cinema-concept[data-cinema-style=minimal] h4{font-size:36px;line-height:1.07}.cinema-concept[data-cinema-style=editorial] .concept-copy>.eyebrow{max-width:140px;font-size:5px;line-height:1.9}.cinema-concept[data-cinema-style=editorial] .concept-link{font-size:7px;gap:6px;max-width:142px}.cinema-concept[data-cinema-style=editorial] .concept-link>span{font-size:14px}
 .cinema-concept[data-cinema-style=minimal] .coast-film{inset:335px 18px 62px;border-radius:3px}
 .cinema-concept[data-cinema-style=minimal] .concept-copy{padding:25px 24px 10px;width:100%}.cinema-concept[data-cinema-style=minimal] h4{font-size:43px;margin-bottom:17px}.cinema-concept[data-cinema-style=minimal] .concept-copy>.eyebrow{margin-bottom:17px}.cinema-concept[data-cinema-style=minimal] .concept-top>span:last-child{color:#435458}.cinema-concept[data-cinema-style=minimal] .film-toggle{background:#1c313b;color:#fff}.cinema-concept[data-cinema-style=minimal] .concept-link{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.hero-cinema .hero-film,.coast-film{transform:none!important}.cinema-video,.coast-film,.cinema-concept,.concept-copy{transition:none!important}}
.motion-paused .hero-cinema .hero-film,.motion-paused .coast-film{transform:none!important}.motion-paused .coast-film,.motion-paused .cinema-concept,.motion-paused .concept-copy{transition:none!important}
@media(max-width:600px){
 .cinema-concept[data-cinema-style=minimal]{display:flex;flex-direction:column;min-height:0}
 .cinema-concept[data-cinema-style=minimal] .concept-top{order:0}
 .cinema-concept[data-cinema-style=minimal] .concept-copy{order:1;flex-shrink:0;padding-bottom:25px}
 .cinema-concept[data-cinema-style=minimal] .coast-film{order:2;position:relative;inset:auto;z-index:0;height:210px;flex-shrink:0;margin:0 18px;border-radius:3px}
 .cinema-concept[data-cinema-style=minimal] .concept-bottom{order:3;position:relative;inset:auto;padding:20px 22px}
}
