:root{--film-accent:#a6c9e6}.project-page,.slate-page{color:#edf2f5}.project-page .eyebrow{color:var(--film-accent)}.film-action{display:inline-flex;align-items:center;padding:12px 19px;margin:5px 8px 5px 0;border:1px solid #bed1de88;border-radius:10px;background:#0d1b28b8;color:white;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;backdrop-filter:blur(8px)}.film-action:hover{background:#354857b8}.feature-opening{height:100svh;min-height:760px;position:relative;overflow:hidden;background:#08111a}.feature-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.feature-background.soft{filter:blur(20px) brightness(.5);transform:scale(1.06)}.feature-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#050d17cd,transparent 85%),linear-gradient(0deg,#07111b,transparent 65%,#07111b55)}.feature-title{position:absolute;z-index:1;left:8%;bottom:12%;max-width:850px;width:75%}.feature-title h1{font-size:clamp(65px,8vw,130px);line-height:.96;letter-spacing:1px;max-width:900px;text-wrap:balance}.feature-title>p:not(.eyebrow){font-size:18px;line-height:1.6;margin:22px 0 12px;color:#e2e8ec}.feature-title .eyebrow{font-size:9px}.project-status{display:block;text-transform:uppercase;letter-spacing:3px;font-size:10px;margin:20px 0 10px;color:var(--film-accent)}.hero-poster{position:absolute;right:10%;bottom:8%;width:28%;height:62%;object-fit:contain;z-index:1;filter:drop-shadow(0 15px 40px #0009)}.with-poster .feature-title{width:48%}.with-poster .feature-title h1{font-size:clamp(60px,7vw,115px)}.feature-world{background:linear-gradient(#07111bec,#07111be8),var(--world-art) center/cover fixed}.film-sections{position:sticky;top:0;z-index:3;display:flex;justify-content:center;gap:40px;padding:20px;background:#0c1724e8;backdrop-filter:blur(10px);border-bottom:1px solid #afc4d325;letter-spacing:2px;font-size:10px}.film-synopsis{max-width:840px;width:84%;padding:90px 0;margin:auto}.film-synopsis h2{font-size:clamp(36px,4vw,58px);color:var(--film-accent)}.film-synopsis>p:not(.eyebrow){font-size:19px;line-height:1.9;color:#cbd7df;margin:28px 0}.studio-chip{font-size:11px;border-bottom:1px solid #83a3b8;padding-bottom:8px}.film-imagery{width:90%;max-width:1250px;margin:0 auto 100px}.film-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.film-section-title h2,.more-projects>h2{font:500 13px 'DM Sans',sans-serif;letter-spacing:3px;text-transform:uppercase}.film-section-title button,.project-viewer button{width:40px;height:40px;border:1px solid #a8c2d566;background:none;color:white;border-radius:50%;margin-left:10px}.project-rail{display:flex;gap:24px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#7894a7 #102131;padding-bottom:18px}.project-rail button{flex:0 0 70%;scroll-snap-align:center;padding:0;background:#03090d80;border:0;overflow:hidden}.project-rail img{width:100%;height:420px;object-fit:contain;display:block;transition:transform .6s}.project-rail button:hover img{transform:scale(1.025)}.film-poster-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;padding:20px 14% 100px}.poster-open{border:0;background:none;padding:0}.poster-open img{width:100%;max-height:650px;object-fit:contain;filter:drop-shadow(0 15px 40px #0007)}.film-poster-section h2{font-size:clamp(42px,4vw,65px);line-height:1.06;color:var(--film-accent)}.film-poster-section p:not(.eyebrow){font-size:14px;line-height:1.9;color:#b3c4d1;margin:26px 0}.film-follow{text-align:center;padding:70px 8% 90px;background:#06101b66}.film-follow h2{font-size:clamp(42px,5vw,65px);margin-bottom:24px}.film-follow>p:last-child{font-size:10px;color:#8ca4b5;margin-top:20px}.more-projects{padding:50px 8% 100px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px}.slate-intro{padding:240px 8% 35px;background:linear-gradient(#08142022,#081420a6)}.slate-intro h1{font-size:clamp(65px,8vw,125px)}.slate-intro>p:not(.eyebrow){color:#cbd7df;line-height:1.7}.slate-filters{display:flex;flex-wrap:wrap;gap:25px;margin-top:38px}.slate-filters button{border:0;border-bottom:1px solid transparent;background:none;color:#c8d4dd;padding:10px 0;font-size:12px}.slate-filters button[aria-pressed=true]{border-color:#b8d3e5;color:white}.slate-count{font-size:10px;letter-spacing:1px}.slate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 26px;padding:20px 8% 90px;background:#07111ba6}.slate-grid>[hidden]{display:none}.slate-card{display:block}.slate-picture{height:270px;position:relative;overflow:hidden;background:#081420}.slate-picture img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.slate-picture.poster-card img{object-fit:contain;background:radial-gradient(#243749,#050c13)}.slate-card:hover img{transform:scale(1.035)}.slate-picture span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#020b16cc);padding:40px 18px 18px;font-size:10px;letter-spacing:1px}.slate-card small{display:block;font-size:9px;letter-spacing:1.3px;color:#a5becf;text-transform:uppercase;margin-top:18px}.slate-card h3{font-size:28px;margin-top:8px;line-height:1.1}.storybyte-door{padding:90px 8%;background:linear-gradient(90deg,#09121ce8,#09121c99),url('storybyte-scene.jpg') center/cover}.storybyte-door h2{font-size:clamp(40px,5vw,72px)}.storybyte-door>p:not(.eyebrow){color:#c8d4dd;line-height:1.8}.project-viewer{width:min(1200px,94vw);padding:24px;background:#050c13}.project-viewer>img{display:block;width:100%;height:72svh;object-fit:contain}.project-viewer .viewer-close{position:absolute;right:25px;top:25px;background:#081420dd}.project-viewer>p{font-size:12px;color:#bdcfdc}.project-viewer>div{display:flex;justify-content:space-between}.project-page footer,.slate-page footer{background:#07111bd9}.reveal{opacity:1;transform:none}.film-motion .reveal{opacity:0;transform:translateY(35px);transition:opacity .7s,transform .8s cubic-bezier(.22,.65,.3,1)}.film-motion .reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.slate-grid{grid-template-columns:repeat(2,1fr)}.slate-picture{height:250px}.feature-title{bottom:10%}.hero-poster{right:5%;width:32%}.film-poster-section{padding-inline:8%;gap:7%}}
@media(max-width:760px){.feature-opening{min-height:760px}.feature-title{left:7%;width:86%;bottom:9%}.feature-title h1{font-size:clamp(52px,13vw,80px)}.feature-title>p:not(.eyebrow){font-size:15px}.with-poster .hero-poster{right:7%;top:210px;bottom:auto;height:220px;width:34%;opacity:.9}.with-poster .feature-title{width:86%;bottom:7%}.with-poster .feature-title h1{font-size:58px;max-width:85%}.film-sections{position:sticky;inset:0 auto auto;flex-direction:row;gap:22px;padding:18px 5%;font-size:9px;overflow:auto}.film-synopsis{padding:65px 0;width:86%}.film-synopsis>p:not(.eyebrow){font-size:16px}.project-rail button{flex-basis:90%}.project-rail img{height:300px}.film-imagery{margin-bottom:65px}.film-poster-section{grid-template-columns:1fr;padding:0 7% 60px;gap:35px}.poster-open{max-width:320px;margin:auto}.film-follow{padding:65px 7%}.related-grid{grid-template-columns:1fr}.slate-intro{padding:220px 7% 25px}.slate-grid{grid-template-columns:1fr;padding:15px 7% 70px;gap:35px}.slate-picture{height:280px}.slate-filters{gap:22px}.storybyte-door{padding:70px 7%}.feature-world{background-attachment:scroll}}
@media(prefers-reduced-motion:reduce){.film-motion .reveal{opacity:1;transform:none;transition:none}}

.wcl-motion{position:absolute;z-index:4;right:5%;bottom:30px;background:#0c1729a6;border:1px solid #c3d6e780;border-radius:20px;color:white;padding:9px 14px;font:11px Arial;cursor:pointer}