.hero{position:relative;isolation:isolate;background:#101311;overflow:hidden;color:#f1efe9}
.hero-slides,.hero-slide,.hero-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-slides{z-index:-3}.hero-slide{object-fit:cover;opacity:0;transition:opacity 1.2s ease;object-position:62% center}.hero-slide.is-current{opacity:1}.hero-shade{z-index:-2;background:linear-gradient(90deg,rgba(3,6,5,.7),rgba(3,6,5,.15)),linear-gradient(0deg,rgba(3,6,5,.85),transparent 65%)}
.hero-content{position:relative;pointer-events:none;padding-bottom:40px}.hero-title{font-size:clamp(76px,12.5vw,195px)}.hero .eyebrow{margin-bottom:38px}.hero-bottom{margin-top:45px;gap:24px;align-items:end}.hero-project{max-width:560px}.hero-project strong{display:block;font-size:clamp(16px,2vw,28px);letter-spacing:-.035em;line-height:1.15;margin:10px 0}.hero-project small{font-size:9px;letter-spacing:.13em;color:#c7c7bc}.hero-project .small-label{color:#b8c5b8}
.hero-open{position:absolute;inset:0;z-index:0;border:0;background:transparent;cursor:pointer}.hero-open:focus-visible{outline:3px solid #c8eb96;outline-offset:-8px}.hero-open-label{border-bottom:1px solid #e2e4d3;padding-bottom:8px;font-size:10px;letter-spacing:.15em;white-space:nowrap}.hero-controls{display:flex;align-items:center;gap:8px;margin-top:26px;pointer-events:auto;position:relative;z-index:2}.hero-controls button{min-height:44px;min-width:44px;padding:10px;background:rgba(12,17,13,.4);color:#eee;border:1px solid #ffffff42;font-size:9px;letter-spacing:.08em;cursor:pointer}.hero-controls button:hover{background:#e6edda;color:#111}.hero-controls span{font-size:10px;letter-spacing:.1em;margin-right:10px}.hero-controls [data-hero-pause]{margin-left:auto}.hero .hero-content{z-index:1}
#spotlight{scroll-margin-top:90px}.spotlight-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:80px var(--pad) 40px}.spotlight-intro h2{font-size:clamp(54px,9vw,132px);letter-spacing:-.075em;line-height:.9}.spotlight-intro p{max-width:260px;font-size:12px;line-height:1.7;color:#625e55}.spotlight-feature{margin:0 var(--pad) 80px}.spotlight-player{background:#080a09;aspect-ratio:16/9;box-shadow:0 25px 70px #19170f1a}.spotlight-player video,.spotlight-player iframe{width:100%;height:100%;display:block;border:0;object-fit:contain}.spotlight-info{display:flex;justify-content:space-between;gap:28px;padding-top:25px}.spotlight-info h3{font-size:clamp(26px,3.7vw,56px);line-height:1.05;letter-spacing:-.045em;max-width:850px;margin-top:12px}.spotlight-credit{font-size:11px;white-space:nowrap;padding-top:4px;color:#676256}
.service.active .editorial-content{display:block}.edit-footer{display:flex;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:.08em;padding-top:22px;color:#70695d}
.color-projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:28px;padding-top:28px}.color-film{display:block;width:100%;text-align:left;padding:0;border:1px solid #26201824;background:#f8f4ec;cursor:pointer;overflow:hidden}.color-film img{width:100%;aspect-ratio:2.3;object-fit:cover;display:block;transition:transform .5s}.color-film:hover img{transform:scale(1.025)}.color-film-info{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:24px}.color-film h3{font-size:clamp(38px,5vw,70px);letter-spacing:-.06em;line-height:1;margin:10px 0}.color-film small{display:block;font-size:10px;letter-spacing:.08em}.color-film .film-open{font-size:10px;border-bottom:1px solid;padding-bottom:7px}.color-library-note{font-size:12px;line-height:1.7;max-width:480px;padding-top:24px;color:#6a6357}
.film-dialog{position:fixed;inset:24px;margin:auto;width:min(1300px,calc(100% - 48px));max-height:calc(100svh - 48px);padding:28px;border:1px solid #bdb7aa;background:#eeeae1;color:#161612;overflow:auto}.film-dialog::backdrop{background:#070907e8;backdrop-filter:blur(10px)}.film-dialog [hidden]{display:none!important}.film-head{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #17181030;padding-bottom:18px;font-size:10px;letter-spacing:.12em}.film-head button,.film-controls button{border:1px solid #1718104a;background:transparent;min-width:44px;min-height:44px;padding:10px 14px;cursor:pointer}.film-detail{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;padding:35px 0}.film-detail h3{font-size:80px;letter-spacing:-.06em;line-height:1}.film-detail p{font-size:13px;line-height:1.7;margin-bottom:18px}.film-detail dl{font-size:12px;line-height:1.8;margin:18px 0}.film-detail dt{font-weight:bold}.film-detail dd{margin-bottom:10px}.film-detail a{text-decoration:underline;font-size:12px}.film-stills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.film-stills button{padding:0;background:transparent;border:0;text-align:left;cursor:pointer}.film-stills img{display:block;width:100%;aspect-ratio:8/3;object-fit:cover}.film-stills span{display:block;font-size:9px;letter-spacing:.08em;padding:12px 0}.film-full img{display:block;width:100%;max-height:65svh;object-fit:contain;background:#080a09;margin:20px 0}.film-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px}.film-controls>div{display:flex;gap:8px}.film-empty-label{font-size:12px;line-height:1.5;color:#625d54}
@media(max-width:760px){.hero-title{font-size:19.8vw}.hero-content{padding-top:125px;padding-bottom:24px}.hero .eyebrow{margin-bottom:40px}.hero-bottom{display:block;margin-top:34px}.hero-open-label{display:inline-block;margin-top:18px}.hero-project{max-width:100%}.hero-controls{margin-top:24px;gap:5px}.hero-controls span{margin-right:4px;font-size:9px}.hero-controls button{padding:9px;font-size:8px}.spotlight-intro{display:block;padding-top:58px;padding-bottom:28px}.spotlight-intro p{margin-top:20px;max-width:330px}.spotlight-feature{margin-bottom:55px}.spotlight-info{display:block;padding-top:20px}.spotlight-credit{display:block;margin-top:18px}.spotlight-info h3{font-size:30px;overflow-wrap:break-word}.edit-footer{display:block;line-height:1.6}.edit-footer span{display:block}.film-dialog{inset:8px;width:calc(100% - 16px);max-height:calc(100svh - 16px);padding:16px}.film-detail{grid-template-columns:1fr;gap:20px;padding:25px 0}.film-detail h3{font-size:64px}.film-stills{grid-template-columns:1fr}.color-film-info{padding:20px;gap:12px}.color-film .film-open{font-size:9px}.film-head{font-size:9px;letter-spacing:.05em}}
@media(max-width:760px){.hero-title{font-size:18vw}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}