:root{--bg:#000;--fg:#fff;--muted:#8a8a8a;--muted-2:#7a7a7a;--line:#1f1f1f;--line-2:#262626;--field:#0b0b0b;--chip:#141414;--chip-hover:#262626;--honey:#ffb81c;--ease:cubic-bezier(.16, 1, .3, 1);--gutter:4vw}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);margin:0}html{scroll-behavior:smooth}body{color:var(--fg);-webkit-font-smoothing:antialiased;font-family:Geist,system-ui,sans-serif;overflow-x:clip}a{color:var(--fg);text-decoration:none}a:hover{color:#bdbdbd}input::placeholder{color:#5c5c5c}::selection{color:#000;background:#fff}:focus-visible{outline:2px solid var(--honey);outline-offset:3px}@media (pointer:fine){html[data-cur=on],html[data-cur=on] *{cursor:none!important}}@keyframes hbZoom{0%{filter:blur(16px);opacity:0;transform:translate(55vw)skew(-28deg)}55%{filter:blur();opacity:1;transform:translate(-1.2vw)skew(7deg)}78%{transform:translate(.3vw)skew(-2deg)}to{opacity:1;transform:none}}@keyframes hbDash{0%{text-shadow:none;transform:none}10%{text-shadow:-.18em 0 #ffffff59,-.4em 0 #ffffff29,-.7em 0 #ffffff0f;transform:translate(.9vw)skew(-14deg)}24%{text-shadow:-.05em 0 #ffffff26;transform:translate(-.25vw)skew(4deg)}40%,to{text-shadow:none;transform:none}}@keyframes hbStreak{0%{opacity:0;transform:translate(-40vw)scaleX(.2)}15%{opacity:.9}to{opacity:0;transform:translate(140vw)scaleX(1.4)}}@keyframes hbFlash{0%{opacity:0}12%{opacity:.14}to{opacity:0}}.js [data-hw]{opacity:0}.js [data-intro]{opacity:0;transform:translateY(30px)}.logo{color:var(--fg);align-items:center;gap:10px;display:flex}.logo-mark{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(150deg,#ffd25a,#ffb81c 45%,#e89400);flex-direction:column;justify-content:center;align-items:flex-end;gap:3px;width:38px;height:33px;display:flex}.logo-mark i{background:#000;width:40%;height:3px;display:block}.logo-mark i:nth-child(2){width:55%}.logo-mark.sm{gap:2px;width:26px;height:22.5px}.logo-mark.sm i{height:2px}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:18px 28px;font-size:18px;transition:background .2s;display:inline-flex}.pill-light{color:#000;background:#fff}.pill-light:hover{color:#000;background:#d9d9d9}.pill-dark{background:var(--chip);color:#fff;padding-inline:34px}.pill-dark:hover{background:var(--chip-hover);color:#fff}.navlink{color:#fff}.navlink:hover{color:var(--muted)}.section-label{border-bottom:1px solid var(--line);padding-bottom:40px;font-size:18px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:44px;display:flex}.display{letter-spacing:-.055em;margin:0;font-size:clamp(64px,9vw,170px);font-weight:400;line-height:.88}.lede{max-width:380px;color:var(--muted);text-wrap:pretty;margin:0;font-size:clamp(16px,1.25vw,20px);line-height:1.4}.nav{z-index:50;background:linear-gradient(#000 40%,#0000);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:14px 20px;display:grid;position:fixed;top:0;left:0;right:0}.nav .logo{justify-self:start}.nav .logo span{letter-spacing:-.02em;font-size:24px;font-weight:400}.nav-links{white-space:nowrap;justify-content:center;gap:clamp(10px,1.4vw,22px);font-size:clamp(13px,1.15vw,17px);display:flex}.nav-cta{justify-self:end;padding:clamp(11px,1vw,16px) clamp(16px,1.6vw,26px);font-size:clamp(14px,1.05vw,16px)}.nav-link{color:#fff;padding:6px 2px;transition:opacity .3s;display:block;position:relative}.nav-link .clip{display:block;overflow:hidden}.nav-link .roll{transition:transform .45s cubic-bezier(.7,0,.2,1);display:block;position:relative}.nav-link .roll>span{display:block}.nav-link .copy{color:#ffb81c;position:absolute;top:100%;left:0}.nav-link .line{transform-origin:100%;background:#ffb81c;height:1px;transition:transform .45s cubic-bezier(.7,0,.2,1);position:absolute;bottom:2px;left:2px;right:2px;transform:scaleX(0)}.nav-links:hover .nav-link:not(:hover){opacity:.4}.nav-link:hover .roll{transform:translateY(-100%)}.nav-link:hover .line{transform-origin:0;transform:scaleX(1)}.nav .logo .logo-mark{transition:transform .7s cubic-bezier(.7,0,.2,1)}.nav .logo:hover .logo-mark{transform:rotate(120deg)}.nav-cta{transition:transform .3s cubic-bezier(.2,.8,.2,1);display:block;position:relative;overflow:hidden}.nav-cta:hover{background:#fff;transform:scale(1.04)}.nav-cta .fill{background:#ffb81c;border-radius:999px;transition:transform .45s cubic-bezier(.7,0,.2,1);position:absolute;inset:0;transform:translateY(101%)}.nav-cta .label{position:relative}.nav-cta:hover .fill{transform:none}@media (prefers-reduced-motion:reduce){.nav-link .roll,.nav-link .line,.nav .logo .logo-mark,.nav-cta,.nav-cta .fill{transition:none}.nav-link:hover .roll,.nav .logo:hover .logo-mark,.nav-cta:hover{transform:none}}.hero{justify-content:center;align-items:center;height:100svh;min-height:760px;display:flex;position:relative;overflow:hidden}.shot{aspect-ratio:16/10;filter:grayscale();will-change:transform;position:absolute}.shot img{object-fit:cover;object-position:top;background:#111;border:1px solid #222;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-flash{z-index:1;pointer-events:none;opacity:0;background:radial-gradient(#fff,#0000 60%);position:absolute;inset:0}.hero-streaks{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-streaks div{opacity:0;position:absolute;left:0}.hero-content{z-index:2;text-align:center;flex-direction:column;align-items:center;padding:0 24px;display:flex;position:relative}.hero-brand{align-items:center;gap:8px;margin-bottom:26px;display:flex}.hero-brand span{letter-spacing:-.02em;font-size:20px;font-weight:500}.hero h1{letter-spacing:-.045em;flex-wrap:wrap;justify-content:center;column-gap:.24em;margin:0;font-size:clamp(52px,6.6vw,108px);font-weight:400;line-height:1;display:flex}.hero h1 span{display:inline-block}.hero p{max-width:520px;color:var(--muted);margin:18px 0 0;font-size:clamp(16px,1.25vw,20px);line-height:1.4}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:44px;display:flex}.about{padding:clamp(120px, 14vw, 220px) var(--gutter);flex-direction:column;display:flex}.about-text{letter-spacing:-.035em;text-indent:8vw;text-wrap:pretty;margin:44px 0 0;font-size:clamp(30px,3.4vw,58px);font-weight:400;line-height:1.12}.about-team{text-align:center;flex-direction:column;align-items:center;gap:28px;margin-top:clamp(80px,8vw,130px);display:flex}.about-team h3{letter-spacing:-.035em;margin:0;font-size:clamp(32px,2.8vw,48px);font-weight:400}.about-team p{text-transform:uppercase;max-width:700px;color:var(--muted-2);margin:0;font-size:15px;line-height:1.3}.process{height:320vh;position:relative}.process-stage{height:100svh;padding:88px var(--gutter) clamp(24px, 4vh, 48px);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:sticky;top:0;overflow:hidden}.process-label{padding-bottom:20px}.process-body{justify-content:center;align-items:center;display:flex;position:relative}.process-title{text-align:center;white-space:nowrap;letter-spacing:-.055em;will-change:transform, opacity, filter;transform-origin:50%;margin:0;font-size:clamp(64px,11vw,200px);font-weight:400;line-height:.9}.pt-char{vertical-align:top;margin:-.04em 0 -.1em;padding:.04em 0 .1em;display:inline-block;overflow:hidden}.pt-char>span{will-change:transform;display:inline-block}.process-lede{justify-self:end;max-width:340px}.steps{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;margin:0;padding:0 clamp(0px,4vw,80px);list-style:none;display:flex;position:absolute;inset:0}.step{--w:clamp(260px, 21vw, 330px);width:var(--w);height:min(calc(var(--w) * 1.3125), 100%);border:1px solid var(--line-2);will-change:transform;backface-visibility:hidden;pointer-events:auto;background:#000;flex-direction:column;justify-content:space-between;padding:24px;display:flex;overflow:hidden}.step-top{text-align:center;flex-direction:column;gap:6px;display:flex}.step-kicker{color:var(--muted);font-size:13px}.step-title{letter-spacing:-.03em;margin:0;font-size:clamp(20px,1.6vw,26px);font-weight:400}.step-desc{color:var(--muted);text-align:center;text-wrap:pretty;margin:6px 0 0;font-size:14px;line-height:1.45}.step-num{align-items:flex-start;gap:4px;line-height:.85;display:flex}.step-num span:first-child{margin-top:.1em;font-size:clamp(22px,2vw,32px)}.step-num span:last-child{letter-spacing:-.05em;font-size:clamp(80px,7.5vw,128px)}@media (prefers-reduced-motion:reduce){.process{height:auto}.process-stage{gap:48px;height:auto;padding-top:clamp(80px,8vw,140px);position:static}.process-body{flex-direction:column;gap:48px}.steps{gap:24px;position:static}.step{height:calc(var(--w) * 1.3125);transform:none}}.services{padding:clamp(80px, 8vw, 140px) var(--gutter) clamp(100px, 10vw, 180px)}.services-title{letter-spacing:-.06em;text-align:center;white-space:nowrap;margin:0 0 clamp(80px,9vw,160px);font-size:17.5vw;font-weight:400;line-height:.85}.service-list{flex-direction:column;display:flex}.service{border-bottom:1px solid var(--line);color:#fff;transition:padding .35s var(--ease), color .3s;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 80px;align-items:center;gap:24px;padding:30px 0;display:grid}.service:hover{color:#fff;padding-left:24px}.service-title{letter-spacing:-.035em;font-size:clamp(28px,2.8vw,46px)}.service-tags,.service-n{color:var(--muted);font-size:clamp(15px,1.15vw,20px)}.service-n{text-align:right}.projects{padding:clamp(80px, 8vw, 140px) var(--gutter) clamp(100px, 10vw, 180px);flex-direction:column;display:flex}.projects .section-head{margin-bottom:clamp(48px,5vw,80px)}.project{color:#fff;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:end;gap:clamp(32px,4vw,64px);display:grid}.project:hover{color:#fff}.browser{aspect-ratio:16/10;border:1px solid var(--line-2);background:var(--field);position:relative;overflow:hidden}.browser-bar{z-index:1;border-bottom:1px solid var(--line-2);background:var(--field);align-items:center;gap:6px;height:34px;padding:0 14px;display:flex;position:absolute;top:0;left:0;right:0}.browser-bar i{background:#333;border-radius:50%;width:9px;height:9px}.browser-bar span{color:var(--muted-2);margin-left:12px;font-size:12px}.browser iframe{transform-origin:0 0;pointer-events:none;background:var(--field);border:0;width:250%;height:calc(250% - 85px);position:absolute;top:34px;left:0;transform:scale(.4)}.project-info{flex-direction:column;gap:28px;display:flex}.project-name{flex-direction:column;gap:10px;display:flex}.project-name span:first-child{color:var(--muted);font-size:clamp(14px,1vw,18px)}.project-name span:last-child{letter-spacing:-.04em;font-size:clamp(40px,3.6vw,64px);line-height:1}.project-meta{flex-direction:column;font-size:clamp(15px,1.15vw,20px);display:flex}.project-meta div{border-top:1px solid var(--line);justify-content:space-between;gap:24px;padding:16px 0;display:flex}.project-meta div:last-child{border-bottom:1px solid var(--line)}.project-meta dt{color:var(--muted)}.project-meta dd{text-align:right;margin:0}.project-visit{background:var(--chip);align-self:flex-start;padding:18px 30px;transition:background .2s}.project:hover .project-visit{background:var(--chip-hover)}.why{height:320vh;position:relative}.why-pin{height:100vh;position:sticky;top:0;overflow:hidden}.why h2{left:var(--gutter);z-index:1;letter-spacing:-.05em;max-width:38vw;margin:0;font-size:clamp(56px,8.6vw,170px);font-weight:300;line-height:.92;position:absolute;bottom:4vh}.why-window{z-index:2;position:absolute;inset:100px 0 0 44vw;overflow:hidden}.why-track{will-change:transform;width:max-content;display:flex;position:absolute;top:0;bottom:0;left:0}.reason{text-align:center;color:#fff;background:#000;flex-direction:column;justify-content:space-between;align-items:center;width:31vw;height:100%;padding:40px 3vw;transition:background .5s,color .5s;display:flex}.reason-head{flex-direction:column;gap:4px;font-size:clamp(16px,1.1vw,20px);display:flex}.reason-title{letter-spacing:-.04em;white-space:pre-line;font-size:clamp(40px,3.6vw,64px);line-height:1.02}.reason-desc{text-wrap:pretty;margin:0;font-size:clamp(15px,1.1vw,19px);line-height:1.4}.reason .sub{color:var(--muted);transition:color .5s}.reason.on{color:#000;background:#fff}.reason.on .sub{color:#6b6b6b}.contact{padding:clamp(120px, 12vw, 200px) var(--gutter) 60px;justify-content:center;display:flex}.contact-inner{flex-direction:column;width:100%;max-width:830px;display:flex}.contact h2{letter-spacing:-.035em;margin:0;font-size:clamp(34px,3vw,48px);font-weight:400}.contact-sub{color:var(--muted-2);margin:10px 0 0;font-size:18px}.contact-form{flex-direction:column;gap:40px;margin-top:62px;display:flex}.contact-form[hidden],.contact-done[hidden]{display:none}.field-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:34px;display:grid}.field{flex-direction:column;gap:20px;display:flex}.field-label{letter-spacing:.12em;color:#bdbdbd;font-size:16px;font-weight:500}.input{background:var(--field);border:1px solid var(--line-2);font:inherit;color:#fff;border-radius:10px;outline:none;padding:20px 32px;font-size:18px;transition:border-color .2s}.input:focus,.phone:focus-within{border-color:#5c5c5c}.phone{background:var(--field);border:1px solid var(--line-2);border-radius:12px;align-items:center;gap:14px;padding:0 24px;transition:border-color .2s;display:flex}.phone select{appearance:none;color:#fff;font:inherit;border:0;border-right:1px solid var(--line-2);background-color:#0000;background-image:linear-gradient(45deg,#0000 50%,#7a7a7a 50%),linear-gradient(135deg,#7a7a7a 50%,#0000 50%);background-position:calc(100% - 14px),calc(100% - 9px);background-repeat:no-repeat;background-size:5px 5px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;outline:none;padding:22px 26px 22px 0;font-size:18px}.phone select option{background:#0b0b0b}.phone input{min-width:0;font:inherit;color:#fff;background:0 0;border:0;outline:none;flex:1;padding:22px 0;font-size:18px}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.submit{color:#000;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:10px;align-self:flex-start;padding:20px 70px;font-size:18px;font-weight:500;transition:background .2s,opacity .2s}.submit:hover{background:#d9d9d9}.submit:disabled{opacity:.6;cursor:progress}.form-error{color:#ff7a6b;margin:-16px 0 0;font-size:16px}.form-error:empty{display:none}.contact-done{border:1px solid var(--line-2);letter-spacing:-.02em;border-radius:10px;margin-top:56px;padding:32px;font-size:22px}.faq{padding:clamp(100px, 10vw, 180px) var(--gutter);grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:48px;display:grid}.faq-intro{flex-direction:column;gap:36px;display:flex}.faq-intro h2{letter-spacing:-.05em;margin:0;font-size:clamp(64px,5.4vw,96px);font-weight:400;line-height:.95}.faq-intro h2 span,.footer h2 span{color:var(--muted-2)}.faq-intro p{max-width:400px;color:var(--muted-2);margin:0;font-size:18px;line-height:1.4}.faq-list{flex-direction:column;display:flex}.faq-item{border-bottom:1px solid var(--line)}.faq-q{color:#fff;width:100%;font:inherit;text-align:left;cursor:pointer;letter-spacing:-.035em;background:0 0;border:0;justify-content:space-between;align-items:center;gap:24px;padding:30px 0;font-size:clamp(22px,1.9vw,32px);display:flex}.faq-icon{transition:transform .35s var(--ease);font-size:36px;font-weight:300;line-height:1}.faq-a{transition:grid-template-rows .4s var(--ease);grid-template-rows:0fr;display:grid}.faq-a>div{overflow:hidden}.faq-a p{color:#d0d0d0;max-width:780px;margin:0 0 32px;font-size:18px;line-height:1.45}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-item.open .faq-icon{transform:rotate(45deg)}.footer{padding:0 var(--gutter) 32px;border-top:1px solid var(--line);flex-direction:column;gap:clamp(48px,6vw,90px);display:flex}.footer-top{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:end;gap:48px;padding-top:clamp(80px,8vw,130px);display:grid}.footer-cta{flex-direction:column;gap:36px;display:flex}.footer h2{letter-spacing:-.05em;margin:0;font-size:clamp(56px,6vw,110px);font-weight:400;line-height:.95}.footer-ctas{flex-wrap:wrap;gap:10px;display:flex}.footer-ctas .pill-dark{padding-inline:30px}.footer-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;font-size:17px;display:grid}.footer-col{flex-direction:column;gap:14px;display:flex}.footer-col-title{letter-spacing:.12em;color:var(--muted-2);font-size:14px}.footer-bottom{color:var(--muted-2);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:24px;font-size:15px;display:flex}.footer-word{margin:0 calc(-1 * var(--gutter)) -32px;justify-content:center;height:20.5vw;display:flex;overflow:hidden}.footer-word div{letter-spacing:-.075em;white-space:nowrap;background:linear-gradient(#fff 0%,#8a8a8a 45%,#000 92%);color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.06em;font-size:27.5vw;font-weight:400;line-height:.86}.nav-toggle{display:none}@media (width<=1000px){.nav{grid-template-columns:1fr auto auto;gap:12px}.nav .logo,.nav-cta,.nav-toggle{z-index:2;position:relative}.nav-toggle{border:1px solid var(--line-2);background:var(--chip);cursor:pointer;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;padding:0;display:flex}.nav-toggle span{width:18px;height:2px;transition:transform .3s var(--ease);background:#fff;display:block}.nav.open .nav-toggle span:first-child{transform:translateY(4px)rotate(45deg)}.nav.open .nav-toggle span:last-child{transform:translateY(-4px)rotate(-45deg)}.nav-links{z-index:1;padding:96px var(--gutter) 40px;padding-inline:max(24px, var(--gutter));letter-spacing:-.04em;opacity:0;visibility:hidden;background:#000;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;font-size:clamp(32px,9vw,52px);transition:opacity .3s,visibility 0s .3s;position:fixed;inset:0}.nav.open .nav-links{opacity:1;visibility:visible;transition:opacity .3s}.nav-link{padding:8px 2px}html.nav-open{overflow:hidden}}@media (width<=480px){.nav-cta{padding:10px 16px;font-size:14px}}@media (width<=760px){.process{height:300vh}.process-lede{justify-self:start}.steps{justify-content:center;padding:0}.step{--w:min(320px, 100%);left:calc(50% - var(--w) / 2);margin-top:calc(min(var(--w) * 1.3125, 100%) / -2);position:absolute;top:50%}.service{grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:24px 0}.service-tags{grid-area:2/1}.service-n{grid-area:1/2}.why h2{max-width:none;font-size:clamp(48px,14vw,80px);top:84px;bottom:auto}.why-window{top:calc(108px + 1.84*clamp(48px,14vw,80px));left:0}.reason{width:82vw;padding:32px 6vw}.shot{opacity:.7;width:40vw!important;bottom:auto!important;right:auto!important}.shot:first-child,.shot:nth-child(2),.shot:nth-child(6){display:none}.shot:nth-child(3){top:11%!important;left:-8vw!important}.shot:nth-child(4){top:17%!important;left:auto!important;right:-8vw!important}.shot:nth-child(5){top:auto!important;bottom:7%!important;left:-6vw!important}.shot:nth-child(7){inset:auto -6vw 12% auto!important}.hero:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(70% 38%,#000000d9,#0000);position:absolute;inset:0}.footer-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px) and (prefers-reduced-motion:reduce){.process{height:auto}.steps{flex-direction:column}.step{gap:40px;height:auto;margin-top:0;position:static}}