*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{min-width:320px;-webkit-text-size-adjust:100%}body{min-height:100vh}img{max-width:100%}#root{min-height:100vh}:root{--cream: #efe6d4;--cream-deep: #e7dcc5;--ink: #171410;--blue: #1c2a6e;--orange: #ff5a22;--ink-soft: rgba(23, 20, 16, .68);--ink-faint: rgba(23, 20, 16, .14);--shadow: 6px 6px 0 var(--blue);--shadow-tight: 3px 3px 0 var(--blue);--display: "Bricolage Grotesque", "Instrument Sans", system-ui, sans-serif;--body: "Instrument Sans", system-ui, -apple-system, sans-serif;--edge: 2px solid var(--ink);--container: 880px}html{background:var(--cream);scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:var(--body);font-size:16.5px;line-height:1.5;-webkit-font-smoothing:antialiased}::selection{background:var(--orange);color:var(--ink)}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.app{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px;flex:1}.ink-halftone,.ink-grain{position:fixed;inset:0;z-index:100;pointer-events:none}.ink-halftone{background-image:radial-gradient(circle,rgba(28,42,110,.32) .7px,transparent .8px);background-size:5px 5px;opacity:.42;mix-blend-mode:multiply}.ink-grain{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.06;mix-blend-mode:multiply}.nav{position:sticky;top:0;z-index:50;background:var(--blue);color:var(--cream);border-bottom:var(--edge)}.nav-inner{max-width:var(--container);margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.nav-brand{font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:-.035em;color:var(--cream);text-decoration:none}.nav-brand span{color:var(--orange)}.nav-right{display:flex;align-items:center;gap:22px}.nav-links{display:flex;gap:20px}.nav-link{font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--cream);text-decoration:none;padding-bottom:2px;border-bottom:2px solid transparent;transition:border-color .15s ease}.nav-link:hover{border-bottom-color:var(--orange)}.lang-switch{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--cream);border:2px solid rgba(239,230,212,.5);padding:4px 9px;transition:border-color .15s ease,background .15s ease}.lang-switch:hover{border-color:var(--orange);background:#ff5a2229}.lang-on{color:var(--orange)}.lang-sep{opacity:.45}.lang-off{opacity:.75}.home>*+*{margin-top:88px}.hero{display:grid;grid-template-columns:1fr 224px;gap:44px;align-items:center;padding-top:72px}.kicker{display:inline-block;background:var(--ink);color:var(--cream);font-size:11.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;padding:5px 11px}.hero-title{position:relative;margin-top:18px;font-family:var(--display);font-weight:800;font-size:clamp(52px,10.5vw,104px);line-height:.85;letter-spacing:-.05em;color:var(--blue);text-wrap:balance}.hero-title-ghost{position:absolute;inset:0;z-index:-1;color:var(--orange);mix-blend-mode:multiply;transform:translate(5px,5px)}.hero-lede{margin-top:24px;max-width:38ch;font-size:17.5px;font-weight:500;line-height:1.45}.button{display:inline-flex;align-items:center;gap:10px;margin-top:28px;background:var(--orange);color:var(--ink);border:var(--edge);box-shadow:var(--shadow);font-family:var(--body);font-size:15.5px;font-weight:700;text-decoration:none;padding:12px 22px;transition:transform .14s ease,box-shadow .14s ease}.button:hover{transform:translate(3px,3px);box-shadow:var(--shadow-tight)}.button-arrow{width:17px;height:17px}.hero-portrait{position:relative}.hero-portrait img{display:block;width:100%;height:auto;border:var(--edge);filter:grayscale(1) contrast(1.28) brightness(.98)}.hero-portrait:after{content:"";position:absolute;inset:2px;background:var(--blue);mix-blend-mode:color;opacity:.92;pointer-events:none}.hero-stamp{position:absolute;bottom:-15px;left:-16px;z-index:2;background:var(--cream);border:var(--edge);font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:5px 10px;transform:rotate(-4deg)}.section{scroll-margin-top:86px}.section-title{display:inline-block;background:var(--blue);color:var(--cream);font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:.02em;text-transform:uppercase;padding:5px 13px}.section-lead{margin-top:18px;max-width:46ch;font-size:16.5px;color:var(--ink-soft)}.cards{display:grid;gap:16px;margin-top:24px}.card{display:grid;grid-template-columns:58px 1fr auto;gap:18px;align-items:center;padding:17px 19px;background:var(--cream);border:var(--edge);box-shadow:var(--shadow);color:var(--ink);text-decoration:none;transition:transform .14s ease,box-shadow .14s ease}a.card:hover{transform:translate(3px,3px);box-shadow:var(--shadow-tight)}.card--soon{border-style:dashed;box-shadow:6px 6px #1c2a6e47}.card-glyph{display:grid;place-items:center;width:58px;height:58px;border:var(--edge);font-family:var(--display);font-weight:800;font-size:21px;letter-spacing:-.03em}.card-glyph--blue{background:var(--blue);color:var(--cream)}.card-glyph--orange{background:var(--orange);color:var(--ink)}.card-body{display:block;min-width:0}.card-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px}.card-name{font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:-.03em}.card-kind{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);border:1.5px solid var(--ink-faint);padding:2px 6px}.card-desc{display:block;margin-top:3px;font-size:15px;color:var(--ink-soft)}.card-status{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;background:var(--blue);color:var(--cream);border:var(--edge);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 9px}.card-status--soon{background:transparent;color:var(--ink);border-style:dashed}.card-arrow{width:13px;height:13px}.statement{margin-top:26px;font-family:var(--display);font-weight:800;font-size:clamp(34px,6.2vw,62px);line-height:.98;letter-spacing:-.045em;color:var(--blue)}.statement-line{display:block}.statement-line.accent{color:var(--orange)}.statement-note{margin-top:22px;max-width:40ch;font-size:17px;font-weight:500;border-left:3px solid var(--orange);padding-left:14px}.follow-card{display:grid;grid-template-columns:46px 1fr auto;gap:18px;align-items:center;padding:15px 19px;background:var(--cream);border:var(--edge);box-shadow:var(--shadow);color:var(--ink);text-decoration:none;transition:transform .14s ease,box-shadow .14s ease}a.follow-card:hover{transform:translate(3px,3px);box-shadow:var(--shadow-tight)}.follow-card--soon{border-style:dashed;box-shadow:6px 6px #1c2a6e47}.follow-icon{display:grid;place-items:center;width:46px;height:46px;border:var(--edge);background:var(--ink);color:var(--cream)}.follow-icon svg{width:20px;height:20px}.follow-handle{display:block;font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:-.02em}.follow-desc{display:block;margin-top:2px;font-size:14.5px;color:var(--ink-soft)}.follow-badge{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:2px dashed var(--ink);padding:5px 9px}.follow-arrow{width:20px;height:20px;color:var(--blue)}.footer{margin-top:96px;border-top:var(--edge);background:var(--cream-deep)}.footer-inner{max-width:var(--container);margin:0 auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:13.5px;font-weight:600}.footer-x{display:inline-flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;border-bottom:2px solid transparent;transition:border-color .15s ease}.footer-x:hover{border-bottom-color:var(--orange)}.footer-x-icon{width:14px;height:14px}.footer-domain{color:var(--ink-soft)}.hero-text,.hero-portrait,.section{animation:rise .55s cubic-bezier(.2,.7,.3,1) both}.hero-portrait{animation-delay:.08s}#projects{animation-delay:.14s}#what-i-do{animation-delay:.2s}#follow{animation-delay:.26s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:760px){.hero{grid-template-columns:1fr;gap:34px;padding-top:52px}.hero-portrait{max-width:210px}.home>*+*{margin-top:68px}.card,.follow-card{grid-template-columns:46px 1fr;grid-template-areas:"glyph body" "status status";gap:14px}.card-glyph,.follow-icon{grid-area:glyph}.card-body,.follow-body{grid-area:body}.card-status,.follow-badge{grid-area:status;justify-self:start}.card-glyph{width:46px;height:46px;font-size:17px}.follow-arrow{display:none}.nav-inner{flex-wrap:wrap;gap:12px}.nav-right{width:100%;justify-content:space-between}.section{scroll-margin-top:118px}}@media(max-width:420px){.nav-links{gap:14px}.nav-link{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}