:root{--bg: #0a0a0c;--fg: #f4f4f2;--mute: #8a8a8a;--spade1: #ff5e1a;--spade2: #e8232a;--mono: ui-monospace, "SF Mono", Menlo, monospace;--display: "neue-haas-grotesk-display", "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html{background:var(--bg);color:var(--fg)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{margin:0;font-family:var(--display);-webkit-font-smoothing:antialiased}a{color:inherit}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;height:100lvh;background:#000;overflow:hidden}.bg-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);will-change:opacity;filter:contrast(1.08) saturate(1.05) brightness(.95)}.grade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(135% 115% at 50% 48%,transparent 42%,rgba(0,0,0,.52) 100%),linear-gradient(0deg,#0505086b,#05050800 30%)}.grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:160px 160px}.chrome{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.brand{position:fixed;top:26px;left:32px;font:800 17px/1 var(--display);letter-spacing:.2em;text-decoration:none;pointer-events:auto}.brand span{display:block;font:10px/1.4 var(--mono);letter-spacing:.26em;color:var(--mute);margin-top:7px}.burger{position:fixed;top:24px;right:28px;width:54px;height:54px;border-radius:50%;pointer-events:auto;cursor:pointer;z-index:41;border:1px solid rgba(255,255,255,.35);background:linear-gradient(135deg,#ffffff3d,#ffffff0d);-webkit-backdrop-filter:blur(16px) saturate(180%) brightness(1.08);backdrop-filter:blur(16px) saturate(180%) brightness(1.08);box-shadow:0 8px 30px #00000047,inset 0 1px 1px #fff9,inset 0 -10px 18px #ffffff12;display:grid;place-items:center;transition:transform .25s ease,box-shadow .3s ease,background .3s ease}.burger:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:radial-gradient(62% 46% at 32% 20%,#fff9,#fff0 60%);opacity:.85}.burger:hover{transform:scale(1.06);box-shadow:0 12px 36px #00000057,inset 0 1px 1px #ffffffbf,inset 0 -10px 18px #ffffff1f}.burger:active{transform:scale(.98)}.burger-ico{position:relative;width:20px;height:14px}.burger-ico i{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:#fff;box-shadow:0 1px 2px #00000073;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .2s,top .32s cubic-bezier(.2,.8,.2,1)}.burger-ico i:nth-child(1){top:0}.burger-ico i:nth-child(2){top:6px}.burger-ico i:nth-child(3){top:12px}.burger.is-open .burger-ico i:nth-child(1){top:6px;transform:rotate(45deg)}.burger.is-open .burger-ico i:nth-child(2){opacity:0}.burger.is-open .burger-ico i:nth-child(3){top:6px;transform:rotate(-45deg)}.glass-menu{position:fixed;top:92px;right:28px;z-index:40;min-width:244px;padding:14px;border-radius:28px;pointer-events:none;opacity:0;transform:translateY(-12px) scale(.95);transform-origin:top right;transition:opacity .3s ease,transform .42s cubic-bezier(.2,.9,.2,1);border:1px solid rgba(255,255,255,.3);background:linear-gradient(155deg,#fff3,#ffffff0d);-webkit-backdrop-filter:blur(24px) saturate(185%) brightness(1.06);backdrop-filter:blur(24px) saturate(185%) brightness(1.06);box-shadow:0 24px 64px #0006,inset 0 1px 1px #ffffff80,inset 0 -16px 30px #ffffff0d}.glass-menu:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;pointer-events:none;background:radial-gradient(90% 40% at 24% 0%,#fff6,#fff0 55%);opacity:.7}.glass-menu.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.glass-menu nav{position:relative;display:flex;flex-direction:column}.glass-menu a{display:block;padding:13px 18px;border-radius:18px;color:#fff;text-decoration:none;font:600 18px/1 var(--display);letter-spacing:.005em;white-space:nowrap;opacity:0;transform:translate(10px);transition:opacity .34s ease,transform .34s cubic-bezier(.2,.9,.2,1),background .2s ease}.glass-menu.is-open a{opacity:1;transform:translate(0)}.glass-menu a:hover{background:#ffffff29}.glass-menu a:active{background:#ffffff3d}.rail{position:fixed;right:34px;top:50%;transform:translateY(-50%);width:2px;height:150px;background:#ffffff29}.rail-fill{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(var(--spade1),var(--spade2));transform-origin:top;transform:scaleY(0)}.sections{position:relative;z-index:1}.panel{min-height:100svh;display:flex;align-items:center;padding:120px 8vw;position:relative}.wrap{width:100%;max-width:680px}.kicker{font:12px/1 var(--mono);letter-spacing:.16em;color:var(--spade1);text-transform:uppercase;margin:0 0 20px}.h1{font-weight:800;font-size:clamp(52px,8vw,128px);line-height:.92;letter-spacing:-.03em;margin:0 0 26px;text-shadow:0 2px 40px rgba(0,0,0,.55)}.h2{font-weight:800;font-size:clamp(40px,6vw,92px);line-height:.94;letter-spacing:-.03em;margin:0 0 36px;text-shadow:0 2px 36px rgba(0,0,0,.55)}.lead{font-size:clamp(17px,1.5vw,23px);line-height:1.5;color:#d8d8d4;max-width:44ch;margin:0;text-shadow:0 2px 20px rgba(0,0,0,.55)}#what{justify-content:center}.glass-card{position:relative;width:100%;max-width:560px;margin:0 auto;text-align:center;padding:42px 46px;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.3);background:linear-gradient(155deg,#0d0e1380,#0d0e1357);-webkit-backdrop-filter:url(#glass-refract) brightness(1.06) saturate(1.25);backdrop-filter:url(#glass-refract) brightness(1.06) saturate(1.25);box-shadow:0 26px 70px #0006,inset 0 1px 1px #ffffff80,inset 0 -20px 36px #ffffff0d}.glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:30px;pointer-events:none;background:radial-gradient(90% 42% at 22% 0%,#ffffff73,#fff0 55%);opacity:.7}.glass-card>*{position:relative}.glass-card .h2{font-size:clamp(34px,4.4vw,64px);margin-bottom:20px}.glass-card .kicker{margin-bottom:18px}.glass-card .lead{color:#f1f1ef;margin:0 auto}#what .glass-card{max-width:640px}.what-copy{font-size:clamp(18px,1.85vw,25px);line-height:1.5;font-weight:500;color:#f1f1ef;margin:6px auto 0;text-shadow:0 2px 16px rgba(0,0,0,.5)}#work.work{justify-content:center}.work-wrap{width:100%;text-align:center}.work-wrap .kicker{margin-bottom:14px}.work-wrap .h2{font-size:clamp(34px,4.6vw,70px);margin-bottom:46px}.carousel-stage{width:100%;display:flex;align-items:center;justify-content:center;perspective:1500px;height:280px}.carousel{position:relative;width:260px;height:158px;transform-style:preserve-3d;animation:carousel-spin 30s linear infinite}.carousel:hover{animation-play-state:paused}.carousel-tile{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:24px;overflow:hidden;backface-visibility:hidden;border:1px solid rgba(255,255,255,.3);background:linear-gradient(155deg,#0d0e1380,#0d0e1357);-webkit-backdrop-filter:url(#glass-refract) brightness(1.06) saturate(1.25);backdrop-filter:url(#glass-refract) brightness(1.06) saturate(1.25);box-shadow:0 20px 50px #00000059,inset 0 1px 1px #ffffff80,inset 0 -16px 28px #ffffff0d}.carousel-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;pointer-events:none;background:radial-gradient(90% 44% at 26% 0%,#fff6,#fff0 55%);opacity:.65}.carousel-tile img{position:relative;width:78%;max-height:66%;object-fit:contain;filter:drop-shadow(0 2px 10px rgba(0,0,0,.5))}@keyframes carousel-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.list{list-style:none;padding:0;margin:0;display:grid;gap:0;max-width:620px}.list li{display:grid;grid-template-columns:3.4ch 1fr;align-items:baseline;gap:2px 16px;padding:18px 0;border-top:1px solid rgba(255,255,255,.14)}.list .n{font:12px/1.6 var(--mono);color:var(--spade1)}.list strong{font-size:clamp(20px,2vw,30px);font-weight:700}.list .line{grid-column:2;color:#a9a9a5;font-size:clamp(14px,1.2vw,17px);margin-top:4px;text-shadow:0 1px 14px rgba(0,0,0,.5)}#work .wrap{max-width:880px}.logo-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:36px 40px;max-width:880px;margin-top:8px}.logo{display:flex;align-items:center;justify-content:center;min-height:58px}.logo img{width:auto;max-width:100%;object-fit:contain;opacity:.72;filter:drop-shadow(0 2px 14px rgba(0,0,0,.55));transition:opacity .25s ease,transform .25s ease}.logo:hover img{opacity:1;transform:translateY(-2px)}#cases.panel{align-items:flex-start}#cases .wrap{max-width:1080px;text-align:center}#cases .case-grid{text-align:left}.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%;margin-top:12px}.case-tile{position:relative;display:block;padding:9px;border-radius:26px;cursor:pointer;border:1px solid rgba(255,255,255,.3);background:linear-gradient(155deg,#0d0e1380,#0d0e1357);-webkit-backdrop-filter:url(#glass-refract) brightness(1.06) saturate(1.2);backdrop-filter:url(#glass-refract) brightness(1.06) saturate(1.2);box-shadow:0 18px 46px #00000057,inset 0 1px 1px #ffffff80,inset 0 -14px 24px #ffffff0d;transition:transform .3s ease}.case-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:26px;pointer-events:none;background:radial-gradient(90% 40% at 24% 0%,#fff6,#fff0 55%);opacity:.6}.case-tile:hover{transform:translateY(-4px)}.case-vid{position:relative;display:block;aspect-ratio:9 / 16;border-radius:17px;overflow:hidden;background:#111318}.case-vid video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.case-tile .play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;transition:opacity .3s ease}.case-tile .play svg{width:48px;height:48px;filter:drop-shadow(0 3px 12px rgba(0,0,0,.6))}.case-tile:hover .play{opacity:0}.case-meta{position:absolute;left:0;right:0;bottom:0;text-align:left;padding:34px 14px 13px;background:linear-gradient(0deg,#000000c7,#0000);pointer-events:none}.case-meta .c{display:block;font:10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--spade1)}.case-meta .t{display:block;font-size:15px;font-weight:700;color:#fff;margin-top:5px;letter-spacing:-.01em}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#050507eb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}.lightbox video{max-height:92vh;max-width:min(92vw,51.8vh);width:auto;border-radius:14px;box-shadow:0 24px 90px #000000b3;background:#000}.lightbox .x{position:fixed;top:20px;right:24px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#14141899;color:#fff;font-size:26px;line-height:1;cursor:pointer;z-index:51}.lightbox .x:hover{background:#28282ecc}#contact.contact{justify-content:center;padding-top:86px;padding-bottom:86px}.contact-card{max-width:660px;padding:30px 40px;background:linear-gradient(155deg,#0d0e138f,#0d0e1366)}.contact-card .kicker{margin-bottom:10px}.contact-card .h2{font-size:clamp(28px,3.2vw,44px);margin-bottom:10px}.contact-card .lead{margin-bottom:2px;color:#e6e6e3;font-size:clamp(15px,1.2vw,18px)}.lead-form{display:grid;gap:11px;margin-top:16px;text-align:left}.lf-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.lead-form label{display:block;font:600 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#eaeae8}.lead-form .req{color:var(--spade1)}.lead-form .opt{color:var(--mute);font-weight:500;letter-spacing:.03em;text-transform:none;margin-left:6px}.lead-form input,.lead-form textarea{width:100%;margin-top:6px;box-sizing:border-box;background:#06070a99;border:1px solid rgba(255,255,255,.24);color:#fff;padding:11px 14px;font:inherit;font-size:15px;border-radius:11px;transition:border-color .2s,background .2s}.lead-form textarea{resize:vertical;min-height:58px}.lead-form input::placeholder,.lead-form textarea::placeholder{color:#8f8f8f}.lead-form input:focus,.lead-form textarea:focus{outline:none;border-color:var(--spade1);background:#08080c99}.lead-form input.err,.lead-form textarea.err{border-color:#ff4d4d;background:#3c0c0c57}.lead-form button{margin-top:4px;background:linear-gradient(90deg,var(--spade1),var(--spade2));color:#fff;border:0;padding:15px 20px;font:inherit;font-weight:700;font-size:16px;border-radius:12px;cursor:pointer;transition:filter .2s,transform .1s}.lead-form button:hover{filter:brightness(1.08)}.lead-form button:active{transform:translateY(1px)}.lead-form button:disabled{opacity:.6;cursor:default}.lf-fail{color:#ff8080;font-size:13.5px;margin:2px 0 0}.popia{color:var(--mute);font-size:12px;line-height:1.5;margin:8px 0 0}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.sent{font-size:24px;font-weight:600;color:var(--spade1);margin:10px 0;text-align:center}.scrollcue{position:absolute;bottom:36px;left:8vw;font:11px/1 var(--mono);letter-spacing:.24em;color:var(--mute);text-transform:uppercase}.scrollcue:after{content:"";display:block;width:1px;height:36px;background:linear-gradient(var(--spade1),transparent);margin-top:12px}.hero{padding:0;justify-content:center;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(135% 105% at 50% 46%,#0505081a 36%,#050508a3),linear-gradient(0deg,#0505088c,#05050800 30%)}.hero-center{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;padding:0 24px}.hero .scrollcue{z-index:3}.glitch-logo{position:relative;display:inline-block;width:min(640px,74vw);line-height:0}.gl-sizer{width:100%;height:auto;display:block;opacity:0}.gl-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:drop-shadow(0 10px 38px rgba(0,0,0,.55))}@media (max-width: 760px){.rail{display:none}.burger{top:18px;right:18px;width:50px;height:50px}.glass-menu{top:80px;right:18px}.panel{padding:108px 24px}#cases .wrap{max-width:100%}.case-grid{grid-template-columns:repeat(2,1fr);gap:12px}.logo-wall{grid-template-columns:repeat(2,1fr);gap:30px 24px}.logo img{transform:none}.scrollcue{left:24px}}
