@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#151513;font-synthesis:none;text-rendering:optimizelegibility;--ink:#151513;--paper:#f2f0e8;--acid:#dfff00;--violet:#7167ff;--orange:#ff6746;--line:#1515132e;--muted:#65655f;background:#f2f0e8;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{width:min(1380px,100% - 48px);margin:auto}.mono{text-transform:uppercase;letter-spacing:.08em;font-family:DM Mono,monospace;font-size:12px}.skip-link{z-index:50;background:#fff;padding:10px 14px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:none}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:84px;display:flex}.logo{letter-spacing:-.06em;font-size:23px;font-weight:800}.logo span{background:var(--acid);border:1px solid var(--ink);border-radius:50%;width:10px;height:10px;margin-left:5px;display:inline-block}.navlinks{align-items:center;gap:32px;font-size:14px;font-weight:600;display:flex}.menu-button{background:0 0;border:0;font-weight:700;display:none}.pill{border:1px solid;border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:13px 19px;font-weight:700;transition:all .2s;display:inline-flex}.pill:hover,.pill:focus-visible{background:var(--ink);color:var(--paper)}.hero{grid-template-columns:1.25fr .75fr;align-items:end;gap:64px;min-height:750px;padding:72px 0 48px;display:grid}.eyebrow{align-items:center;gap:14px;display:flex}.eyebrow:before{content:"";background:var(--ink);width:34px;height:2px}h1{letter-spacing:-.085em;max-width:1050px;margin:28px 0 42px;font-size:clamp(68px,9.2vw,150px);font-weight:700;line-height:.82}.hero-copy{color:#343430;max-width:590px;margin:0;font-size:21px;line-height:1.55}.hero-side{border-left:1px solid var(--line);padding-left:42px}.status{align-items:center;gap:9px;margin-bottom:64px;display:flex}.status i{background:#39b54a;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #39b54a21}.hero-side h2{letter-spacing:-.04em;margin:12px 0 28px;font-size:28px;line-height:1.15}.arrow-link{border-top:1px solid var(--ink);justify-content:space-between;align-items:center;padding:18px 0;font-weight:700;display:flex}.arrow-link b{font-size:24px;transition:all .2s}.arrow-link:hover b{transform:translate(6px)}.ticker{background:var(--acid);border-block:1px solid var(--ink);white-space:nowrap;padding:15px 0;overflow:hidden}.ticker-track{animation:24s linear infinite move;display:inline-block}.ticker span{text-transform:uppercase;letter-spacing:.06em;margin-right:50px;font-size:14px;font-weight:800}.ticker span:after{content:"✦";margin-left:50px}@keyframes move{to{transform:translate(-50%)}}.work{background:var(--ink);color:var(--paper);padding:120px 0}.section-top{justify-content:space-between;align-items:end;gap:30px;margin-bottom:60px;display:flex}.section-top h2,.principles h2{letter-spacing:-.065em;margin:10px 0 0;font-size:clamp(50px,6vw,92px);line-height:.95}.section-top p{color:#aaa9a1;max-width:390px;line-height:1.6}.projects{grid-template-columns:repeat(12,1fr);gap:22px;display:grid}.project{min-height:500px;color:var(--ink);border-radius:3px;flex-direction:column;justify-content:space-between;padding:30px;transition:transform .3s;display:flex;position:relative;overflow:hidden}.project:hover{transform:translateY(-7px)}.project:focus-visible{outline-offset:4px;outline:4px solid #fff}.project-violet{background:var(--violet);grid-column:span 7}.project-acid{background:var(--acid);grid-column:span 5}.project-orange{background:var(--orange);grid-column:span 5}.project-stone{background:#d8d5c9;grid-column:span 7}.project-sky{background:#78d7ff;grid-column:span 12;min-height:380px}.project-head{justify-content:space-between;align-items:start;display:flex}.project-num{border:1px solid;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.project h3{letter-spacing:-.065em;max-width:90%;margin:0;font-size:clamp(44px,5vw,80px);line-height:.9}.project p{text-transform:uppercase;letter-spacing:.05em;max-width:440px;font-family:DM Mono;font-size:12px;line-height:1.6}.project-sky p{max-width:620px}.visit-link{border-bottom:1px solid;margin-top:18px;padding-bottom:4px;font-size:13px;font-weight:800;display:inline-block}.ui{border:1px solid var(--ink);background:#ffffffeb;width:44%;height:48%;padding:16px;position:absolute;top:95px;right:28px;transform:rotate(3deg);box-shadow:12px 12px #151513e6}.ui-bar{background:var(--ink);width:55%;height:9px;margin-bottom:22px}.ui-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ui-grid i{border:1px solid var(--ink);background:#7167ff40;height:58px}.principles{padding:120px 0}.principles-grid{grid-template-columns:.8fr 1.2fr;gap:100px;display:grid}.principle{border-top:1px solid var(--line);grid-template-columns:60px 1fr;gap:20px;padding:28px 0;display:grid}.principle:last-child{border-bottom:1px solid var(--line)}.principle h3{letter-spacing:-.035em;margin:0 0 8px;font-size:25px}.principle p{color:var(--muted);max-width:600px;margin:0;line-height:1.6}.contact{background:var(--violet);border-top:1px solid var(--ink);padding:100px 0 40px}.contact-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:90px;display:grid}.contact h2{letter-spacing:-.08em;margin:16px 0 40px;font-size:clamp(70px,8vw,128px);line-height:.82}.contact-grid>div>p{max-width:520px;font-size:19px;line-height:1.6}.email-note{border-top:1px solid var(--ink);gap:8px;margin-top:60px;padding-top:20px;display:grid}.contact-form{background:var(--paper);border:1px solid var(--ink);box-shadow:14px 14px 0 var(--ink);grid-template-columns:1fr 1fr;gap:24px;padding:32px;display:grid}.contact-form label{gap:9px;font-size:14px;font-weight:700;display:grid}.contact-form label span{color:var(--muted);font-weight:500}.contact-form label:nth-of-type(4),.contact-form label:nth-of-type(5){grid-column:1/-1}.contact-form input,.contact-form textarea,.contact-form select{border:0;border-bottom:1px solid var(--ink);background:0 0;border-radius:0;outline:none;width:100%;padding:12px 2px}.contact-form textarea{border:1px solid var(--ink);resize:vertical;padding:12px}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{box-shadow:0 3px 0 var(--acid)}.submit-button{border:1px solid var(--ink);background:var(--acid);cursor:pointer;grid-column:1/-1;padding:17px 22px;font-weight:800}.submit-button:hover{background:var(--ink);color:var(--paper)}.submit-button:disabled{opacity:.55;cursor:wait}.form-status{grid-column:1/-1;min-height:22px;font-weight:700}.footer{text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;padding:80px 0 20px;font-family:DM Mono;font-size:12px;display:flex}@media (max-width:800px){.wrap{width:min(100% - 28px,1380px)}.menu-button{display:block}.navlinks{z-index:10;background:var(--paper);border:1px solid var(--ink);flex-direction:column;align-items:stretch;padding:24px;display:none;position:absolute;top:74px;left:14px;right:14px}.navlinks.is-open{display:flex}.navlinks .pill{margin-top:6px}.hero{grid-template-columns:1fr;min-height:auto;padding:60px 0}.hero-side{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.status{margin-bottom:40px}.projects{display:block}.project{min-height:420px;margin-bottom:16px}.project h3{font-size:54px}.ui{width:45%;height:38%;top:100px}.section-top{flex-direction:column;align-items:start}.principles-grid,.contact-grid{grid-template-columns:1fr;gap:60px}.work,.principles,.contact{padding:80px 0}.footer{flex-wrap:wrap;gap:25px}}@media (max-width:480px){h1{font-size:58px}.hero-copy{font-size:18px}.project{min-height:360px;padding:22px}.project h3{font-size:45px}.ui{display:none}.contact h2{font-size:64px}.contact-form{box-shadow:8px 8px 0 var(--ink);grid-template-columns:1fr;padding:22px}.contact-form label{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.honey-field{clip:rect(0 0 0 0)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.form-note{color:var(--muted);grid-column:1/-1;margin:0;font-size:12px;line-height:1.5}.section-action{max-width:390px}.section-action p{margin-top:0}.work-index-link{border-bottom:1px solid;margin-top:18px;padding-bottom:5px;font-weight:800;display:inline-block}.projects:not(.all-projects) .project-sky{grid-column:span 7;min-height:500px}.work-hero{padding:90px 0 110px}.work-hero h1{margin-bottom:60px}.work-intro{grid-template-columns:1fr 1fr;align-items:end;gap:80px;max-width:850px;margin-left:auto;display:grid}.work-intro p{margin:0;font-size:21px;line-height:1.6}.work-index-section{padding-top:80px}.work-footer{background:var(--violet);border-top:1px solid var(--ink)}.work-footer .footer{padding-top:42px}.work-nav{display:flex}.all-projects .project-sky{min-height:380px}.company{background:var(--acid);border-top:1px solid var(--ink);padding:120px 0}.company-grid{grid-template-columns:.8fr 1.2fr;gap:100px;display:grid}.company h2{letter-spacing:-.065em;margin:10px 0 0;font-size:clamp(50px,6vw,92px);line-height:.95}.company-details>p{max-width:760px;margin:0 0 48px;font-size:23px;line-height:1.5}.company-details dl{border-top:1px solid var(--ink);margin:0}.company-details dl div{border-bottom:1px solid var(--ink);grid-template-columns:180px 1fr;gap:24px;padding:18px 0;display:grid}.company-details dt{text-transform:uppercase;letter-spacing:.08em;font-family:DM Mono,monospace;font-size:12px}.company-details dd{margin:0;font-weight:700}.company-details a,.email-note a{text-underline-offset:4px;text-decoration:underline}@media (max-width:800px){.work-hero{padding:70px 0 80px}.work-intro{grid-template-columns:1fr;gap:30px;margin:0}.projects:not(.all-projects) .project-sky{min-height:420px}.work-nav a:first-child{display:none}.company{padding:80px 0}.company-grid{grid-template-columns:1fr;gap:50px}.company-details dl div{grid-template-columns:1fr;gap:8px}.company-details>p{font-size:19px}}