:root{--green:#274637;--foam:#f6f1e9;--shell:min(88vw, 1680px);--header-height:76px}*{box-sizing:border-box}html{background:var(--foam);color:var(--green);scroll-behavior:smooth;scroll-padding-top:var(--header-height)}body{background:var(--foam);color:var(--green);font-kerning:normal;font-synthesis:none;text-rendering:optimizelegibility;margin:0;font-family:Power Grotesk,Arial Nova,Helvetica Neue,Arial,sans-serif;overflow-x:clip}a{color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:4px;outline:2px solid}::selection{background:var(--green);color:var(--foam)}.site-shell{width:var(--shell);margin-inline:auto}.section-anchor{scroll-margin-top:var(--header-height)}.skip-link{background:var(--foam);color:var(--green);z-index:100;padding:.8rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header{color:var(--foam);height:var(--header-height);z-index:50;background:#274637f7;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;height:100%;display:flex}.brand{align-items:center;gap:.65rem;text-decoration:none;display:inline-flex}.brand__mark,.contact-panel__mark{flex:none;display:block;overflow:hidden}.brand__mark{width:38px;height:46px}.brand__mark img{width:38px;height:auto;display:block}.brand__name{letter-spacing:-.01em;font-size:1.35rem;font-weight:750}.brand__suffix{opacity:.7;margin-left:-.45rem;font-size:.7rem}.desktop-nav{align-items:center;gap:clamp(1.4rem,2.5vw,3rem);display:flex}.desktop-nav a,.mobile-nav a{letter-spacing:.01em;font-size:.82rem;font-weight:650;text-decoration:none;position:relative}.desktop-nav a:after{content:"";transform-origin:100%;background:currentColor;width:100%;height:1px;transition:transform .26s;position:absolute;bottom:-.5rem;left:0;transform:scaleX(0)}.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.mobile-nav{display:none;position:relative}.mobile-nav summary{cursor:pointer;align-content:center;justify-items:end;gap:7px;width:44px;height:44px;list-style:none;display:grid}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{background:currentColor;width:26px;height:1px;transition:transform .2s;display:block}.mobile-nav[open] summary span:first-child{transform:translateY(4px)rotate(45deg)}.mobile-nav[open] summary span:last-child{transform:translateY(-4px)rotate(-45deg)}.mobile-nav nav{background:var(--green);right:0;top:var(--header-height);border-top:1px solid #f6f1e933;width:100%;padding:1rem 6vw 1.4rem;display:grid;position:fixed}.mobile-nav nav a{border-bottom:1px solid #f6f1e926;padding:.9rem 0}.hero{background:var(--foam);min-height:calc(100svh - var(--header-height))}.hero__grid{min-height:calc(100svh - var(--header-height));grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);align-items:center;gap:clamp(2.5rem,5vw,7rem);padding-block:clamp(3rem,7vh,7rem);display:grid}.hero h1,.story-copy h2,.projects-section h2,.contact-panel h2{letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:760}.hero h1{font-size:clamp(3rem,4.35vw,5.75rem);line-height:.98}.hero h1 span{display:block}.hero__lead{max-width:52ch;margin:clamp(1.6rem,3vh,2.6rem) 0 0;font-size:clamp(1rem,1.15vw,1.28rem);line-height:1.62}.button-row{flex-wrap:wrap;gap:.9rem;margin-top:2rem;display:flex}.button{border:1px solid var(--green);justify-content:center;align-items:center;min-height:50px;padding:.8rem 1.45rem;font-size:.86rem;font-weight:700;text-decoration:none;transition:background-color .22s,color .22s,transform .22s;display:inline-flex}.button--solid{background:var(--green);color:var(--foam)}.button--outline{color:var(--green);background:0 0}.button--foam{background:var(--foam);border-color:var(--foam);color:var(--green)}.button--solid:focus-visible,.button--outline:focus-visible{outline-color:var(--green)}.button--foam:focus-visible{outline-color:var(--foam)}.button:hover{transform:translateY(-2px)}.button--solid:hover,.button--foam:hover{color:inherit;background:0 0}.button--outline:hover{background:var(--green);color:var(--foam)}.hero__note{letter-spacing:.02em;opacity:.78;align-items:center;gap:1rem;margin:clamp(2.5rem,5vh,4.5rem) 0 0;font-size:.78rem;display:flex}.hero__note:before{content:"";background:currentColor;width:42px;height:1px}.media-frame{background:var(--green);margin:0;position:relative;overflow:hidden}.media-frame img{object-fit:cover;width:100%;height:100%;transition:transform .9s cubic-bezier(.2,.7,.2,1);display:block}.media-frame:hover img{transform:scale(1.012)}.hero__media{aspect-ratio:1.2;border-radius:0 0 0 1.4rem;box-shadow:0 24px 70px #2746371c}.story-section{align-items:center;min-height:88svh;padding-block:clamp(5.5rem,10vh,9rem);display:flex}.story-section--gaming,.projects-section,.contact-section{background:var(--foam);color:var(--green)}.story-section--hardware{background:var(--green);color:var(--foam)}.story-grid{align-items:center;gap:clamp(3rem,7vw,8.5rem);display:grid}.story-grid--media-first,.story-grid--copy-first{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.story-media{aspect-ratio:1.24;border-radius:1rem}.section-label{letter-spacing:.28em;text-transform:uppercase;align-items:center;gap:.9rem;margin:0 0 1.6rem;font-size:.7rem;font-weight:800;display:flex}.section-label span{font-variant-numeric:tabular-nums;opacity:.7;border-right:1px solid;padding-right:.9rem}.story-copy h2,.projects-section h2{font-size:clamp(2.5rem,3.5vw,4.6rem);line-height:1.02}.story-lead{opacity:.86;max-width:59ch;margin:1.7rem 0 0;font-size:clamp(1rem,1.1vw,1.18rem);line-height:1.7}.principles{margin-top:clamp(2.5rem,5vh,4.5rem);display:grid}.principles--three{grid-template-columns:repeat(3,minmax(0,1fr))}.principles--four{grid-template-columns:repeat(2,minmax(0,1fr))}.principles article{border-left:1px solid #27463738;padding:.25rem clamp(1rem,2vw,1.8rem)}.story-section--hardware .principles article{border-color:#f6f1e938}.principles--four article{border-top:1px solid #f6f1e938;padding-block:1.3rem}.principles h3{margin:0 0 .55rem;font-size:.96rem;line-height:1.25}.principles p{opacity:.75;margin:0;font-size:.8rem;line-height:1.55}.projects-section{min-height:78svh;padding-block:clamp(6rem,11vh,10rem)}.projects-section__head{grid-template-columns:minmax(0,1fr) minmax(260px,.36fr);align-items:end;gap:2rem;display:grid}.projects-section__head>p{opacity:.75;margin:0 0 .35rem;font-size:.95rem;line-height:1.65}.projects-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:clamp(3rem,6vh,5rem);display:grid}.project-card-link{text-decoration:none;display:block}.project-card{background:var(--green);color:var(--foam);flex-direction:column;justify-content:space-between;min-height:310px;padding:clamp(1.5rem,2vw,2rem);transition:transform .3s;display:flex}.project-card-link:hover .project-card{transform:translateY(-6px)}.project-card__number,.project-card__category{letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.66rem;font-weight:750}.project-card__number{opacity:.68;border-bottom:1px solid #f6f1e938;margin-bottom:2rem;padding-bottom:.8rem}.project-card__category{opacity:.68}.project-card h3{letter-spacing:-.01em;margin:1rem 0 .9rem;font-size:clamp(1.35rem,1.55vw,1.8rem);line-height:1.05}.project-card p:not(.project-card__number,.project-card__category){opacity:.78;margin:0;font-size:.84rem;line-height:1.6}.project-card__link{margin-top:2rem;font-size:.78rem;font-weight:700}.contact-section{padding:0 0 clamp(2rem,4vw,4rem)}.contact-panel{background:var(--green);color:var(--foam);grid-template-columns:auto minmax(0,.9fr) minmax(280px,.65fr);align-items:center;gap:clamp(2rem,4vw,4rem);padding:clamp(2.5rem,5vw,5rem);display:grid}.contact-panel__mark{width:86px;height:104px}.contact-panel__mark img{width:86px;height:auto;display:block}.contact-panel h2{font-size:clamp(2.25rem,3.2vw,4.2rem);line-height:1}.contact-panel__action p{opacity:.78;max-width:48ch;margin:0 0 1.5rem;font-size:.95rem;line-height:1.65}.contact-panel__action .button:hover{border-color:var(--foam);color:var(--foam)}.site-footer{background:var(--green);color:var(--foam);border-top:1px solid #f6f1e92e;padding-block:2.5rem}.site-footer__grid{grid-template-columns:auto minmax(220px,1fr) auto auto auto;align-items:center;gap:2rem;display:grid}.site-footer p,.site-footer a:not(.brand){opacity:.72;margin:0;font-size:.74rem;line-height:1.5}.site-footer nav{gap:1rem;display:flex}.site-footer nav a,.site-footer__email{text-decoration:none}.site-footer a:hover{opacity:1}@keyframes section-reveal{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.hero .reveal{animation:.76s cubic-bezier(.2,.7,.2,1) both section-reveal}.hero .reveal--delay{animation-delay:.12s}}@media (max-width:1260px){:root{--shell:min(90vw, 1680px)}.hero h1{font-size:clamp(3rem,4.25vw,4.4rem)}.story-grid{gap:4rem}.site-footer__grid{grid-template-columns:auto 1fr auto}.site-footer nav{display:none}}@media (max-width:1100px){.hero__grid{grid-template-columns:1fr;gap:3.5rem;padding-block:5rem}.hero h1{font-size:clamp(3.5rem,8vw,6rem)}.hero__copy{max-width:820px}.hero__media{aspect-ratio:1.45}.story-section{min-height:auto}.story-grid,.story-grid--media-first,.story-grid--copy-first{grid-template-columns:1fr}.story-grid--copy-first>:last-child{grid-row:1}.story-media{aspect-ratio:1.45}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-panel{grid-template-columns:auto 1fr}.contact-panel__action{grid-column:2}}@media (max-width:840px){:root{--header-height:68px;--shell:88vw}.desktop-nav{display:none}.mobile-nav{display:block}.projects-section__head{grid-template-columns:1fr}.projects-section__head>p{max-width:50ch}.site-footer__grid{grid-template-columns:1fr 1fr}.site-footer__grid>p:first-of-type{grid-column:1/-1}}@media (max-width:640px){:root{--shell:89vw}.brand__name{font-size:1.2rem}.hero__grid{gap:3rem;padding-block:4rem 5rem}.hero h1{font-size:clamp(2.75rem,13vw,4.4rem)}.hero h1 span{display:inline}.hero h1 span:after{content:" "}.hero__lead{font-size:1rem}.button-row{grid-template-columns:1fr;display:grid}.button{width:100%}.hero__note{align-items:flex-start}.hero__media,.story-media{aspect-ratio:4/3;border-radius:0}.story-section{padding-block:5.5rem}.story-grid{gap:3rem}.story-copy h2,.projects-section h2{font-size:clamp(2.35rem,11vw,3.5rem)}.principles--three,.principles--four{grid-template-columns:1fr}.principles article,.principles--four article{border-top:1px solid #27463738;border-left:0;padding:1.25rem 0}.story-section--hardware .principles article{border-color:#f6f1e938}.projects-grid{grid-template-columns:1fr}.project-card{min-height:270px}.contact-panel{grid-template-columns:1fr;gap:2rem;padding:2rem}.contact-panel__mark{width:62px;height:75px}.contact-panel__mark img{width:62px}.contact-panel__action{grid-column:1}.site-footer__grid{grid-template-columns:1fr;align-items:start}.site-footer__grid>p:first-of-type{grid-column:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}