/* SCL Films: warm light, deep blacks, editorial typography. */
:root{--bg:#0c0c0d;--panel:#141414;--panel-light:#1c1b19;--text:#f5f1e9;--muted:#b3aea5;--line:#34312c;--gold:#dec18d;--ink:#17130d}
.header{background:#0c0c0de8;border-bottom-color:#dec18d1c}
.hero{min-height:min(900px,calc(100svh - 90px));display:flex;flex-direction:column;justify-content:center;padding-top:clamp(48px,7vw,110px)}
.hero-atmosphere{background:radial-gradient(ellipse at 85% 34%,#b77e3824,transparent 48%),linear-gradient(110deg,#0c0c0d 30%,#15120e 100%)}
.hero-atmosphere:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff02 3px 4px);pointer-events:none}
.beam{width:340px;right:3%;background:linear-gradient(90deg,transparent,#f2cb8512,transparent);border-right-color:#dec18d20;filter:blur(3px)}
.beam-two{right:28%;width:150px}
.orbit{width:58vw;height:58vw;right:-19vw;top:-8%;border-color:#dec18d12;box-shadow:0 0 0 70px #dec18d03,0 0 0 140px #dec18d02}
.hero h1{font-weight:500;max-width:1200px;text-wrap:balance}
.hero-copy{max-width:570px}.hero-meta{width:100%;margin-top:clamp(48px,6vw,90px)}
.button{border-radius:3px}.button:not(.button-outline){box-shadow:0 3px 22px #dec18d0b}.button-outline{border-color:#75654c}
.statement{background:#121211}.statement-inner{padding-top:38px;padding-bottom:38px}
.service-card{background:linear-gradient(140deg,#1c1915,#121212);border-color:#383127}
.service-card:hover{border-color:#ac8d59;box-shadow:0 18px 45px #0003}
.portfolio{background:#090909}.film-placeholder{background:radial-gradient(ellipse at 50% 120%,#93653130,transparent 65%),linear-gradient(125deg,#171512,#0e0e0f);border-color:#403629}
.film-center>p{letter-spacing:-.055em}.film-center .eyebrow{color:#c6b79e}
.placeholder-image{background:linear-gradient(145deg,#191714,#111112);border-color:#343029}
.work-placeholder:hover .placeholder-image{background:#211d17;border-color:#8d744e}
.about-mark{background:radial-gradient(ellipse at 50% 45%,#9d75311e,transparent 70%),#101010;border-color:#423829}
.process-grid li{border-top-color:#897048}.contact{background:radial-gradient(ellipse at 50% 65%,#c3934510,transparent 65%)}
@media(min-width:1600px){.hero{min-height:850px}}
@media(max-width:760px){.hero{min-height:auto;padding-top:48px}.hero h1{font-size:clamp(36px,8.7vw,66px);text-wrap:initial}.hero-meta{margin-top:45px}.orbit{width:95vw;height:95vw;right:-55vw;top:15%}.beam{right:-35%;opacity:.7}.hero-copy{max-width:470px}.statement-inner{padding-top:30px;padding-bottom:30px}}