:root{--bg:#070708;--panel:#111113;--ink:#f3f1ec;--soft:#c8c6bf;--muted:#8d8b85;--line:#f3f1ec1f;--green:#18a957;--glow:#18a95752;--display:"Anton", "Arial Narrow", Impact, sans-serif;--mono:"DM Mono", ui-monospace, monospace;--gutter:clamp(16px, 4vw, 56px);--ease:cubic-bezier(.2, .7, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Space Grotesk,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px}html:has(dialog[open]){overflow:hidden}body{background:var(--bg);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}img,video{display:block}h1,h2,h3,p,ol{margin:0}h1,h2,h3{font-weight:400}:focus-visible{outline:2px solid var(--green);outline-offset:4px}::selection{background:var(--green);color:var(--bg)}.skip{z-index:30;background:var(--green);color:var(--bg);font:500 12px var(--mono);padding:12px 16px;position:absolute;top:-60px;left:16px}.skip:focus{top:12px}.eyebrow{font:11px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px 24px;display:flex}.button{border:1px solid var(--line);min-height:48px;font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.07em;border-radius:999px;align-items:center;gap:10px;padding:0 22px;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.button:hover{border-color:var(--ink)}.button-solid{background:var(--green);border-color:var(--green);color:var(--bg);box-shadow:0 0 32px -6px var(--glow)}.button-solid:hover{background:var(--ink);border-color:var(--ink)}.loop{display:block;position:absolute;inset:0;overflow:hidden}.loop img,.loop video{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease), opacity .5s;position:absolute;inset:0}.loop video{opacity:0}.loop video.is-live{opacity:1}.nav{z-index:20;height:64px;padding:0 var(--gutter);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#070708bd;justify-content:space-between;align-items:center;gap:24px;display:flex;position:sticky;top:0}.wordmark{font:26px/1 var(--display);letter-spacing:.02em}.wordmark span{color:var(--green);text-shadow:0 0 18px var(--glow)}.nav nav{font:12px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);gap:36px;display:flex}.nav nav a{transition:color .2s}.nav nav a:hover{color:var(--ink)}.nav-cta{border:1px solid var(--line);font:12px var(--mono);letter-spacing:.05em;border-radius:999px;padding:10px 16px;transition:color .2s,border-color .2s}.nav-cta:hover{color:var(--green);border-color:var(--green)}.hero{min-height:calc(100svh - 64px);padding:clamp(32px, 4vw, 64px) var(--gutter) 28px;isolation:isolate;grid-template-rows:1fr auto;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center;gap:44px clamp(24px,4vw,72px);display:grid;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background:radial-gradient(50% 55% at 72% 45%,#18a95717,#0000 70%);position:absolute;inset:0}.rec{color:var(--ink);font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:inline-flex}.rec b{background:#ff3b30;border-radius:50%;width:8px;height:8px;animation:1.4s steps(2,jump-none) infinite blink;box-shadow:0 0 10px #ff3b30}.hero h1{font:clamp(64px, 8.8vw, 160px)/.86 var(--display);text-transform:uppercase;letter-spacing:-.004em;margin:28px 0 26px}.hero h1 em,.contact h2 em{color:var(--green);text-shadow:0 0 42px var(--glow);font-style:normal}.hero-lede{max-width:31ch;color:var(--soft);font-size:clamp(16px,1.35vw,19px);line-height:1.5}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-reels{grid-template-columns:1fr 1.16fr 1fr;align-items:center;gap:clamp(10px,1.3vw,20px);display:grid}.hero-reel{aspect-ratio:9/16;background:var(--panel);transition:transform .6s var(--ease);border-radius:14px;display:block;position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #000}.hero-reel:after{content:"";pointer-events:none;background:linear-gradient(#0000 62%,#000000b3);position:absolute;inset:0}.hero-reel:first-child{transform:translateY(9%)}.hero-reel:nth-child(2){box-shadow:0 0 0 1px #18a95780, 0 0 70px -10px var(--glow), 0 40px 80px -30px #000}.hero-reel:nth-child(3){transform:translateY(-9%)}.hero-reel:hover{transform:translateY(-2%)scale(1.02)}.hero-reel:hover .loop video,.hero-reel:hover .loop img{transform:scale(1.04)}.hero-reel-label{z-index:1;font:10px var(--mono);text-transform:uppercase;letter-spacing:.07em;justify-content:space-between;gap:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.hero-reel-label i{color:var(--green);font-style:normal}.timeline{font:10px var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);grid-column:1/-1;align-items:center;gap:14px;display:flex}.timeline-label{color:var(--green)}.timeline-track{flex:1;gap:3px;height:34px;display:flex;position:relative;overflow:hidden}.timeline-track span{border:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;background:#f3f1ec0b;border-radius:4px;flex-basis:0;align-items:center;min-width:0;padding:0 10px;display:flex;overflow:hidden}.playhead{pointer-events:none;animation:30s linear infinite scrub;position:absolute;inset:0}.playhead:before{content:"";background:var(--green);width:2px;box-shadow:0 0 12px var(--green);position:absolute;top:0;bottom:0;left:0}.ticker{border-block:1px solid var(--line);padding:20px 0;overflow:hidden}.ticker>div{width:max-content;animation:42s linear infinite ticker;display:flex}.ticker span{font:clamp(24px, 3vw, 42px)/1 var(--display);text-transform:uppercase;white-space:nowrap;align-items:center;gap:30px;padding-right:30px;display:flex}.ticker b{color:var(--green);font-size:.55em;font-weight:400}.section{padding:clamp(80px, 10vw, 150px) var(--gutter) 0}.section-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px 48px;margin-bottom:clamp(32px,4vw,56px);padding-bottom:22px;display:flex}.section-head h2{font:clamp(48px, 7vw, 116px)/.88 var(--display);text-transform:uppercase}.section-head sup{font:13px var(--mono);letter-spacing:.06em;color:var(--green);vertical-align:top;margin-left:8px}.section-head p{max-width:34ch;color:var(--muted);font-size:15px;line-height:1.5}.reels{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(28px,3vw,44px) clamp(12px,1.6vw,24px);padding-bottom:72px;display:grid}.reels .card:nth-child(2n){translate:0 72px}.films{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,2vw,28px) clamp(14px,2vw,28px);display:grid}.card{width:100%;display:block}.card-frame{aspect-ratio:9/16;background:var(--panel);isolation:isolate;border-radius:12px;display:block;position:relative;overflow:hidden}.card-wide .card-frame{aspect-ratio:16/9}.card-frame:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#00000080,#0000 24%);position:absolute;inset:0}.card:hover .loop img,.card:hover .loop video{transform:scale(1.045)}.card:focus-visible{outline:none}.card:focus-visible .card-frame{outline:2px solid var(--green);outline-offset:4px}.card-top{z-index:2;font:10px var(--mono);letter-spacing:.08em;justify-content:space-between;display:flex;position:absolute;top:12px;left:12px;right:12px}.card-top span:last-child{color:var(--green)}.card-play{z-index:2;background:var(--green);color:var(--bg);font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;box-shadow:0 0 30px -4px var(--glow);opacity:0;transition:opacity .25s, scale .25s var(--ease);border-radius:999px;padding:11px 18px;position:absolute;top:50%;left:50%;translate:-50% -50%;scale:.88}.card:hover .card-play,.card:focus-visible .card-play{opacity:1;scale:1}.card-caption{justify-content:space-between;align-items:baseline;gap:12px;padding-top:14px;display:flex}.card-title{font:clamp(18px, 1.7vw, 26px)/1.05 var(--display);text-transform:uppercase;letter-spacing:.01em;transition:color .2s}.card:hover .card-title{color:var(--green)}.card-scene{font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:right}.archive{border-bottom:1px solid var(--green);font:12px var(--mono);text-transform:uppercase;letter-spacing:.08em;gap:10px;margin-top:48px;padding-bottom:6px;display:inline-flex}.archive span{color:var(--green)}.services ol{padding:0;list-style:none}.services li{border-bottom:1px solid var(--line);grid-template-columns:72px minmax(0,1.1fr) minmax(0,1fr);align-items:baseline;gap:12px 24px;padding:30px 0;display:grid}.services li>span{font:12px var(--mono);color:var(--green)}.services h3{font:clamp(34px, 4.6vw, 72px)/.95 var(--display);text-transform:uppercase;transition:color .2s}.services li:hover h3{color:var(--green)}.services li p{max-width:36ch;color:var(--soft);font-size:16px;line-height:1.5}.contact{isolation:isolate;border-top:1px solid var(--line);min-height:88svh;margin-top:clamp(100px,12vw,180px);display:flex;position:relative;overflow:hidden}.contact>.loop{z-index:-2}.contact:before{content:"";z-index:-1;background:linear-gradient(180deg, var(--bg), #0707089e 38%, #070708e6);position:absolute;inset:0}.contact-inner{width:100%;padding:clamp(80px, 10vw, 140px) var(--gutter) 24px;flex-direction:column;justify-content:flex-end;display:flex}.contact h2{font:clamp(60px, 11vw, 196px)/.86 var(--display);text-transform:uppercase;margin:22px 0 8px}.footer-bottom{border-top:1px solid var(--line);font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:clamp(64px,9vw,120px);padding-top:18px;display:flex}.footer-bottom a:hover{color:var(--green)}.player{width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);background:0 0;border:0;padding:16px}.player[open]{place-items:center;display:grid}.player::backdrop{-webkit-backdrop-filter:blur(8px);background:#040405e6}.player-box{width:min(100%,56.25svh - 67.5px);animation:rise .35s var(--ease)}.player-wide .player-box{width:min(100%,177.778svh - 213.333px)}.player-bar{font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:16px;margin-bottom:12px;display:flex}.player-bar>span{flex:1;min-width:0}.player-bar i{color:var(--muted);margin-left:10px;font-style:normal}.player-bar button{border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:14px;transition:border-color .2s,color .2s;display:grid}.player-bar button:hover{border-color:var(--green);color:var(--green)}.player-frame{aspect-ratio:9/16;background:#000;border-radius:12px;overflow:hidden}.player-wide .player-frame{aspect-ratio:16/9}.player-frame video{object-fit:contain;background:#000;width:100%;height:100%;display:block}@keyframes blink{50%{opacity:.2}}@keyframes scrub{to{transform:translate(100%)}}@keyframes ticker{to{transform:translate(-50%)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)scale(.98)}}@media (hover:none){.card-play{opacity:1;padding:7px 11px;font-size:9px;inset:auto 10px 10px auto;translate:none;scale:1}}@media (width<=899px){.nav nav{display:none}.hero{grid-template-columns:1fr;gap:40px;min-height:auto;padding-top:32px}.hero h1{font-size:clamp(56px,18.5vw,132px)}.hero-reels{margin-top:12px}.reels{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:44px}.reels .card:nth-child(2n){translate:0 44px}.films{grid-template-columns:1fr}}@media (width<=599px){.wordmark{font-size:22px}.nav-cta{padding:8px 13px;font-size:11px}.eyebrow{gap:8px 16px;font-size:10px}.hero-actions .button{flex:auto;justify-content:center}.hero-reel{border-radius:10px}.hero-reel-label{font-size:8px;bottom:8px;left:8px;right:8px}.hero-reel-label i{display:none}.timeline-track{height:22px}.timeline-track span{padding:0;font-size:0}.card-frame{border-radius:10px}.card-caption{flex-direction:column;gap:5px;padding-top:11px}.card-scene{text-align:left;font-size:9px}.card-top{font-size:9px;top:9px;left:9px;right:9px}.services li{grid-template-columns:36px minmax(0,1fr);padding:24px 0}.services li p{grid-column:2;font-size:15px}.contact{min-height:auto}.contact h2{font-size:clamp(52px,16vw,96px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker>div,.playhead,.rec b{animation:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}