:root{--bg:#151715;--bg-deep:#10120f;--panel:#1e211d;--panel-hi:#262b23;--fg:#f4f5ed;--muted:#b1b6aa;--faint:#989f91;--line:#363c31;--line-soft:#292e25;--accent:#d1f880;--accent-ink:#17200d;--brass:var(--accent);--brass-deep:#b5df63;--maxw:1380px;--gutter:clamp(1.25rem, 4.5vw, 4.5rem);--fs-body:1rem;--fs-lead:clamp(1.0625rem, 1rem + .3vw, 1.25rem);--fs-h2:clamp(2.25rem, 1.1rem + 3vw, 4rem);color-scheme:dark}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-padding-top:6.5rem}body{background:var(--bg);min-width:320px;color:var(--fg);font:400 var(--fs-body)/1.65 "Hanken Grotesk", system-ui, sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{letter-spacing:-.045em;overflow-wrap:break-word;font-weight:500;line-height:1.06}h2,h3{text-wrap:balance}p{max-width:66ch}a{color:inherit}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}img,svg,canvas{max-width:100%;display:block}img{height:auto}ul,ol{padding:0}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--accent-ink)}.shell{max-width:var(--maxw);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:clamp(4.5rem,8vw,8rem)}.mono,.eyebrow{letter-spacing:.035em;text-transform:uppercase;color:var(--faint);font-family:Martian Mono,ui-monospace,monospace;font-size:.75rem;font-weight:400;line-height:1.6}.eyebrow{align-items:center;gap:.75rem;display:flex}.status-dot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 4px #d1f8800c}.sec-head{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.75rem;display:flex}.sec-head .eyebrow{margin-bottom:1.15rem}.sec-head h2{font-size:var(--fs-h2)}.sec-head>p{color:var(--muted);max-width:32ch}.sec-head__n{color:var(--accent)}.sec-head__more,.text-link{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1.25rem;padding-block:.5rem;font-size:.9375rem;text-decoration:none;display:inline-flex}.text-link:hover,.sec-head__more:hover{color:var(--accent);border-color:currentColor}.btn{border:1px solid var(--line);justify-content:center;align-items:center;gap:1.5rem;padding:.95rem 1.4rem;font-size:.9375rem;font-weight:600;line-height:1.4;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.btn--p{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn--p:hover{background:#e0ffa4;border-color:#e0ffa4}.btn--g{background:0 0}.btn--g:hover{border-color:var(--fg);background:var(--panel)}.btn--sm{padding:.65rem 1.05rem;font-size:.875rem}.arr{font-size:1.3em;transition:transform .2s;display:inline-block}.btn:hover .arr{transform:translate(2px,-2px)}.icon-btn{border:1px solid var(--line);cursor:pointer;background:0 0;place-items:center;width:44px;height:44px;font-size:1.25rem;transition:background .2s,color .2s;display:inline-grid}.icon-btn:hover{background:var(--accent);color:var(--accent-ink)}.masthead{z-index:50;background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0}.masthead__inner{align-items:center;gap:2rem;min-height:86px;display:flex}.wordmark{flex:none;display:inline-flex}.wordmark img{mix-blend-mode:screen;width:auto;height:32px}.nav{gap:2rem;margin-left:auto;display:flex}.nav a{color:var(--muted);padding-block:.65rem;font-size:.875rem;text-decoration:none;position:relative}.nav a:hover{color:var(--fg)}.nav a:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:1px;transition:transform .2s;position:absolute;bottom:.3rem;left:0;transform:scaleX(0)}.nav a:hover:after,.nav a:focus-visible:after{transform:scaleX(1)}.menu-toggle{display:none}.hero{padding-top:2.75rem}.hero__topline{justify-content:space-between;align-items:center;gap:1rem;display:flex}.hero__topline .eyebrow{color:var(--muted);font-size:.75rem}.hero__location{font-size:.75rem}.hero__grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:3.5rem;padding-block:4rem 5rem;display:grid}.hero h1{letter-spacing:-.065em;font-size:clamp(4rem,7.3vw,6.7rem);line-height:.99}.hero h1 em{color:var(--accent);letter-spacing:-.065em;font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:400}.hero__lead{max-width:39ch;font-size:var(--fs-lead);color:var(--muted);margin-top:2rem;line-height:1.65}.hero__cta{flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin-top:2rem;display:flex}.showcase{min-width:0;padding-top:1.5rem}.showcase__overline{justify-content:space-between;margin-bottom:2.3rem;font-size:.75rem;display:flex}.showcase__overline>span:last-child{color:var(--accent);font-size:1.5rem}.showcase__stage{perspective:1000px;padding:1.5rem 0;position:relative}.showcase__offset{background:var(--accent);opacity:.9;position:absolute;inset:.75rem .7rem 1.8rem;transform:rotate(5deg)}.showcase__window{background:var(--bg-deep);transform:rotate(-3deg) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));border:1px solid #646e54;transition:transform .3s ease-out;position:relative;box-shadow:0 28px 55px #0005}.browser-bar{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1rem;font:.75rem/1.4 Hanken Grotesk,sans-serif;display:flex}.browser-dots{gap:5px;display:flex}.browser-dots i{background:#59614e;border-radius:50%;width:6px;height:6px;display:block}.showcase__screens{aspect-ratio:16/9;position:relative}.showcase__screen{height:100%;text-decoration:none;display:block}.showcase__screen img{object-fit:cover;object-position:top;width:100%;height:100%}.showcase__visit{background:var(--accent);color:var(--accent-ink);opacity:0;align-items:center;gap:1.5rem;padding:.6rem .9rem;font-size:.875rem;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:1rem;right:1rem;transform:translateY(6px)}.showcase__screen:hover .showcase__visit,.showcase__screen:focus-visible .showcase__visit{opacity:1;transform:translateY(0)}.showcase__stamp{background:var(--fg);width:max-content;max-width:90%;color:var(--bg);margin:-1.3rem 1.5rem 0 auto;padding:.8rem 1.15rem;font-size:.875rem;line-height:1.45;position:relative;transform:rotate(3deg);box-shadow:0 5px 20px #0002}.showcase__stamp>span{float:left;margin-right:.8rem;font-size:2rem;line-height:1.2}.showcase__footer{justify-content:space-between;align-items:center;gap:1rem;padding-top:1.75rem;display:flex}.showcase__name{margin-bottom:.15rem;font-size:1rem}.showcase__footer .mono{font-size:.75rem}.showcase__controls{align-items:center;gap:.5rem;display:flex}.showcase__controls>span{margin-right:.6rem}.hero__bottom{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:1.5rem;padding-block:1.6rem;font-size:.875rem;display:flex}.hero__bottom ul{flex-wrap:wrap;gap:1.4rem;list-style:none;display:flex}.hero__bottom li{align-items:center;gap:.65rem;display:flex}.hero__bottom li:before{content:"+";color:var(--accent)}.hero__scroll{color:var(--fg);align-items:center;gap:1.2rem;text-decoration:none;display:flex}.hero__scroll span{color:var(--accent)}.work-grid{grid-template-columns:1fr 1fr;gap:3.5rem 2rem;display:grid}.project{min-width:0}.project__link{text-decoration:none;display:block}.project__visual{aspect-ratio:1.45;background:#242c30;border:1px solid #ffffff12;justify-content:center;align-items:center;padding:2.5rem;display:flex;position:relative;overflow:hidden}.project:nth-child(2) .project__visual{background:#343a2b}.project:nth-child(3) .project__visual{background:#302b29}.project__visual img{aspect-ratio:16/9;object-fit:cover;object-position:top;width:100%;transition:transform .45s cubic-bezier(.2,.65,.3,1);transform:rotate(-2deg);box-shadow:0 15px 35px #0005}.project:nth-child(2) .project__visual img{transform:rotate(2deg)}.project__link:hover .project__visual img,.project__link:focus-visible .project__visual img{transform:rotate(0)scale(1.04)}.project__open{background:var(--bg);border:1px solid var(--line);place-items:center;width:42px;height:42px;font-size:1.25rem;transition:background .2s,color .2s;display:grid;position:absolute;bottom:1rem;right:1rem}.project__link:hover .project__open{background:var(--accent);color:var(--accent-ink)}.project__meta{justify-content:space-between;align-items:baseline;gap:1rem;margin-top:1.25rem;display:flex}.project h3{font-size:clamp(1.4rem,2vw,1.75rem)}.project__meta .mono{font-size:.75rem}.project__desc{color:var(--muted);max-width:53ch;margin-top:.75rem;font-size:1rem}.project__tags{flex-wrap:wrap;gap:.5rem;margin-top:1rem;list-style:none;display:flex}.project__tags li{color:var(--muted);border:1px solid var(--line);padding:.25rem .6rem;font-size:.75rem}.project--experiment .project__visual{background:#0b2027;padding:0}.project--experiment .project__visual img{object-fit:cover;width:100%;height:100%;box-shadow:none;transform:none}.project--experiment .project__link:hover img{transform:scale(1.035)}.project__badge{color:var(--fg);background:#101b21;border:1px solid #526369;padding:.35rem .6rem;font-size:.75rem;position:absolute;top:1rem;left:1rem}.services-section{background:var(--bg-deep);border-block:1px solid var(--line)}.range{border:1px solid var(--line);background:var(--panel);overflow:hidden}.range__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.6rem;display:flex}.range__head .mono:first-child{color:var(--accent)}.range__body{padding:clamp(1.25rem,3vw,2.5rem)}.range__statement{letter-spacing:-.035em;max-width:30ch;min-height:3.6em;font-size:clamp(1.7rem,2.7vw,2.6rem);line-height:1.2}.range__statement .swap{color:var(--accent)}.range__statement.is-swapping .swap{opacity:.4}.range__statement .swap{transition:opacity .2s}.range__meter{gap:6px;margin-top:1.75rem;display:flex}.range__meter span{background:var(--line);flex:1;height:3px;transition:background .2s}.range__meter .on{background:var(--accent)}.range__control{flex-direction:column;gap:.9rem;margin-top:1rem;display:flex}.slider{width:100%;height:32px;accent-color:var(--accent);cursor:pointer}.range__stops{grid-template-columns:repeat(3,1fr);gap:.65rem;display:grid}.range__stops button{text-align:left;min-height:48px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;padding:.85rem 1rem;font-size:.9375rem}.range__stops button[aria-pressed=true]{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.range__stops button:hover{border-color:var(--accent)}.range__detail{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:2rem;padding-top:1.75rem;display:grid}.range__detail p{color:var(--muted);margin-top:.8rem}.range__detail ul{margin-top:.6rem;list-style:none}.range__detail li{border-bottom:1px solid var(--line);padding-block:.5rem;font-size:.9375rem}.range__detail .mono{font-size:.75rem}.range__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.6rem;display:flex}.range__foot p{color:var(--faint);font-size:.875rem}.cards{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3.5rem;display:grid}.card{border-top:1px solid var(--line);padding-top:1.5rem}.card__ic{color:var(--accent);margin-bottom:1rem;font-family:Martian Mono,monospace;font-size:.75rem;display:block}.card h3{font-size:1.5rem}.card p{color:var(--muted);margin-top:.85rem}.card ul{margin-top:1rem;list-style:none}.card li{color:var(--muted);padding-block:.25rem;font-size:.9375rem}.card li:before{content:"+";color:var(--accent);margin-right:.75rem}.process-grid{grid-template-columns:.9fr 1.1fr;gap:5rem;display:grid}.process-grid .sec-head{align-self:start;display:block;position:sticky;top:8rem}.process-grid .sec-head>p{max-width:33ch;margin-top:1.5rem}.process-grid .text-link{margin-top:1.5rem}.steps{list-style:none}.step{border-top:1px solid var(--line);grid-template-columns:2rem 1fr;gap:1.3rem;padding-block:1.8rem;display:grid}.step:last-child{border-bottom:1px solid var(--line)}.step__n{color:var(--accent);padding-top:.3rem;font-family:Martian Mono,monospace;font-size:.75rem}.step h3{font-size:1.65rem}.step p{color:var(--muted);margin-top:.75rem}.studio-section{border-top:1px solid var(--line)}.studio-grid{grid-template-columns:.9fr 1.1fr;gap:5rem;display:grid}.studio-note{background:var(--accent);color:var(--accent-ink);flex-direction:column;justify-content:space-between;min-height:350px;padding:2.3rem;display:flex}.studio-note .mono{color:#43512f}.studio-note__mark{object-fit:contain;filter:brightness(0);width:96px;height:96px;margin-block:1.25rem}.studio-note>p{letter-spacing:-.04em;max-width:17ch;font-size:clamp(1.7rem,2.7vw,2.5rem);line-height:1.2}.studio-note__bottom{justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;display:flex}.studio-note__bottom span:last-child{font-size:2rem}.studio-copy{padding-block:1rem}.studio-copy h2{font-size:var(--fs-h2);margin-block:1.2rem 1.5rem}.prose{flex-direction:column;gap:1rem;display:flex}.prose p{color:var(--muted);font-size:var(--fs-lead)}.prose .studio-copy__aside{border-top:1px solid var(--line);padding-top:1rem;font-size:.9375rem}.contact-wrap{background:var(--accent);color:var(--accent-ink)}.contact-wrap :focus-visible{outline-color:var(--accent-ink)}.contact-wrap .eyebrow{color:#43512f}.contact-heading{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.section--contact h2{letter-spacing:-.06em;max-width:12ch;margin-top:1.5rem;font-size:clamp(3.2rem,7.5vw,7rem)}.contact-heading>span{margin-top:1rem;font-size:clamp(5rem,10vw,9rem);line-height:1}.contact__cta{flex-wrap:wrap;align-items:center;gap:1.5rem 2rem;margin-top:2rem;display:flex}.contact__cta .btn{background:var(--accent-ink);color:var(--fg);border-color:var(--accent-ink)}.contact__cta .btn:hover{background:#2e3c1c}.contact__cta .mono{color:#43512f;font-size:.75rem}.contact__list{border-top:1px solid #17200d3b;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem;padding-top:1.75rem;display:grid}.contact__list dt{font-size:.875rem;font-weight:600}.contact__list dd{color:#3e4b2c;margin-top:.65rem;font-size:.9375rem}.foot{padding-block:3rem 1.5rem}.foot__top{justify-content:space-between;align-items:center;gap:2rem;padding-bottom:2.5rem;display:flex}.foot__mark{mix-blend-mode:screen;width:auto;height:34px}.foot__nav{flex-wrap:wrap;gap:1.5rem;display:flex}.foot a{color:var(--muted);font-size:.875rem;text-decoration:none}.foot a:hover{color:var(--accent)}.foot__bottom{border-top:1px solid var(--line);color:var(--faint);justify-content:space-between;gap:1rem;padding-top:1.5rem;font-size:.8125rem;display:flex}.skip{z-index:100;background:var(--accent);color:var(--accent-ink);padding:.75rem 1rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-200%)}.skip:focus{transform:none}@media (width>=761px) and (width<=1100px){.hero__grid{gap:2rem}.hero h1{font-size:7.4vw}.hero__location,.hero__bottom>p{display:none}.nav{gap:1.25rem}.masthead__inner{gap:1.5rem}.showcase__controls>span{display:none}.project__visual{padding:1.5rem}.process-grid,.studio-grid{gap:3rem}}@media (width<=760px){html{scroll-padding-top:5rem}.masthead__inner{flex-wrap:wrap;gap:1rem;min-height:74px}.wordmark img{height:25px}.masthead__cta{margin-left:auto}.nav{flex-basis:100%;order:3;justify-content:space-between;gap:.75rem;padding-bottom:.6rem}.has-menu .nav{padding:1rem var(--gutter);background:var(--bg);border-bottom:1px solid var(--line);display:none;position:absolute;top:100%;left:0;right:0}.has-menu .nav.is-open{display:flex}.menu-toggle{border:1px solid var(--line);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;display:flex}.menu-toggle span{background:var(--fg);width:18px;height:1px;transition:transform .2s;display:block}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px)rotate(-45deg)}.hero{padding-top:1.75rem}.hero__location{display:none}.hero__topline .eyebrow{max-width:32ch;font-size:.75rem}.hero__grid{grid-template-columns:1fr;gap:2.5rem;padding-block:2.5rem 3rem}.hero h1{font-size:clamp(3.5rem,12vw,6.5rem)}.hero__lead{max-width:42ch;margin-top:1.5rem}.hero__cta{gap:1rem 1.5rem;margin-top:1.5rem}.showcase{width:100%;max-width:550px;margin-inline:auto;padding:0 .25rem}.showcase__overline{margin-bottom:1rem}.showcase__footer{padding-top:1rem}.hero__bottom{padding-block:1.25rem;font-size:.8125rem}.hero__bottom>p,.hero__scroll{display:none}.hero__bottom ul{justify-content:space-between;gap:.65rem;width:100%}.sec-head{flex-direction:column;align-items:flex-start;gap:1.25rem;margin-bottom:2rem}.work-grid{grid-template-columns:1fr;gap:2.75rem}.project__visual{padding:2rem}.project__meta{margin-top:1rem}.cards{grid-template-columns:1fr;gap:2rem;margin-top:2.5rem}.range__detail{grid-template-columns:1fr;gap:1.5rem}.range__stops{gap:.4rem}.range__stops button{text-align:center;padding:.75rem .5rem;font-size:.875rem}.range__statement{min-height:4.8em}.range__head{padding-inline:1.25rem}.process-grid,.studio-grid{grid-template-columns:1fr;gap:1.5rem}.process-grid .sec-head{position:static}.studio-note{min-height:300px;padding:1.75rem}.studio-note>p{max-width:20ch}.studio-copy{padding-top:1.5rem}.contact__list{grid-template-columns:1fr 1fr;gap:1.5rem}.contact-heading>span{display:none}.foot__top{flex-direction:column;align-items:flex-start;gap:1.5rem}.foot__bottom{flex-direction:column;gap:.5rem}}@media (width<=380px){.wordmark img{height:20px}.masthead__inner{gap:.65rem}.masthead__cta{gap:.75rem;padding:.6rem .75rem}.hero__cta{flex-direction:column;align-items:flex-start}.showcase__controls>span{display:none}.project__visual{padding:1.25rem}.contact__list{grid-template-columns:1fr}.contact__cta .btn{gap:1rem;padding-inline:1rem;font-size:.875rem}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.showcase__window{transform:rotate(-3deg)}.range__statement .swap{opacity:1}}