:root{--paper:#e9e5da;--paper-2:#dfdacb;--ink:#101010;--ink-soft:#55514a;--accent:#ff3b00;--font-display:"Archivo", "Arial Narrow", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--text-xs:clamp(.64rem, .61rem + .15vw, .72rem);--text-sm:clamp(.78rem, .74rem + .2vw, .9rem);--text-base:clamp(1rem, .94rem + .3vw, 1.18rem);--text-lg:clamp(1.2rem, 1.08rem + .6vw, 1.6rem);--text-xl:clamp(1.6rem, 1.36rem + 1.2vw, 2.6rem);--text-2xl:clamp(2.2rem, 1.7rem + 2.5vw, 4.2rem);--text-row:clamp(1.9rem, 1.1rem + 3.8vw, 4.6rem);--text-hero:clamp(3.2rem, .5rem + 13vw, 13rem);--space-2xs:clamp(.5rem, .46rem + .22vw, .63rem);--space-xs:clamp(.75rem, .68rem + .33vw, .94rem);--space-s:clamp(1rem, .91rem + .43vw, 1.25rem);--space-m:clamp(1.5rem, 1.37rem + .65vw, 1.88rem);--space-l:clamp(2rem, 1.83rem + .87vw, 2.5rem);--space-xl:clamp(3rem, 2.74rem + 1.3vw, 3.75rem);--space-2xl:clamp(4rem, 3.65rem + 1.74vw, 5rem);--space-3xl:clamp(6rem, 5.48rem + 2.61vw, 8rem);--gutter:clamp(1rem, 4vw, 4rem);--rule:2px;--rule-heavy:4px;--ease-snap:cubic-bezier(.85, 0, .15, 1);--ease-out:cubic-bezier(.23, 1, .32, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--paper);color:var(--ink);font-family:var(--font-display);font-size:var(--text-base);font-variation-settings:"wdth" 100, "wght" 400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55;overflow-x:hidden}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}a{color:inherit}::selection{background:var(--accent);color:var(--ink)}:focus-visible{outline:var(--rule) solid var(--accent);outline-offset:3px}.mono{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase}.overline{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}h1,h2,h3{text-wrap:balance;font-weight:400}p{text-wrap:pretty}.nav{z-index:100;justify-content:space-between;align-items:center;gap:var(--space-s);padding:var(--space-xs) var(--gutter);background:var(--paper);border-bottom:var(--rule) solid var(--ink);display:flex;position:fixed;top:0;left:0;right:0}.nav__mark{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;font-weight:700}.nav__links{gap:clamp(.75rem,2.5vw,2rem);display:flex}.nav__link{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;padding-bottom:2px;text-decoration:none;position:relative}.nav__link:after{content:"";width:100%;height:var(--rule);background:var(--accent);transform-origin:100%;transition:transform .35s var(--ease-snap);position:absolute;bottom:0;left:0;transform:scaleX(0)}@media (hover:hover){.nav__link:hover:after{transform-origin:0;transform:scaleX(1)}}.nav__link:focus-visible:after{transform:scaleX(1)}.hero{min-height:100svh;padding:calc(var(--space-3xl) + 2rem) var(--gutter) var(--space-l);border-bottom:var(--rule-heavy) solid var(--ink);flex-direction:column;justify-content:flex-end;display:flex}.hero__meta{justify-content:space-between;gap:var(--space-xs);padding-bottom:var(--space-s);flex-wrap:wrap;display:flex}.hero__name{font-size:var(--text-hero);font-variation-settings:"wdth" 68, "wght" 900;letter-spacing:-.02em;text-transform:uppercase;line-height:.8}.hero__name span{display:block}.hero__name span:last-child{color:var(--accent)}.hero__foot{gap:var(--space-m);margin-top:var(--space-l);padding-top:var(--space-s);border-top:var(--rule) solid var(--ink);grid-template-columns:1fr;display:grid}@media (width>=60rem){.hero__foot{grid-template-columns:1.4fr 1fr;align-items:end}}.hero__line{font-size:var(--text-lg);font-variation-settings:"wdth" 100, "wght" 400;max-width:34ch;line-height:1.25}.hero__scroll{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;border-bottom:var(--rule) solid var(--ink);justify-self:start;align-items:center;gap:.5rem;padding-bottom:4px;text-decoration:none;display:inline-flex}@media (width>=60rem){.hero__scroll{justify-self:end}}.hero__scroll svg{transition:transform .3s var(--ease-out)}@media (hover:hover){.hero__scroll:hover svg{transform:translateY(3px)}}.work{padding-top:var(--space-2xl)}.featured__label{padding:var(--space-s) var(--gutter) var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.6rem;font-weight:700;display:flex}.featured__label:before{content:"";background:var(--accent);flex:none;width:.55rem;height:.55rem}.row__live{color:var(--accent);font-weight:700}@media (hover:hover){.row:hover .row__live{color:var(--ink)}}.row:focus-visible .row__live{color:var(--ink)}.group__head{justify-content:space-between;align-items:baseline;gap:var(--space-2xs);padding:var(--space-m) var(--gutter) var(--space-2xs);flex-wrap:wrap;display:flex}.group__label{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.2em;text-transform:uppercase;font-weight:700}.group__note{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-soft);max-width:46ch}.group__rows{border-top:var(--rule) solid var(--ink)}.row{text-align:left;border-bottom:var(--rule) solid var(--ink);width:100%;padding:var(--space-m) var(--gutter);transition:color .3s var(--ease-snap);text-decoration:none;display:block;position:relative;overflow:hidden}.row:before{content:"";background:var(--accent);transform-origin:0;transition:transform .45s var(--ease-snap);z-index:0;position:absolute;inset:0;transform:scaleX(0)}.row__inner{z-index:1;gap:var(--space-s) var(--space-m);grid-template-columns:auto 1fr;align-items:baseline;display:grid;position:relative}@media (width>=60rem){.row__inner{grid-template-columns:7rem minmax(0,1fr) minmax(0,1fr) 2rem;align-items:center}}.row__no{font-family:var(--font-display);font-size:var(--text-xl);font-variation-settings:"wdth" 62, "wght" 800;color:var(--ink-soft);transition:color .3s var(--ease-snap), font-variation-settings .45s var(--ease-snap);line-height:1}.row__title{font-size:var(--text-row);font-variation-settings:"wdth" 74, "wght" 800;letter-spacing:-.02em;text-transform:uppercase;transition:font-variation-settings .45s var(--ease-snap);grid-column:1/-1;line-height:.92}@media (width>=60rem){.row__title{grid-column:auto}}.row__blurb{color:var(--ink-soft);font-size:var(--text-sm);max-width:46ch;transition:color .3s var(--ease-snap);grid-column:1/-1;line-height:1.45}@media (width>=60rem){.row__blurb{grid-column:auto}}.row__tags{margin-top:var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);transition:color .3s var(--ease-snap);flex-wrap:wrap;gap:.4rem .75rem;display:flex}.row__arrow{transition:transform .4s var(--ease-out);display:none}@media (width>=60rem){.row__arrow{justify-self:end;display:block}}@media (hover:hover){.row:hover:before,.row:focus-visible:before{transform:scaleX(1)}.row:hover .row__no,.row:hover .row__blurb,.row:hover .row__tags{color:var(--ink)}.row:hover .row__no{font-variation-settings:"wdth" 125, "wght" 900}.row:hover .row__title{font-variation-settings:"wdth" 74, "wght" 900}.row:hover .row__arrow{transform:translate(8px)}}.row:focus-visible{outline-offset:-6px}.row:focus-visible:before{transform:scaleX(1)}.row:focus-visible .row__no,.row:focus-visible .row__blurb,.row:focus-visible .row__tags{color:var(--ink)}@media (prefers-reduced-motion:reduce){.row__no,.row__title{transition:none}}.about{background:var(--paper-2);border-bottom:var(--rule-heavy) solid var(--ink);padding:var(--space-3xl) var(--gutter)}.about__grid{gap:var(--space-xl);grid-template-columns:1fr;display:grid}@media (width>=60rem){.about__grid{gap:var(--space-3xl);grid-template-columns:1.5fr 1fr}}.about__lead{font-size:var(--text-2xl);font-variation-settings:"wdth" 76, "wght" 800;letter-spacing:-.025em;text-transform:uppercase;max-width:16ch;margin-bottom:var(--space-l);line-height:.9}.about__lead em{color:var(--accent);font-style:normal}.about__body p{font-size:var(--text-base);font-variation-settings:"wdth" 100, "wght" 400;max-width:46ch;line-height:1.5}.about__body p+p{margin-top:var(--space-m)}.about__body strong{font-variation-settings:"wdth" 100, "wght" 700;font-weight:400}.stack__block+.stack__block{margin-top:var(--space-m);padding-top:var(--space-s);border-top:var(--rule) solid var(--ink)}.stack__label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:var(--space-2xs)}.stack__items{font-family:var(--font-mono);font-size:var(--text-sm);flex-wrap:wrap;gap:.35rem .9rem;display:flex}.contact{background:var(--ink);color:var(--paper);padding:var(--space-3xl) var(--gutter) var(--space-2xl)}.contact__head{font-size:var(--text-2xl);font-variation-settings:"wdth" 80, "wght" 800;letter-spacing:-.02em;text-transform:uppercase;max-width:18ch;line-height:.95}.contact__mail{margin-top:var(--space-l);font-variation-settings:"wdth" 90, "wght" 600;color:var(--accent);border-bottom:var(--rule-heavy) solid transparent;transition:border-color .3s var(--ease-snap);word-break:break-all;font-size:clamp(1.1rem,.6rem + 2.4vw,2.6rem);text-decoration:none;display:inline-block}@media (hover:hover){.contact__mail:hover{border-bottom-color:var(--accent)}}.contact__mail:focus-visible{border-bottom-color:var(--accent)}.contact__links{gap:var(--space-m);margin-top:var(--space-xl);padding-top:var(--space-s);border-top:var(--rule) solid #e9e5da40;flex-wrap:wrap;display:flex}.contact__link{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;padding-bottom:3px;text-decoration:none;position:relative}.contact__link:after{content:"";width:100%;height:var(--rule);background:var(--accent);transform-origin:100%;transition:transform .35s var(--ease-snap);position:absolute;bottom:0;left:0;transform:scaleX(0)}@media (hover:hover){.contact__link:hover:after{transform-origin:0;transform:scaleX(1)}}.contact__link:focus-visible:after{transform:scaleX(1)}.footer{background:var(--ink);color:var(--ink-soft);padding:0 var(--gutter) var(--space-l);justify-content:space-between;gap:var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;display:flex}.project{padding-top:calc(var(--space-2xl) + 1rem)}.back{margin:0 var(--gutter) var(--space-l);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.6rem;display:inline-flex}.back svg{transition:transform .3s var(--ease-out)}@media (hover:hover){.back:hover svg{transform:translate(-5px)}}.project__head{padding:0 var(--gutter) var(--space-l);border-bottom:var(--rule-heavy) solid var(--ink)}.project__no{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.2em;color:var(--ink-soft)}.project__title{font-size:var(--text-2xl);font-variation-settings:"wdth" 72, "wght" 900;letter-spacing:-.025em;text-transform:uppercase;margin:var(--space-2xs) 0 var(--space-s);line-height:.86}.project__blurb{font-size:var(--text-lg);max-width:32ch;color:var(--ink-soft);line-height:1.3}.project__body{gap:var(--space-xl);padding:var(--space-xl) var(--gutter) var(--space-3xl);grid-template-columns:1fr;display:grid}@media (width>=60rem){.project__body{gap:var(--space-3xl);grid-template-columns:1.6fr 1fr}}.project__summary{font-size:var(--text-lg);max-width:42ch;line-height:1.4}.project__notes{margin-top:var(--space-l);border-top:var(--rule) solid var(--ink);list-style:none}.project__notes li{gap:var(--space-s);padding:var(--space-s) 0;border-bottom:var(--rule) solid var(--ink);font-size:var(--text-base);grid-template-columns:2.5rem 1fr;line-height:1.45;display:grid}.project__notes li:before{content:counter(note, decimal-leading-zero);counter-increment:note;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;color:var(--ink-soft);padding-top:.35em}.project__notes{counter-reset:note}.project__aside{font-family:var(--font-mono);font-size:var(--text-xs)}.aside__block+.aside__block{margin-top:var(--space-m);padding-top:var(--space-s);border-top:var(--rule) solid var(--ink)}.aside__label{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:var(--space-2xs)}.aside__link{font-size:var(--text-sm);border-bottom:var(--rule) solid var(--ink);word-break:break-word;transition:color .25s var(--ease-snap), border-color .25s var(--ease-snap);align-items:center;gap:.5rem;padding-bottom:3px;text-decoration:none;display:inline-flex}@media (hover:hover){.aside__link:hover{color:var(--accent);border-bottom-color:var(--accent)}}.wipe{z-index:9999;background:var(--accent);transform-origin:bottom;pointer-events:none;position:fixed;inset:0;transform:scaleY(0)}.wipe.is-in{animation:wipeIn .4s var(--ease-snap) forwards}.wipe.is-out{transform-origin:top;animation:wipeOut .4s var(--ease-snap) forwards}@keyframes wipeIn{to{transform:scaleY(1)}}@keyframes wipeOut{0%{transform:scaleY(1)}to{transform:scaleY(0)}}.reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(1.5rem)}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}