:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050505;--panel:#090909;--line:#ffffff2e;--line-soft:#ffffff17;--text:#f6f6f0;--muted:#a6a6a0;--dim:#686862;--accent:#d7ff63;--max:1480px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--text);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}main{overflow:hidden}.site-header{z-index:20;width:min(calc(100% - 32px), var(--max));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050505c7;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;display:grid;position:fixed;top:0;left:50%;transform:translate(-50%)}.brand{letter-spacing:.04em;font-size:.84rem;font-weight:900}.nav-links{color:var(--muted);text-transform:uppercase;gap:28px;font-size:.68rem;font-weight:800;display:flex}.header-cta{border:1px solid var(--line);color:var(--text);text-transform:uppercase;justify-self:end;padding:12px 16px;font-size:.68rem;font-weight:900;transition:border-color .18s,color .18s,transform .18s}.header-cta:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.section-frame{width:min(calc(100% - 32px), var(--max));border-left:1px solid var(--line-soft);border-right:1px solid var(--line-soft);margin-inline:auto}.hero{flex-direction:column;justify-content:space-between;min-height:100svh;padding:104px 36px 28px;display:flex}.hero-kicker,.contact-meta{border-top:1px solid var(--line);color:var(--muted);text-transform:uppercase;justify-content:space-between;gap:20px;padding-top:15px;font-size:.68rem;font-weight:800;display:flex}.hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);align-items:end;gap:42px;margin-block:34px;display:grid}.hero h1,.section-heading h2,.service-summary h2,.contact h2{text-transform:uppercase;max-width:1120px;margin:0;font-size:clamp(3rem,6.6vw,7.6rem);font-weight:950;line-height:.88}.hero h1 span{color:#dcdcd6;display:block}.hero p{max-width:440px;color:var(--muted);margin:0 0 8px;font-size:clamp(.95rem,1.25vw,1.14rem);line-height:1.65}.hero-video-wrap{border-top:1px solid var(--line);height:clamp(220px,30vw,430px);animation:.9s .26s both rise;position:relative;overflow:hidden}.hero-video-wrap video,.work-media img{object-fit:cover;filter:saturate(.86)contrast(1.08);width:100%;height:100%;display:block}.sector-strip{border-block:1px solid var(--line);width:100%;padding:18px max(16px, calc((100vw - var(--max)) / 2 + 16px));color:var(--muted);text-transform:uppercase;white-space:nowrap;gap:42px;font-size:.78rem;font-weight:900;display:flex;overflow:hidden}.work-section,.services,.contact{padding:96px 36px}.section-heading,.services{grid-template-columns:.36fr 1fr;gap:42px;display:grid}.eyebrow{color:var(--muted);text-transform:uppercase;font-size:.7rem;font-weight:900;display:block}.section-heading h2,.service-summary h2,.contact h2{font-size:clamp(2.4rem,5vw,6.6rem);line-height:.9}.section-note{max-width:560px;color:var(--muted);text-transform:uppercase;margin:24px 0 0;font-size:.78rem;font-weight:900;line-height:1.5}.work-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-top:70px;display:grid}.work-card{background:var(--panel);cursor:pointer;min-width:0;animation:.7s both rise;animation-delay:var(--delay);position:relative}.work-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.work-media{aspect-ratio:4/5;background:#111;position:relative;overflow:hidden}.work-media video{object-fit:cover;opacity:.62;width:100%;height:100%;transition:opacity .22s,transform .5s;display:block}.work-card:hover video{opacity:1;transform:scale(1.04)}.work-copy{min-height:132px;padding:20px}.work-copy h3{text-transform:uppercase;margin:0;font-size:clamp(1.15rem,1.45vw,1.55rem);line-height:1.05}.work-copy span{color:var(--muted);text-transform:uppercase;margin-top:18px;font-size:.68rem;font-weight:900;display:block}.hover-preview{z-index:100;aspect-ratio:16/9;opacity:0;pointer-events:none;visibility:hidden;background:#000;width:min(62vw,860px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 34px 100px #000000c7}.hover-preview.is-active{opacity:1;pointer-events:auto;visibility:visible;animation:.24s cubic-bezier(.2,.9,.2,1) both previewPop}.hover-preview video,.hover-preview img{object-fit:cover;background:#000;width:100%;height:100%;display:block}.preview-close{z-index:2;width:34px;height:34px;color:var(--text);cursor:pointer;font:inherit;background:#050505d1;border:1px solid #ffffff6b;place-items:center;font-size:.7rem;font-weight:950;line-height:1;display:grid;position:absolute;top:-42px;right:0}.preview-close:hover,.preview-close:focus-visible{border-color:var(--accent);color:var(--accent)}.hover-preview img{z-index:-1;position:absolute;inset:0}.process-list{border-top:1px solid var(--line);display:grid}.process-item{border-bottom:1px solid var(--line);grid-template-columns:72px .55fr 1fr;align-items:baseline;gap:28px;padding:28px 0;display:grid}.process-item span,.process-item h3{text-transform:uppercase;font-size:.76rem;font-weight:900}.process-item h3,.process-item p{margin:0}.process-item p{max-width:560px;color:var(--muted);line-height:1.6}.contact{border-top:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:88svh;display:flex}.contact h2{margin-top:80px}.contact p{color:var(--muted);margin:34px 0 0;font-size:.9rem}.floating-contact{z-index:110;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.floating-contact a{width:62px;height:62px;color:var(--text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050505b8;border:1px solid #ffffffb8;border-radius:50%;place-items:center;transition:background .18s,border-color .18s,color .18s,transform .18s;display:grid}.floating-contact a:hover,.floating-contact a:focus-visible{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.floating-contact svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:30px;height:30px}@keyframes rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes previewPop{0%{opacity:0;transform:translate(-50%,-46%)scale(.88)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}@media (width<=980px){.site-header{grid-template-columns:1fr auto}.nav-links{display:none}.hero,.work-section,.services,.contact{padding-inline:22px}.hero-grid,.section-heading,.services{grid-template-columns:1fr}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1180px) and (width>=981px){.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.site-header{width:min(calc(100% - 20px), var(--max));height:64px}.header-cta{padding:10px 12px;font-size:.62rem}.section-frame{width:min(calc(100% - 20px), var(--max))}.hero{padding:86px 16px 18px}.hero-kicker,.contact-meta{gap:8px;font-size:.6rem;display:grid}.hero-grid{gap:26px;margin-block:42px}.hero h1{font-size:clamp(2.4rem,13vw,4.8rem);line-height:.9}.hero-video-wrap{height:250px}.sector-strip{gap:26px;padding-block:14px}.work-section,.services,.contact{padding:72px 16px}.section-heading h2,.service-summary h2,.contact h2{font-size:clamp(2.2rem,12vw,4.2rem)}.work-grid{grid-template-columns:1fr;margin-top:42px}.work-media{aspect-ratio:16/10}.hover-preview{z-index:200;width:min(96vw,620px)}.process-item{grid-template-columns:1fr;gap:12px}.contact{min-height:78svh}.contact h2{margin-top:58px}.floating-contact{gap:8px;bottom:14px;right:14px}.floating-contact a{width:56px;height:56px}.floating-contact svg{width:28px;height:28px}}
