:root{--bg:#f8f3e7;--shadow-tint:#d3c2a9;--ink:#3b2e26;--ink-dim:#8d7b6b;--coral:#e0762f;--coral-bright:#f08a45;--cream:#f4ecdd;--mint-deep:#cf9d54;--font-sans:"Instrument Sans", "Helvetica Neue", Arial, sans-serif;--font-display:var(--font-sans);--font-mono:var(--font-sans);--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:3rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);scroll-behavior:smooth;min-height:100%}body{font-family:var(--font-sans);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,select{cursor:pointer}img,svg,canvas{max-width:100%;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-header{z-index:10;border-bottom:1px solid #3b2e262e;justify-content:space-between;align-items:center;width:min(1180px,100% - 3rem);padding:1.4rem 0;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.mini-mark{font-family:var(--font-display);letter-spacing:-.04em;font-size:1.2rem;font-weight:700;line-height:1}.mini-mark em{color:var(--coral);font-style:normal}.site-header nav{align-items:center;gap:1.5rem;font-size:.75rem;display:flex}.site-header nav a:not(.nav-cta):hover{color:var(--coral)}.nav-cta{border:1px solid var(--ink);border-radius:99px;padding:.65rem 1rem;transition:all .16s}.nav-cta:hover{color:var(--cream);background:var(--ink)}.hero{grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:clamp(1rem,5vw,5rem);width:min(1180px,100% - 3rem);min-height:100dvh;margin:0 auto;padding:7rem 0 4rem;display:grid;position:relative}.stage{grid-area:1/2}.stage svg{width:min(48vw,66vh,620px);height:auto;overflow:visible}.hero-copy{z-index:2;grid-area:1/1;position:relative}.hero-title{letter-spacing:-.02em;max-width:26rem;margin:0 0 2.2rem;font-size:clamp(1.25rem,1.8vw,1.6rem);font-weight:600;line-height:1.3;animation:.7s .4s both rise}.eyebrow,.section-number{text-transform:uppercase;letter-spacing:.16em;color:var(--ink-dim);font-size:.68rem}.eyebrow{margin-bottom:.4rem;animation:.7s .55s both rise}.button{border:0;border-radius:4px;justify-content:center;align-items:center;gap:.6rem;padding:.9rem 1.25rem;font-weight:700;transition:transform .16s,box-shadow .16s;display:inline-flex}.button:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.button-primary{color:var(--cream);background:var(--coral)}.product-links{max-width:30rem;margin-top:1rem;list-style:none;animation:.7s .7s both rise}.product-links li{border-top:1px solid #3b2e262e}.product-links li:last-child{border-bottom:1px solid #3b2e262e}.product-links a{grid-template-columns:1fr auto;align-items:center;gap:.35rem 1.5rem;padding:1.5rem 0;transition:color .16s;display:grid}.product-links a:hover{color:var(--coral)}.product-name{letter-spacing:-.035em;font-size:clamp(1.4rem,2.2vw,1.9rem);font-weight:700;line-height:1.1}.product-desc{color:var(--ink-dim);grid-column:1;font-size:.95rem}.product-arrow{color:var(--coral);grid-area:1/2/span 2;font-size:1.5rem}footer{width:min(1180px,100% - 3rem);margin-inline:auto}.contact-hero{flex-direction:column;justify-content:center;align-items:flex-start;min-height:62vh;padding:7rem 0 5rem;display:flex}.contact-hero h1{letter-spacing:-.04em;margin:.6rem 0 1rem;font-size:clamp(1.9rem,3.2vw,2.6rem);line-height:1.12}.contact-hero p:not(.section-number){max-width:34rem;color:var(--ink-dim)}.contact-form{width:min(100%,34rem);margin-top:2.4rem}.contact-form label{margin-bottom:1.4rem;display:block}.contact-form label>span{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-dim);margin-bottom:.45rem;font-size:.68rem;display:block}.contact-form input,.contact-form textarea{width:100%;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #3b2e2659;border-radius:0;outline:none;padding:.65rem .1rem}.contact-form :is(input,textarea):focus{border-color:var(--coral);box-shadow:0 1px 0 var(--coral)}.contact-form textarea{resize:vertical}.contact-form .button[disabled]{opacity:.55;pointer-events:none}.hp-field{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form-note{color:var(--ink-dim);min-height:1.2em;margin-top:1rem;font-size:.72rem}footer{color:var(--ink-dim);border-top:1px solid #3b2e262e;justify-content:space-between;align-items:center;padding:2rem 0;font-size:.65rem;display:flex}.about-page .site-header{position:relative}.about-page [aria-current=page]{color:var(--coral)}.about-main{width:min(1180px,100% - 3rem);margin:0 auto}.about-hero{grid-template-columns:minmax(0,680px) 300px;justify-content:space-between;align-items:center;gap:clamp(2rem,7vw,6rem);padding:6rem 0;display:grid}.about-intro h1{letter-spacing:-.04em;margin:.6rem 0 1rem;font-size:clamp(1.9rem,3.2vw,2.6rem);line-height:1.12}.about-intro h1 span{color:var(--coral)}.about-lede{max-width:650px;color:var(--ink-dim);font-size:1rem}.portrait-frame{justify-self:end;width:min(100%,300px);transform:rotate(1.5deg)}.portrait-photo{aspect-ratio:480/325;object-fit:cover;background:var(--cream);border:10px solid var(--cream);width:100%;height:auto;box-shadow:12px 12px 0 var(--shadow-tint);display:block}.portrait-frame figcaption{text-align:center;color:var(--ink-dim);margin-top:1.2rem;font-size:.68rem}.bio-section{border-top:1px solid #3b2e262e;grid-template-columns:160px minmax(0,620px) 250px;justify-content:space-between;gap:clamp(2rem,4vw,4rem);padding:5rem 0;display:grid}.bio-copy h2,.about-cta h2{letter-spacing:-.02em;margin-bottom:1.25rem;font-size:clamp(1.3rem,2vw,1.6rem);line-height:1.2}.bio-copy p{color:var(--ink-dim);margin-bottom:1.25rem}.bio-copy .bio-role{color:var(--coral);text-transform:uppercase;letter-spacing:.14em;margin:-.75rem 0 1.75rem;font-size:.72rem;font-weight:600}.bio-copy p:first-of-type:first-letter{color:var(--coral)}.career-lists{grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0;display:grid}.career-lists h3{color:var(--coral);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.65rem;font-size:.65rem}.career-lists ul{list-style:none}.career-lists li{border-top:1px solid #3b2e262e;padding:.45rem 0;font-size:.75rem}.bio-aside{background:#f4ecdd73;border:1px solid #3b2e2638;align-self:end;padding:1.5rem;transform:rotate(1deg)}.bio-aside>p{color:var(--coral);text-transform:uppercase;letter-spacing:.12em;margin-bottom:1rem;font-size:.62rem}.bio-aside ul{font-size:.72rem;list-style:none}.bio-aside li{border-top:1px solid #3b2e262e;padding:.65rem 0}.about-cta{text-align:left;border-top:1px solid #3b2e262e;padding:5rem 0}.about-cta h2{margin:1rem 0 2rem}.about-cta h2 em{color:var(--coral);letter-spacing:-.045em;font-style:italic;font-weight:600}@media (width<=800px){.site-header{width:calc(100% - 2rem)}.hero{text-align:center;grid-template-columns:1fr;width:calc(100% - 2rem);padding-top:7.5rem}.hero-copy,.stage{grid-column:1}.stage{grid-row:1}.hero-copy{grid-row:2}.stage svg{width:min(92vw,430px);margin:auto}.product-links{text-align:left;margin-inline:auto}.hero-title{margin-inline:auto}footer{flex-wrap:wrap;gap:1rem;width:calc(100% - 2rem)}footer p:nth-child(2){flex-basis:100%;order:3}.about-main{width:calc(100% - 2rem)}.about-hero{text-align:center;grid-template-columns:1fr;min-height:auto;padding:5rem 0}.about-lede{margin-inline:auto}.portrait-frame{justify-self:center;width:min(80vw,300px)}.bio-section{grid-template-columns:1fr;padding:6rem 0}.bio-aside{align-self:auto;transform:none}.career-lists{grid-template-columns:1fr;gap:1.5rem}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}#scene{animation:7s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-4px)}}.obj{animation:.7s cubic-bezier(.2,1.4,.35,1) both pop}.obj-machine{animation-delay:50ms}.obj-case{animation-delay:.14s}.obj-keyboard{animation-delay:.22s}.obj-mug{animation-delay:.36s}.obj-pencil{animation-delay:.46s}.obj-mouse{animation-delay:.54s}@keyframes pop{0%{opacity:0;transform:translateY(16px)}}.shadows{opacity:.55;animation:.9s .15s both fade}@keyframes fade{0%{opacity:0}}.type-cell{opacity:0;transition:opacity 60ms}.enter-face{opacity:0;transform-box:fill-box;transform-origin:50%}.progress-dot,.progress-done{opacity:0}@keyframes blink{50%,to{opacity:0}}.led{animation:2.8s ease-in-out infinite pulse}.case-led{filter:drop-shadow(0 0 2.5px #ffb36b)}@keyframes pulse{50%{opacity:.5}}.steam{opacity:0;animation:3.6s ease-out infinite waft}.st2{animation-delay:1.8s}@keyframes waft{0%{opacity:0;transform:translateY(4px)}30%{opacity:.65}70%{opacity:.25}to{opacity:0;transform:translateY(-10px)}}.stage svg{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}.shadows,.steam,.drop,.spark,.smoke,.glitch,.screen-content,.cursor,.led,.screen-off,.boot-face,.enter-face,.crt-line,.crt-flash{pointer-events:none}.screen-off,.boot-face,.crt-line,.crt-flash{opacity:0}.crt-line,.boot-face{transform-box:fill-box;transform-origin:50%}.power-btn{cursor:pointer}.obj.settled{animation:none}#scene.kb-hover{animation-play-state:paused}.key,.mouse-body{cursor:pointer}.mouse-pad{pointer-events:none}.obj-pencil{cursor:pointer;transform-box:fill-box;transform-origin:50% 60%}.obj-mug{cursor:grab;touch-action:none}.obj-mug.dragging{cursor:grabbing}.drop,.glitch,.spark,.smoke{opacity:0}.spark,.smoke{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:reduce){.screen-content,.cursor,.led,.obj,.shadows{opacity:1!important}.steam{opacity:.4!important}}