:root{--scene-gap:clamp(90px,12vh,180px)}
html{scroll-behavior:smooth;scroll-padding-top:0;scroll-snap-type:y proximity}
body{background:#101c1a}
main{position:relative;isolation:isolate}
.grain{background:none}
.hero-image{background-image:url('../images/hero-landscape.jpg')}
.partner-backdrop{background-image:url('../images/partner-story.jpg')}
.intro,.create,.partner-section,.contact{background:var(--paper);color:var(--ink)}
.film-section,.belief,.timeline{background:var(--forest-deep);color:#fff}
.partner-section .partner-shade{background:linear-gradient(90deg,rgba(245,241,233,.96) 0%,rgba(245,241,233,.82) 43%,rgba(245,241,233,.48) 100%),linear-gradient(0deg,rgba(245,241,233,.84),transparent 42%)}
.partner-section .section-label.light{color:var(--ink)}
.partner-section .section-label.light i{background:var(--ink)}
.partner-section .partner-lede{color:rgba(24,32,29,.78)}
.partner-section .partner-opportunity{border-color:rgba(24,32,29,.2)}
.partner-section .partner-opportunity h3{color:var(--ink)}
.partner-section .button-light{border-color:var(--ink);color:var(--ink)}
.partner-section .text-link.light{color:var(--ink)}
.contact .section-label.light{color:var(--ink)}
.contact .section-label.light i{background:var(--ink)}
.contact .email-link,.contact .social-links a{color:var(--ink)}
.band,.hero{scroll-snap-align:start;scroll-snap-stop:normal}
.hero,.intro,.film-section,.create,.belief,.partner-section,.timeline,.contact{min-height:100svh}
.hero,.belief,.partner-section{display:grid;align-items:center}
.hero-image,.belief-bg,.partner-backdrop{will-change:transform;backface-visibility:hidden;transform:translate3d(0,0,0) scale(1.08);contain:paint}
.hero-shade,.partner-shade{background-color:rgba(16,28,26,.12)}
.hero-content,.partner-content,.belief-content{transform:translateZ(0)}
.reveal,.reveal-left{will-change:opacity,transform;transform:translate3d(0,35px,0)}
.reveal-left{transform:translate3d(-35px,0,0)}
.reveal.is-visible,.reveal-left.is-visible{transform:translate3d(0,0,0)}
.intro-grid,.film-grid,.create-heading,.timeline-track,.contact-grid{transform:translateZ(0)}
.intro,.film-section,.create,.timeline,.contact{position:relative;overflow:hidden}
.intro:before,.film-section:before,.create:before,.timeline:before,.contact:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 22%,transparent 78%,rgba(0,0,0,.08))}
.intro-grid,.film-grid,.create-heading,.create-list,.timeline-track,.contact-top,.contact-grid{position:relative;z-index:1}
.intro-grid{align-items:center}
.intro-image{overflow:hidden;transform:translateZ(0)}
.intro-image img,.poster-art img{transition:transform 1.2s var(--ease),filter 1.2s var(--ease);will-change:transform}
.intro-image.is-visible img,.poster-art:hover img{transform:scale(1.045);filter:saturate(.9)}
.film-section,.contact{background-image:linear-gradient(135deg,rgba(16,28,26,.12),transparent 55%)}
.film-poster,.film-copy,.create-item,.timeline-step,.contact-details{transform:translateZ(0)}
.create-list{position:relative}
.belief{overflow:hidden}
.belief-content{position:relative;z-index:1}
.partner-section{isolation:isolate}
.partner-backdrop{z-index:-2}
.partner-shade{z-index:-1}
.partner-content{width:100%}
.section-label{position:relative;z-index:2}
@media(min-width:901px){.intro-grid,.film-grid{min-height:70svh}.create{display:flex;flex-direction:column;justify-content:center}.create-list{margin-top:clamp(55px,8vh,110px)}.timeline{display:flex;flex-direction:column;justify-content:center}.contact{display:flex;flex-direction:column;justify-content:center}.contact-grid{min-height:40svh;align-items:center}}
@media(max-width:900px){.hero,.intro,.film-section,.create,.belief,.partner-section,.timeline,.contact{min-height:calc(100svh - 1px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image,.belief-bg,.partner-backdrop{transform:none!important}.intro-image img,.poster-art img{transition:none}.band,.hero{scroll-snap-align:none}}