/* Film / cinematic index and a real, opt-in Studioart video gallery. */
.page-film{--page:#0a0d0d;--ink:#f5f4ef;background:#0a0d0d;color:#f5f4ef}
.page-film .site-nav{color:#f7f7f1}
.page-film .nav-action{border-color:#d1e778;background:#d1e778;color:#0d110d}
.page-film .nav-action:hover{background:#f7fff4;color:#0c100b;border-color:#f7fff4}
.f-hero{position:relative;isolation:isolate;height:min(960px,100svh);min-height:780px;overflow:hidden;display:flex;align-items:end;background:#111e22;color:#fff}
.f-hero-img{position:absolute;inset:-20px;z-index:-3}
.f-hero-img>img{width:100%;height:100%;object-fit:cover;object-position:center 50%;filter:brightness(.71) saturate(.85)}
.f-hero::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#0a0d0def 2%,#0611137b 54%,#00000030),linear-gradient(90deg,#030c0e8c,transparent 69%)}
.f-hero-lines{position:absolute;z-index:-1;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#fff2 calc(25% - 1px),#fff2 25%);opacity:.25}
.f-hero-copy{padding:160px clamp(24px,6vw,104px) 100px;max-width:1450px;width:100%}
.f-badge{display:inline-flex;align-items:center;gap:16px;color:#d1e778}
.f-badge::before{content:"";width:9px;height:9px;border-radius:50%;background:#d1e778;box-shadow:0 0 17px #d1e778}
.f-hero h1{font-family:Impact,"Arial Narrow",Arial,sans-serif;text-transform:uppercase;font-weight:900;font-stretch:condensed;font-size:clamp(88px,13vw,224px);line-height:.82;letter-spacing:-.04em;margin:20px 0 32px;max-width:1350px;text-wrap:balance}
.f-hero h1 em{display:block;font-style:normal;color:#d1e778}
.f-hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:35px;flex-wrap:wrap}
.f-hero-bottom p{max-width:465px;color:#ffffffcb;font-size:17px;line-height:1.65;margin:0}
.f-hero-bottom .pill{background:#d1e778;color:#101510}
.f-hero-ref{position:absolute;right:24px;top:45%;writing-mode:vertical-rl;letter-spacing:.22em;font-weight:700;font-size:10px;color:#ffffffaf;text-transform:uppercase}
.f-ticker{background:#d1e778;color:#0e1511;padding:21px clamp(20px,5vw,95px);display:flex;align-items:center;gap:32px;justify-content:space-between}
.f-ticker span{font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.f-ticker .number{font-family:Impact,Arial,sans-serif;font-size:23px;letter-spacing:0}
.f-showcase{background:#0b0e0e;padding-top:145px;padding-bottom:155px}
.f-showcase-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:69px}
.f-showcase-head h2{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(65px,9vw,150px);font-weight:900;letter-spacing:-.055em;text-transform:uppercase;line-height:.89;margin:20px 0 0}
.f-showcase-head h2 em{font-style:normal;color:#d1e778;display:block}
.f-showcase-head p{max-width:350px;font-size:16px;line-height:1.78;color:#aeb8ad}
.f-films{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.f-film{margin:0;grid-column:span 4;display:block}
.f-film:first-child{grid-column:span 8;grid-row:span 2}
.f-film:nth-child(2),.f-film:nth-child(3){grid-column:span 4}
.f-film:nth-child(4),.f-film:nth-child(5){grid-column:span 6}
.f-film button{display:block;position:relative;width:100%;padding:0;border:0;background:#1c2421;color:white;text-align:left;overflow:hidden;aspect-ratio:16/10}
.f-film:first-child button{aspect-ratio:16/10}
.f-film button img{width:100%;height:100%;object-fit:cover;filter:brightness(.75) saturate(.85);transition:transform .85s var(--ease),filter .85s}
.f-film button:hover img{filter:brightness(.91) saturate(1);transform:scale(1.06)}
.f-film button::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 45%);pointer-events:none}
.f-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:#d1e778;color:#17191a;display:grid;place-items:center;font-size:24px;z-index:2;transition:transform .3s}
.f-film button:hover .f-play{transform:translate(-50%,-50%) scale(1.14)}
.f-film:first-child .f-play{width:97px;height:97px;font-size:30px}
.f-card-meta{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-top:19px}
.f-card-meta h3{font-size:clamp(18px,2.2vw,30px);font-weight:700;letter-spacing:-.045em;line-height:1.25;margin:0}
.f-card-meta small{white-space:nowrap;color:#d1e778;font-size:10px;letter-spacing:.08em;font-weight:800;text-transform:uppercase;margin-top:8px}
.f-film:first-child h3{font-size:clamp(24px,3vw,44px)}
.f-privacy{font-size:12px;color:#a1a5a2;margin-top:35px;line-height:1.7}
.f-cut{background:#d9e876;color:#111914;padding-top:110px;padding-bottom:115px;overflow:hidden}
.f-cut-header{display:grid;grid-template-columns:1.1fr .7fr;gap:60px;align-items:end;margin-bottom:48px}
.f-cut h2{font-family:Impact,Arial,sans-serif;text-transform:uppercase;font-size:clamp(62px,8.1vw,131px);letter-spacing:-.05em;line-height:.93;margin:19px 0 0}
.f-cut-header p{font-size:16px;line-height:1.8;max-width:410px;color:#35422a}
.f-frame-strip{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:10px;border-block:13px solid #151c18;padding:12px 0}
.f-frame{position:relative;height:clamp(230px,31vw,500px);overflow:hidden;background:#23272a}
.f-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.85);transition:transform 1s}
.f-frame:hover img{transform:scale(1.05)}
.f-frame::before,.f-frame::after{content:"";position:absolute;left:0;right:0;height:7px;z-index:2;background:repeating-linear-gradient(90deg,#161b16 0,#161b16 30px,#d1e778 30px,#d1e778 40px,#161b16 40px,#161b16 72px);pointer-events:none}
.f-frame::before{top:0}
.f-frame::after{bottom:0}
.f-frame-label{position:absolute;z-index:3;left:18px;bottom:18px;color:#fff;font-size:11px;letter-spacing:.18em;text-shadow:0 1px 12px #0009}
.f-cut-footer{display:flex;gap:25px;justify-content:space-between;align-items:center;margin-top:39px}
.f-cut-footer p{font-size:14px;max-width:490px;line-height:1.8}
.f-cut-footer .pill{border:1px solid #1e251b}
.f-process{background:#101515;color:#eaece7;padding-top:140px;padding-bottom:150px}
.f-process-wrap{display:grid;grid-template-columns:1fr 1fr;gap:9vw}
.f-process-left{position:sticky;top:100px;align-self:start}
.f-process h2{font-family:Impact,Arial,sans-serif;text-transform:uppercase;font-size:clamp(64px,8vw,133px);line-height:.93;letter-spacing:-.06em;margin:21px 0 32px}
.f-process h2 em{font-style:normal;color:#d1e778}
.f-process-left p{max-width:410px;line-height:1.75;color:#aeb8ad}
.f-process-right{border-top:1px solid #8390875c}
.f-step{padding:33px 0 49px;border-bottom:1px solid #8390875c}
.f-step .num{font-size:11px;letter-spacing:.15em;color:#d1e778}
.f-step h3{font-size:clamp(31px,3.2vw,54px);letter-spacing:-.062em;line-height:1.1;margin:26px 0 14px;font-weight:740}
.f-step p{line-height:1.75;font-size:16px;max-width:430px;color:#b9c0ba}
.f-end{position:relative;isolation:isolate;min-height:750px;display:flex;align-items:center;overflow:hidden;background:#162326}
.f-end img{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.5) saturate(.85)}
.f-end::after{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#050909e5 0%,#050909aa 45%,#05090920 100%)}
.f-end-copy{padding:115px clamp(22px,7vw,118px)}
.f-end h2{font-family:Impact,Arial,sans-serif;text-transform:uppercase;font-weight:900;font-size:clamp(75px,10.5vw,180px);line-height:.87;letter-spacing:-.06em;margin:20px 0 30px;max-width:1200px}
.f-end h2 em{font-style:normal;color:#d1e778;display:block}
.f-end p{max-width:490px;font-size:17px;line-height:1.8;color:#ebeeebd8}
.f-end .pill{margin-top:22px;background:#d1e778;color:#152015}
.page-film .footer{background:#090d0d}
.page-film .video-modal::backdrop{background:#070d0ef1}
.page-film .video-modal-content{border:1px solid #37443c}
.page-film .video-modal .modal-close{right:12px;top:12px;z-index:10;box-shadow:0 3px 19px #0007}
.page-film .video-dialog-caption{color:#d1e778}
.f-showcase-inquire{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:37px 0 0}
.f-showcase-inquire .pill{background:#d1e778;color:#121914}
@media(max-width:950px){
 .f-hero h1{font-size:clamp(75px,11.5vw,132px)}
 .f-showcase-head,.f-cut-header,.f-process-wrap{grid-template-columns:1fr}
 .f-showcase-head{flex-direction:column;align-items:start}
 .f-process-left{position:static}
 .f-process-right{margin-top:20px}
}
@media(max-width:760px){
 .f-hero{min-height:730px;height:93svh}
 .f-hero-copy{padding:130px 22px 92px}
 .f-hero h1{font-size:clamp(67px,14vw,113px)}
 .f-hero-bottom p{font-size:15px}
 .f-hero-ref{right:10px;font-size:8px;top:28%}
 .f-ticker{flex-wrap:wrap;justify-content:center;gap:8px;padding:17px}
 .f-ticker span{font-size:9px}.f-ticker .number{font-size:16px}
 .f-showcase,.f-process{padding-top:93px;padding-bottom:95px}
 .f-showcase-head{gap:0;margin-bottom:40px}
 .f-showcase-head h2,.f-cut h2,.f-process h2{font-size:clamp(68px,14vw,112px)}
 .f-films{grid-template-columns:minmax(0,1fr);gap:34px}
 .f-film,.f-film:first-child,.f-film:nth-child(n){grid-column:1;grid-row:auto;min-width:0}
 .f-card-meta{flex-wrap:wrap}
 .f-card-meta h3{min-width:0;overflow-wrap:anywhere}
 .f-film button,.f-film:first-child button{aspect-ratio:16/10}
 .f-play,.f-film:first-child .f-play{width:67px;height:67px;font-size:23px}
 .f-card-meta h3,.f-film:first-child h3{font-size:25px}
 .f-cut{padding-top:95px;padding-bottom:95px}
 .f-cut-header{gap:13px}
 .f-frame-strip{grid-template-columns:repeat(3,75vw);overflow-x:auto;scroll-snap-type:x mandatory}
 .f-frame{height:75vw;scroll-snap-align:center}
 .f-cut-footer{align-items:start;flex-direction:column}
 .f-process-wrap{gap:25px}
 .f-end{min-height:620px}
 .f-end h2{font-size:clamp(59px,12vw,116px);overflow-wrap:break-word}
 .f-end-copy{padding:98px 23px;min-width:0}
}