@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap');
:root{--ink:#151b23;--paper:#f5f3ee;--lime:#b7f36b;--cyan:#68d8e8;--muted:#5d6267;--line:#d5d4ce;--sans:'DM Sans',Arial,sans-serif;--mono:'Space Mono',Consolas,monospace;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #247988;outline-offset:6px}::selection{background:var(--lime);color:var(--ink)}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.pixel.lime{fill:var(--lime)}.pixel.cyan{fill:var(--cyan)}.wrap{width:min(1320px,calc(100% - 7rem));margin-inline:auto}.skip-link{position:fixed;left:1rem;top:1rem;z-index:20;padding:1rem;background:var(--ink);color:white;transform:translateY(-180%)}.skip-link:focus{transform:none}.header{width:min(1440px,100%);margin:auto;min-height:106px;padding:1.5rem 3.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:.65rem;font-size:1.7rem;font-weight:800;letter-spacing:-.075rem;line-height:1}.brand svg{width:35px;height:40px}.header nav{display:flex;align-items:center;gap:2.4rem;font-size:.92rem;font-weight:600}.header nav>a:not(.nav-contact):hover{text-decoration:underline;text-underline-offset:7px}.nav-contact{border:1px solid var(--ink);padding:.65rem 1.25rem;border-radius:3px}.nav-contact:hover{background:var(--ink);color:var(--paper)}.menu-toggle{display:none}.eyebrow,.small-label,.art-label,.art-footer,.hero-bottom,.assembly-label{font-family:var(--mono);font-size:.78rem;letter-spacing:.04em;line-height:1.6}.eyebrow{text-transform:uppercase;font-weight:400;margin:0 0 1.6rem}.tiny-mark{font-family:var(--sans);font-size:1.4rem;margin-right:.5rem;vertical-align:middle}.hero{padding-top:4.7rem;display:grid;grid-template-columns:1.3fr 1fr;gap:3.2rem;align-items:stretch}.hero h1{font-size:clamp(3rem,5.9vw,5.7rem);line-height:1.055;letter-spacing:-.06em;font-weight:700;margin:0 0 1.7rem}.hero h1>span{white-space:nowrap}.intro{max-width:31rem;font-size:1.08rem;line-height:1.8;color:var(--muted);margin-bottom:1.8rem}.actions{display:flex;align-items:center;gap:1.8rem;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:.85rem 1.4rem;font-size:.94rem;font-weight:700;border:1px solid transparent;border-radius:3px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--lime);color:var(--ink)}.primary:hover{background:#a1e94a}.text-link{text-decoration:underline;text-underline-offset:5px;font-size:.94rem;font-weight:600}.hero-art{min-width:0;background:var(--ink);color:var(--paper);position:relative;min-height:535px;display:flex;flex-direction:column;justify-content:space-between;padding:2rem;overflow:hidden;border-radius:4px}.art-label{font-size:.72rem;letter-spacing:.09em;z-index:1}.logo-stage{position:absolute;inset:0;display:grid;place-items:center;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:50px 50px}.hero-mark{width:62%;height:72%;transform:rotate(-8deg);filter:none}.float-pixel{position:absolute;width:20px;height:20px;border:1px solid #f5f3ee80;animation:drift 7s ease-in-out infinite}.float-pixel.one{left:13%;top:31%;transform:rotate(12deg)}.float-pixel.two{right:13%;top:25%;background:var(--lime);border:0;animation-delay:-2s}.float-pixel.three{right:19%;bottom:20%;background:var(--cyan);border:0;width:12px;height:12px;animation-delay:-4s}.art-footer{display:flex;justify-content:space-between;align-items:end;z-index:1;font-size:.68rem;letter-spacing:.07em}.art-cross{font-size:2rem;line-height:1;font-weight:400;color:var(--lime)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding:1.2rem 0;color:var(--muted);font-size:.7rem;letter-spacing:0}.section{padding-block:6.5rem}h2{font-size:clamp(2.15rem,3.6vw,3.5rem);font-weight:600;line-height:1.15;letter-spacing:-.045em;margin:0}h3{font-size:1.5rem;letter-spacing:-.035em;line-height:1.25;font-weight:600}.section-heading{display:flex;justify-content:space-between;gap:3rem;align-items:start}.section-heading .eyebrow{margin-top:.5rem}.section-heading h2{width:65%}.pillars{margin-top:4rem;display:grid;grid-template-columns:repeat(3,1fr)}.pillars article{padding:0 2rem;border-left:1px solid var(--line)}.pillars article:first-child{padding-left:0;border:0}.pillars article:last-child{padding-right:0}.pillars p{max-width:19rem;margin:0;color:var(--muted);line-height:1.8}.pillar-symbol{font-size:2.7rem;line-height:1;width:48px;height:48px}.engineering{font-family:var(--mono);font-size:2rem;letter-spacing:-8px}.product-symbol{display:grid;grid-template-columns:repeat(2,18px);grid-template-rows:repeat(2,18px);gap:4px;padding-top:3px}.product-symbol span{background:var(--ink)}.product-symbol span:last-child{background:var(--cyan)}.product-section{background:var(--ink);color:var(--paper)}.section-top{display:flex;justify-content:space-between;gap:2rem}.section-top .small-label{color:#b5bdc6;font-size:.72rem}.product-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:4rem;align-items:center;margin-top:3rem}.product-layout h2{font-size:clamp(2.5rem,4.5vw,4.3rem)}.accent{color:var(--lime)}.product-description{font-size:1.1rem;max-width:23rem;color:#bec4ca;margin:1.5rem 0 2rem}.light{background:var(--paper);color:var(--ink)}.light:hover{background:var(--lime)}.assembly{display:flex;align-items:center;flex-direction:column;gap:2rem;padding:1.2rem}.assembly-grid{width:220px;aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;transform:rotate(-8deg)}.assembly-grid span{border:1px solid #667078;border-radius:3px}.assembly-grid span:nth-child(2){background:var(--paper);border:0}.assembly-grid span:nth-child(4){background:var(--cyan);border:0}.assembly-grid span:nth-child(5){background:var(--lime);border:0}.assembly-grid span:nth-child(9){transform:translate(14px,16px)}.assembly-label{font-size:.7rem;color:#bec4ca}.notes{display:grid;grid-template-columns:1.2fr .8fr;gap:5rem;align-items:center}.notes h2{font-size:clamp(2.1rem,3vw,2.85rem)}.muted{color:var(--muted)}.notes-description{border-left:1px solid var(--line);padding-left:3rem;max-width:29rem}.notes-description>p{font-size:1.08rem;color:var(--muted)}.notes-description>.small-label{font-size:.75rem;margin-top:1.5rem}.note-icon{font-family:var(--mono);font-size:2rem;font-weight:700;letter-spacing:-.2em}.about-section{background:#eae9e3}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:5rem}.about-copy>p:first-child{font-size:1.4rem;line-height:1.55;margin-top:0;letter-spacing:-.025em}.about-copy>p:nth-child(2){color:var(--muted);font-size:1.02rem;line-height:1.9}.about-signoff{display:flex;align-items:center;gap:1.2rem;margin-top:2rem;font: .75rem/1.6 var(--mono)}.about-signoff svg{width:38px;height:46px}.contact{padding-top:7.5rem;padding-bottom:6rem}.contact h2{font-size:clamp(3rem,7.5vw,7rem);line-height:1.05;letter-spacing:-.055em}.contact-bottom{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-top:2.3rem}.contact-bottom p{max-width:27rem;color:var(--muted);margin:0}.email-link{font-size:clamp(1.2rem,2.3vw,2.1rem);font-weight:500;border-bottom:2px solid var(--ink);padding-bottom:.35rem;letter-spacing:-.03em}.email-link:hover{border-color:#65a42b}.footer{border-top:1px solid var(--line);padding:2.3rem 0;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.footer .brand{font-size:1.4rem}.footer .brand svg{width:27px;height:33px}.footer>span,.footer>a:last-child{font-size:.78rem;color:var(--muted)}.footer>a:last-child:hover{text-decoration:underline}
@keyframes drift{0%,100%{translate:0 0}50%{translate:0 -12px}}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:380px){.hero h1>span{white-space:normal}}
@media(min-width:1440px){.hero h1{font-size:5.8rem}}
@media(max-width:1100px){.wrap{width:calc(100% - 4rem)}.header{padding-inline:2rem}.header nav{gap:1.5rem}.hero{gap:2rem}.hero-art{min-height:480px}.hero h1{font-size:clamp(3rem,5.8vw,4.5rem)}.section{padding-block:5rem}.section-heading h2{width:64%}.notes,.about{gap:3rem}.email-link{font-size:1.6rem}}
@media(max-width:760px){html{scroll-padding-top:2rem}.wrap{width:calc(100% - 2.5rem)}.header{padding:1.2rem 1.25rem;min-height:85px;flex-wrap:wrap;gap:0}.brand{font-size:1.5rem}.brand svg{width:30px;height:34px}.menu-toggle{display:flex;align-items:center;gap:.75rem;background:none;border:1px solid var(--line);padding:.5rem .8rem;font-size:.9rem;border-radius:3px;color:var(--ink)}.menu-toggle span{font-size:1.3rem;line-height:1}.header nav{width:100%;flex-direction:column;align-items:stretch;gap:0;padding-top:1rem}.header nav a{padding:.85rem .5rem}.header nav .nav-contact{text-align:center;margin-top:.6rem}.js .header nav:not(.is-open){display:none}.hero{padding-top:2.8rem;grid-template-columns:1fr;gap:2.5rem}.hero h1{font-size:clamp(2.6rem,8.7vw,4.6rem);letter-spacing:-.055em}.hero-art{min-height:370px;padding:1.5rem}.hero-mark{width:49%;height:75%}.hero-bottom{flex-direction:column;font-size:.68rem;gap:.3rem}.eyebrow{font-size:.73rem;margin-bottom:1.3rem}.intro{font-size:1rem}.section{padding-block:4rem}.section-heading{display:block}.section-heading h2{width:auto}.pillars{grid-template-columns:1fr;margin-top:2.5rem;gap:1.8rem}.pillars article,.pillars article:first-child,.pillars article:last-child{border:0;border-top:1px solid var(--line);padding:1.6rem 0 0;display:grid;grid-template-columns:45px 1fr;gap:.4rem 1rem}.pillars h3{margin:.3rem 0 .5rem}.pillars p{grid-column:2;max-width:100%}.pillar-symbol{grid-row:1/3;font-size:2.2rem}.engineering{font-size:1.7rem}.section-top{display:block}.section-top .small-label{display:block;margin-bottom:2rem}.product-layout{grid-template-columns:1fr;gap:2.5rem;margin-top:0}.product-layout h2{font-size:2.8rem}.assembly-grid{width:170px;gap:9px}.assembly{padding-block:1rem}.notes,.about{grid-template-columns:1fr;gap:2rem}.notes-description{border:0;border-top:1px solid var(--line);padding:1.5rem 0 0;max-width:100%}.notes-description>p{font-size:1rem}.about-copy>p:first-child{font-size:1.25rem}.contact{padding-block:4.5rem}.contact h2{font-size:clamp(2.6rem,9.5vw,4.7rem)}.contact-bottom{align-items:start;flex-direction:column;margin-top:1.5rem}.email-link{font-size:clamp(1.2rem,5.7vw,1.7rem)}.footer{flex-wrap:wrap;justify-content:start;gap:1rem;padding-block:1.8rem}.footer .brand{width:100%}.footer>span{margin-right:auto}.actions{gap:1.4rem}.button{font-size:.88rem;padding:.8rem 1rem}.art-label,.art-footer{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}