:root{--bg:#070708;--panel:#0d0d0f;--text:#f2f0eb;--muted:#8d8d93;--line:rgba(255,255,255,.1);--accent:#ff431c;--cream:#efede7;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.glow{position:fixed;width:520px;height:520px;border-radius:50%;pointer-events:none;z-index:0;opacity:0;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,67,28,.08),transparent 70%)}
.header{position:fixed;inset:0 0 auto;z-index:50;padding:14px 0;background:linear-gradient(to bottom,rgba(7,7,8,.93),rgba(7,7,8,.3),transparent);backdrop-filter:blur(10px)}.nav{height:62px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font:700 21px "Space Grotesk"}.logo-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#f2f0eb;color:#080808}.nav-links{display:flex;align-items:center;gap:28px;color:#b1b1b6;font-size:13px;font-weight:700}.nav-links a:hover{color:white}.nav-contact{padding:13px 17px;border:1px solid var(--line);border-radius:999px;color:#fff}.nav-contact:hover{background:#fff;color:#090909!important}.menu-btn{display:none;background:none;border:0;width:44px;height:44px;position:relative}.menu-btn span{position:absolute;width:24px;height:1.5px;background:#fff;left:10px}.menu-btn span:first-child{top:17px}.menu-btn span:last-child{top:25px}
.hero{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding-top:120px;padding-bottom:70px;position:relative}.corporate-kicker,.kicker,.case-eyebrow{display:block;font:800 10px "Space Grotesk";letter-spacing:.18em;color:#727278;margin-bottom:22px}.hero h1{font:600 clamp(58px,6vw,94px)/.91 "Space Grotesk";letter-spacing:-.066em;margin:0}.hero h1 span{color:#828287}.hero-copy>p{max-width:630px;color:#98989e;font-size:17px;line-height:1.75;margin:30px 0}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap}.btn{padding:15px 18px;border-radius:14px;font-size:13px;font-weight:800;display:inline-flex}.btn.light{background:#f2f0eb;color:#090909}.btn.dark{border:1px solid var(--line);background:#0c0c0e}.hero-tags{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px;padding-top:22px;border-top:1px solid var(--line)}.hero-tags div{display:flex;flex-direction:column;gap:4px}.hero-tags b{font:600 13px "Space Grotesk"}.hero-tags span{font-size:10px;color:#68686e}
.browser{border:1px solid var(--line);border-radius:32px;overflow:hidden;background:#0b0b0d;box-shadow:0 35px 110px rgba(0,0,0,.6);transform:rotate(1.5deg)}.browser-bar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);color:#66666c;font-size:9px}.window-controls{display:flex;gap:7px}.window-dot{width:8px;height:8px;border:0;border-radius:50%;padding:0;cursor:pointer}.close-dot{background:#ff5f57}.minimize-dot{background:#febc2e}.maximize-dot{background:#28c840}.featured-next{width:31px;height:31px;border-radius:50%;border:1px solid var(--line);background:#131315;color:#ddd;cursor:pointer}.featured-next:hover{background:#fff;color:#090909}.browser-content{min-height:590px;position:relative;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(circle at 72% 15%,rgba(255,67,28,.17),transparent 34%),#09090a;background-size:44px 44px,44px 44px,auto,auto}.float-tag{position:absolute;border:1px solid var(--line);background:#101012;padding:8px 10px;border-radius:8px;font:700 8px "Space Grotesk";letter-spacing:.13em;color:#89898f}.float-tag.a{right:6%;top:8%}.float-tag.b{left:5%;top:18%}.float-tag.c{right:8%;bottom:8%}.feature-card{position:absolute;left:11%;right:11%;top:24%;background:#121214;border:1px solid rgba(255,255,255,.13);padding:24px;border-radius:23px;box-shadow:0 30px 65px rgba(0,0,0,.4);cursor:pointer}.feature-card small{font-size:8px;letter-spacing:.16em;color:#777}.feature-card h3{font:600 32px "Space Grotesk";letter-spacing:-.04em;margin:11px 0 3px}.feature-card p{font-size:10px;color:#717177}.featured-domain{font-size:8px;color:#515157;text-transform:uppercase;margin-bottom:16px}.mini-site{height:210px;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:grid;grid-template-columns:25% 1fr;background:#09090a}.mini-site aside{border-right:1px solid var(--line);background:#101012}.mini-site>div{padding:22px}.mini-site i{display:block;background:#28282b;border-radius:999px}.mini-site .line{width:72%;height:6px;margin:11px 0}.mini-site .xs{width:28%}.mini-site .title{width:58%;height:28px;margin:21px 0}.boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}.boxes span{height:62px;border-radius:9px;background:linear-gradient(135deg,#18181a,#29292d)}.featured-index{position:absolute;left:7%;bottom:7%;display:flex;align-items:center;gap:8px;color:#626268;font-size:8px}.featured-index i{width:35px;height:1px;background:#333}
.browser-maximized{position:fixed!important;inset:28px!important;z-index:1000!important;transform:none!important;max-width:none!important}.browser-maximized .browser-content{min-height:calc(100vh - 110px)}
.hidden-contact-drawer{position:absolute;inset:12px;z-index:20;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:rgba(13,13,15,.985);backdrop-filter:blur(18px);padding:28px;opacity:0;visibility:hidden;transform:scale(.975);transition:.22s;overflow:auto}.hidden-contact-drawer.open{opacity:1;visibility:visible;transform:none}.drawer-close{position:absolute;right:18px;top:14px;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#171719;color:#aaa;cursor:pointer}.hidden-contact-drawer>small{font:800 8px "Space Grotesk";letter-spacing:.16em;color:#666}.hidden-contact-drawer h4{font:600 25px/1.15 "Space Grotesk";letter-spacing:-.04em;margin:13px 0 18px}
.ticker{overflow:hidden;border-block:1px solid var(--line);background:#0b0b0c}.ticker>div{width:max-content;display:flex;gap:28px;align-items:center;padding:16px 0;color:#74747a;font:600 11px "Space Grotesk";letter-spacing:.13em;animation:ticker 26s linear infinite}.ticker i{color:var(--accent);font-style:normal}@keyframes ticker{to{transform:translateX(-50%)}}
.section{padding:135px 0}.section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:52px}.section-head h2,.about h2{font:600 clamp(42px,5vw,68px)/1.02 "Space Grotesk";letter-spacing:-.055em;margin:0}.section-head h2 em,.about h2 em{font-style:normal;color:#6f6f75}.section-head>p{color:#8d8d93;line-height:1.75;margin:0;max-width:510px;font-size:14px}
.portfolio-tabs,.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.portfolio-tabs button,.filters button{border:1px solid var(--line);background:#0c0c0d;color:#85858b;padding:10px 14px;border-radius:999px;font-size:11px;font-weight:800;cursor:pointer}.portfolio-tabs button.active,.portfolio-tabs button:hover,.filters button.active,.filters button:hover{background:#f0eee9;color:#090909;border-color:#f0eee9}
.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.project.hidden{display:none}.project-visual{height:485px;border:1px solid var(--line);border-radius:28px;overflow:hidden;position:relative;transition:.3s}.project:hover .project-visual{transform:translateY(-5px);border-color:rgba(255,255,255,.2)}.site-preview{background:radial-gradient(circle at 78% 14%,rgba(255,67,28,.15),transparent 33%),linear-gradient(145deg,#131315,#09090a);padding:56px 38px 34px}.project-topline{position:absolute;left:20px;right:20px;top:18px;display:flex;justify-content:space-between;font-size:8px;color:#6b6b70}.site-browser-card{height:100%;border:1px solid rgba(255,255,255,.12);background:#0e0e10;border-radius:22px;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.38)}.site-browser-bar{height:43px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 14px;color:#666;font-size:8px}.site-browser-bar i{width:6px;height:6px;border-radius:50%;background:#343438}.site-browser-bar span{margin-left:8px}.site-browser-body{height:calc(100% - 43px);display:flex;flex-direction:column;justify-content:center;padding:34px}.site-browser-kicker{font:700 8px "Space Grotesk";letter-spacing:.18em;color:#777}.site-browser-body h3{font:600 clamp(32px,3.2vw,50px)/.95 "Space Grotesk";letter-spacing:-.055em;margin:18px 0 9px}.site-browser-body p{font-size:9px;color:#6b6b70;text-transform:uppercase}.fake-site-row{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:9px;margin-top:45px}.fake-site-row span{height:72px;border:1px solid var(--line);background:#171719;border-radius:11px}.project-hover-label{position:absolute;right:22px;bottom:18px;opacity:0;color:#aaa;font-size:10px;transition:.2s}.project:hover .project-hover-label{opacity:1}.project-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:18px 4px}.project-meta h3{font:600 24px "Space Grotesk";margin:0 0 7px}.project-meta p{margin:0;color:#76767c;font-size:12px;line-height:1.6;max-width:460px}.chips{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.chips span{font-size:8px;border:1px solid var(--line);padding:6px 8px;border-radius:999px;color:#777}.all-projects-cta{text-align:center;margin-top:58px}.all-projects-cta small{display:block;margin-top:12px;color:#666;font-size:9px}
.service-bg{background:#0a0a0b;border-block:1px solid var(--line)}.service-list{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:55px 1.25fr 1fr 28px;gap:28px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.service>span{font-size:9px;color:#666}.service h3{font:600 22px "Space Grotesk";margin:0 0 7px}.service p{margin:0;color:#777;font-size:12px}.service ul{list-style:none;padding:0;margin:0;display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.service li{font-size:8px;border:1px solid var(--line);padding:6px 8px;border-radius:999px;color:#777}
.about-bg{background:#efede8;color:#111}.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.about .kicker{color:#888}.about-text{padding-top:30px}.lead{font:500 30px/1.35 "Space Grotesk";letter-spacing:-.03em;margin:0 0 30px}.about-text>p:not(.lead){color:#64615d;line-height:1.8;font-size:14px}.principles{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#c8c5bf;border:1px solid #c8c5bf;margin-top:45px}.principles div{background:#efede8;padding:24px}.principles span{font-size:9px;color:#999}.principles b{display:block;font:600 17px "Space Grotesk";margin:18px 0 7px}.principles p{margin:0;color:#777;font-size:11px;line-height:1.6}
.hp-field{position:absolute!important;left:-99999px!important}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field.full{grid-column:1/-1}.field label{display:block;margin:0 0 7px;color:#737379;font:800 8px "Space Grotesk";letter-spacing:.15em;text-transform:uppercase}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:#0b0b0c;color:#f3f1ed;border-radius:13px;padding:14px;outline:none}.field textarea{min-height:125px;resize:vertical}.form-submit-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.form-submit-row button{border:0;background:#f1efe9;color:#090909;padding:14px 18px;border-radius:13px;font-weight:800;cursor:pointer}.form-submit-row small{color:#5e5e64;font-size:9px}.compact-form .form-grid{gap:9px}.compact-form .field input,.compact-form .field textarea,.compact-form .field select{padding:10px;font-size:11px}.compact-form .field textarea{min-height:68px}
.home-contact{padding:120px 0 45px}.home-contact-grid{display:grid;grid-template-columns:.46fr .54fr;gap:75px}.home-contact-copy h2{font:600 clamp(52px,6vw,86px)/.9 "Space Grotesk";letter-spacing:-.066em;margin:15px 0 25px}.home-contact-copy h2 em{font-style:normal;color:#6e6e74}.home-contact-copy p{color:#888;line-height:1.7;max-width:470px}.home-contact-copy>a{font:600 17px "Space Grotesk";border-bottom:1px solid #444}.home-contact-form{border:1px solid var(--line);border-radius:24px;background:#0d0d0f;padding:25px}.home-footer{margin-top:90px;border-top:1px solid var(--line);padding-top:25px;display:grid;grid-template-columns:1fr 1fr 1fr;color:#666;font-size:10px}.home-footer>div{display:flex;gap:12px}.home-footer>div:nth-child(2){justify-content:center}.home-footer>div:last-child{justify-content:flex-end}
.inner-page,.case-page,.contact-page{padding-top:115px}.projects-hero{padding-top:75px;padding-bottom:50px}.back-link{display:inline-block;color:#777;font-size:12px;margin-bottom:45px}.projects-hero h1{font:600 clamp(70px,10vw,145px)/.8 "Space Grotesk";letter-spacing:-.075em;margin:10px 0 30px}.projects-hero>p{max-width:620px;color:#888;line-height:1.7}.projects-page-grid{padding-bottom:110px}.mini-contact{border-top:1px solid var(--line);padding:45px 0 80px;display:flex;justify-content:space-between;font:600 24px "Space Grotesk"}.mini-contact span{color:#666}
.case-hero{padding-top:50px}.case-title-row{display:grid;grid-template-columns:1.15fr .55fr;gap:75px;align-items:end}.case-title-row h1{font:600 clamp(66px,9vw,135px)/.8 "Space Grotesk";letter-spacing:-.075em;margin:0}.case-intro p{color:#999;line-height:1.75}.case-live-btn{display:inline-block;margin-top:20px;border:1px solid var(--line);padding:12px 16px;border-radius:999px;font-size:11px}.case-facts{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:17px;overflow:hidden;margin:50px 0 22px}.case-facts>div{background:#0c0c0d;padding:18px}.case-facts small{display:block;font-size:7px;color:#555;margin-bottom:6px}.case-facts b{font:600 12px "Space Grotesk"}.case-showcase{height:min(68vw,760px);min-height:500px;border:1px solid var(--line);border-radius:30px;overflow:hidden}.case-showcase.with-image img{width:100%;height:100%;object-fit:cover}.case-showcase.without-image{padding:50px;background:radial-gradient(circle at 74% 17%,rgba(255,67,28,.12),transparent 30%),linear-gradient(145deg,#101012,#080809)}.showcase-window{height:100%;border:1px solid rgba(255,255,255,.13);border-radius:22px;overflow:hidden;background:#101012}.showcase-bar{height:55px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#666;font-size:9px}.showcase-dots{display:flex;gap:6px}.showcase-dots i{width:7px;height:7px;border-radius:50%;background:#38383d}.showcase-body{height:calc(100% - 55px);padding:50px;position:relative}.showcase-body h2{font:600 clamp(50px,7vw,95px)/.87 "Space Grotesk";letter-spacing:-.07em;margin:20px 0 10px}.showcase-body p{color:#666;font-size:10px}.showcase-ui{position:absolute;right:5%;bottom:-5%;width:47%;height:44%;display:grid;grid-template-columns:22% 1fr;border:1px solid var(--line);border-radius:17px 17px 0 0;background:#09090a}.showcase-side{border-right:1px solid var(--line)}.showcase-content{padding:25px}.showcase-content i{display:block;background:#26262a;border-radius:999px}.showcase-content .micro{width:22%;height:5px}.showcase-content .headline{width:58%;height:27px;margin:20px 0}.showcase-content .line{width:76%;height:6px;margin:8px 0}.showcase-content .short{width:48%}.showcase-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:20px}.showcase-boxes span{height:60px;border-radius:10px;background:#18181b}
.case-summary{display:grid;grid-template-columns:.32fr .68fr;gap:80px;padding:115px 0}.case-summary-label{display:flex;gap:16px;color:#666;font-size:9px}.case-summary-copy p{margin:0;font:500 clamp(27px,3.1vw,44px)/1.34 "Space Grotesk";letter-spacing:-.04em;color:#ddd}.case-built{background:var(--cream);color:#111;padding:115px 0}.case-built-inner{display:grid;grid-template-columns:.48fr .52fr;gap:95px}.case-built-heading h2{font:600 clamp(50px,5vw,75px)/.96 "Space Grotesk";letter-spacing:-.06em;margin:25px 0}.case-built-heading h2 em{font-style:normal;color:#999}.case-built-heading small,.dark-number{font-size:9px;color:#999}.case-task-list{border-top:1px solid #c7c3bb}.case-task-list article{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid #c7c3bb}.case-task-list span{font-size:9px;color:#999}.case-task-list p{margin:0;font:500 19px/1.45 "Space Grotesk"}.case-gallery-v4{padding:110px 0}.gallery-title-v4{display:flex;justify-content:space-between;margin-bottom:28px}.gallery-grid-v4{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.gallery-grid-v4 figure{margin:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;min-height:330px}.gallery-grid-v4 figure.wide{grid-column:1/-1;min-height:560px}.gallery-grid-v4 img{width:100%;height:100%;object-fit:cover}.case-stack{padding:100px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:.52fr .48fr;gap:60px}.case-stack h2{font:600 48px/1.02 "Space Grotesk";letter-spacing:-.05em}.stack-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-content:center}.stack-tags span{padding:11px 14px;border:1px solid var(--line);border-radius:999px;color:#aaa;font-size:10px}.case-actions{padding:50px 0 100px}.case-actions a{display:grid;grid-template-columns:180px 1fr 25px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:20px}.next-case{border-top:1px solid var(--line);background:#0a0a0b}.next-case a{display:block;padding:70px 0 80px}.next-case a>div{display:flex;justify-content:space-between;color:#666;font-size:9px}.next-case h2{font:600 clamp(58px,8vw,115px)/.82 "Space Grotesk";letter-spacing:-.075em;margin:23px 0 0}
.contact-page-hero{padding:55px 0 85px}.contact-page-heading{display:grid;grid-template-columns:1fr .48fr;gap:75px;align-items:end}.contact-page-heading h1{font:600 clamp(62px,8.2vw,125px)/.82 "Space Grotesk";letter-spacing:-.075em;margin:0}.contact-page-heading h1 em{font-style:normal;color:#737378}.contact-page-heading p{color:#999;line-height:1.75}.contact-page-heading a{font:600 16px "Space Grotesk";border-bottom:1px solid #444}.contact-page-body{padding-bottom:110px}.contact-page-grid{display:grid;grid-template-columns:.42fr .58fr;gap:70px;border-top:1px solid var(--line);padding-top:50px}.contact-side h2{font:600 42px/1.05 "Space Grotesk";letter-spacing:-.05em}.section-mini{font-size:8px;color:#666;letter-spacing:.15em}.contact-info-boxes{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:17px;overflow:hidden}.contact-info-boxes>div{background:#0c0c0e;padding:18px;display:flex;flex-direction:column;gap:6px}.contact-info-boxes small{font-size:7px;color:#555}.contact-info-boxes a,.contact-info-boxes span{font-size:11px;color:#aaa}.contact-form-card{border:1px solid var(--line);border-radius:22px;background:#0d0d0f;padding:25px}.form-alert{padding:12px;border-radius:10px;margin-bottom:15px}.success{background:#15301d}.notice{background:#2a2411}.error{background:#351515}
.reveal{opacity:0;transform:translateY(23px);transition:.65s}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}
@media(max-width:980px){.hero{grid-template-columns:1fr}.section-head,.about,.home-contact-grid,.case-title-row,.case-summary,.case-built-inner,.case-stack,.contact-page-heading,.contact-page-grid{grid-template-columns:1fr;gap:40px}.projects{grid-template-columns:1fr}.stack-tags{justify-content:flex-start}.case-facts{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.container{width:calc(100% - 28px)}.menu-btn{display:block}.nav-links{position:fixed;left:14px;right:14px;top:75px;background:#101012;border:1px solid var(--line);border-radius:18px;padding:15px;display:none;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:12px}.hero{padding-top:130px;min-height:auto}.hero h1{font-size:55px}.hero-tags{grid-template-columns:1fr}.browser-content{min-height:480px}.feature-card{left:7%;right:7%;top:20%}.mini-site{height:170px}.browser-maximized{inset:10px!important}.section{padding:90px 0}.project-visual{height:390px}.site-preview{padding:50px 18px 22px}.project-meta{flex-direction:column;align-items:flex-start}.chips{justify-content:flex-start}.service{grid-template-columns:35px 1fr 20px}.service ul{display:none}.principles{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.home-footer{grid-template-columns:1fr;gap:12px}.home-footer>div:nth-child(2),.home-footer>div:last-child{justify-content:flex-start}.case-title-row h1{font-size:58px}.case-facts{grid-template-columns:1fr}.case-showcase{min-height:350px;height:70vw}.case-showcase.without-image{padding:15px}.showcase-body{padding:25px}.showcase-body h2{font-size:44px}.showcase-ui{width:72%}.gallery-grid-v4{grid-template-columns:1fr}.gallery-grid-v4 figure.wide{grid-column:auto}.case-stack h2{font-size:40px}.contact-page-heading h1{font-size:56px}.mini-contact{flex-direction:column}}