@layer tokens,base,layout,components,utilities;@layer tokens{:root{--paper: #f4f1ea;--paper-deep: #ebe7dc;--ink: #141414;--muted: #6b675e;--accent: #2b3ff2;--accent-ink: #ffffff;--hairline: rgba(20, 20, 20, .18);--font-display: "Archivo Black", "Archivo", sans-serif;--font-body: "Archivo", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-giant: clamp(3.25rem, 11.5vw, 8.5rem);--text-h1: clamp(2.25rem, 6vw, 4.5rem);--text-h2: clamp(1.75rem, 4vw, 3rem);--text-h3: clamp(1.15rem, 2vw, 1.5rem);--text-body: clamp(1rem, .95rem + .25vw, 1.125rem);--text-small: .875rem;--text-label: .75rem;--space-section: clamp(5rem, 12vw, 9rem);--space-block: clamp(2rem, 5vw, 3.5rem);--gutter: clamp(1.25rem, 4vw, 3rem);--max-width: 78rem}}@layer base{*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--text-body);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:.95;letter-spacing:-.02em;text-transform:uppercase;margin:0;overflow-wrap:break-word}p{margin:0 0 1em;max-width:62ch}a{color:inherit;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:3px}a:hover{color:var(--accent)}img{max-width:100%;display:block}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--accent-ink)}}@layer layout{.wrap{max-width:var(--max-width);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:calc(var(--space-section) / 2)}.section__head{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:1rem;border-top:2px solid var(--ink);padding-top:1rem;margin-bottom:var(--space-block)}.section__index{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.15em;color:var(--accent)}.section__title{font-size:var(--text-h2)}.section__head--sub{margin-top:var(--space-block)}.section__title--sub{font-size:var(--text-h3)}.skip-link{position:absolute;left:-100vw;top:0;background:var(--ink);color:var(--paper);padding:.75rem 1.25rem;z-index:100;font-family:var(--font-mono);font-size:var(--text-small)}.skip-link:focus{left:0}}@layer components{.site-header{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--hairline)}.site-header__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding-block:.85rem}.site-nav{flex-wrap:wrap}.brand{font-family:var(--font-display);font-size:1.05rem;text-transform:uppercase;text-decoration:none;letter-spacing:.02em}.brand__dot{color:var(--accent)}.site-nav{display:flex;align-items:center;gap:clamp(.75rem,2.5vw,1.75rem);font-family:var(--font-mono);font-size:var(--text-small)}.site-nav a{text-decoration:none}.site-nav a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:var(--text-small);text-decoration:none;border:2px solid var(--ink);padding:.55rem 1.1rem;background:transparent;color:var(--ink);cursor:pointer;transition:background .15s ease,color .15s ease}.btn:hover{background:var(--ink);color:var(--paper)}.btn--accent{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--accent:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn .arrow{transition:translate .15s ease}.btn:hover .arrow{translate:4px 0}.hero{padding-block:clamp(3rem,8vw,6rem) clamp(3rem,7vw,5rem)}.hero__kicker{font-family:var(--font-mono);font-size:var(--text-small);color:var(--muted);margin-bottom:1.25rem}.hero__name{font-size:var(--text-giant)}.hero__name .line{display:block}.hero__name .accent-dot{color:var(--accent)}.hero__grid{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--space-block);align-items:end;margin-top:var(--space-block)}.hero__pitch{font-size:var(--text-h3);font-family:var(--font-body);font-weight:500;line-height:1.4;max-width:32ch}.hero__pitch strong{color:var(--accent);font-weight:600}.hero__portrait{justify-self:end;margin:0;width:min(100%,18rem);border:2px solid var(--ink);box-shadow:10px 10px 0 var(--accent)}.hero__portrait img{width:100%;aspect-ratio:4 / 5;object-fit:cover}.facts,.case-facts{display:grid;gap:1.25rem 1.5rem;margin:var(--space-block) 0 0;padding-top:1.5rem;border-top:1px solid var(--hairline)}.facts{grid-template-columns:repeat(4,1fr)}.case-facts{grid-template-columns:repeat(3,1fr);margin:0 0 var(--space-block)}.facts div,.case-facts div{display:grid;gap:.35rem;align-content:start;padding-left:1.25rem;border-left:1px solid var(--hairline)}.facts div:first-child,.case-facts div:first-child,.case-facts div:nth-child(3n+1){padding-left:0;border-left:0}.facts dt,.case-facts dt{font-size:.8rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.facts dd,.case-facts dd{margin:0;font-weight:600}.facts .status-dot{color:var(--accent)}.work-index{list-style:none;margin:0;padding:0}.work-row{display:grid;grid-template-columns:6rem minmax(0,1fr) 15rem;gap:clamp(1rem,3vw,2.5rem);padding-block:clamp(1.75rem,4vw,2.75rem);border-top:1px solid var(--hairline)}.work-row:last-child{border-bottom:1px solid var(--hairline)}.work-row--sub{border-top-style:dashed}.work-row--sub .work-row__num{padding-inline-start:1.25rem;border-inline-start:2px solid var(--accent)}.work-row__num{font-family:var(--font-display);font-size:var(--text-h3);line-height:1;color:var(--accent);margin:0}.work-row__title{font-size:var(--text-h3);margin:0 0 .5rem}.work-row__title a{color:inherit;text-decoration:none;background-image:linear-gradient(var(--accent),var(--accent));background-size:0% 2px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .2s ease}.work-row__title a:hover,.work-row__title a:focus-visible{color:var(--accent);background-size:100% 2px}.work-row__tagline{color:var(--muted);margin:0 0 .75rem;max-width:46ch}.work-row__relation{font-family:var(--font-mono);font-size:var(--text-small);color:var(--muted);margin:0 0 .75rem}.work-row__meta{font-family:var(--font-mono);font-size:var(--text-small)}.work-row__year{color:var(--muted);margin:0 0 .35rem}.work-row__note{color:var(--muted);font-size:var(--text-label);line-height:1.5;margin:.35rem 0 0;max-width:28ch}.work-row__links{list-style:none;margin:.9rem 0 0;padding:0;display:grid;gap:.3rem;justify-items:start}.status{display:inline-flex;align-items:baseline;gap:.4rem;font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.12em;text-transform:uppercase;margin:0}.status--shipped{color:var(--ink)}.status--in-progress{color:var(--accent)}.status__dot{font-size:.7em}@media(prefers-reduced-motion:no-preference){.status--in-progress .status__dot{animation:status-pulse 2.4s ease-in-out infinite}}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.35}}.case-links{display:flex;flex-wrap:wrap;gap:.75rem}.case-facts__note{display:block;color:var(--muted);font-size:var(--text-label);line-height:1.5;margin-top:.35rem}.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.tag{font-family:var(--font-mono);font-size:var(--text-label);border:1px solid var(--hairline);padding:.2rem .6rem;white-space:nowrap;font-variant-ligatures:none}.tag--key{border-color:var(--accent);color:var(--accent)}.entries{display:grid;gap:0}.entry{display:grid;grid-template-columns:10rem 1fr;gap:1.5rem;padding-block:1.75rem;border-top:1px solid var(--hairline)}.entry:first-child{border-top:0}.entry__when{font-family:var(--font-mono);font-size:var(--text-small);color:var(--muted);padding-top:.3rem}.entry__role{font-family:var(--font-body);font-weight:700;font-size:1.15rem;text-transform:none;letter-spacing:0;line-height:1.3}.entry__org{font-family:var(--font-mono);font-size:var(--text-small);color:var(--accent);margin-block:.25rem .75rem}.entry__points li{position:relative;padding-left:1.25rem;margin-bottom:.5rem;max-width:62ch}.entry__points li:before{content:"—";position:absolute;left:0;color:var(--accent)}.skill-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-block) clamp(2.5rem,5vw,5rem)}.skill-group h3{font-size:1.05rem;letter-spacing:.04em;margin-bottom:.75rem}.skill-group p{margin:0;max-width:none;line-height:1.7}.certs{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem}.cert{border:1px solid var(--hairline);padding:1.25rem;display:grid;gap:.25rem}.cert__name{font-weight:700}.cert__issuer{font-family:var(--font-mono);font-size:var(--text-label);color:var(--muted)}.cert--badge{border:2px solid var(--accent)}.cert--badge .cert__issuer{color:var(--accent)}a.cert{text-decoration:none;transition:box-shadow .2s ease,translate .2s ease}a.cert:hover{color:inherit;box-shadow:6px 6px 0 var(--accent);translate:-2px -2px}.cert__verify{margin-top:.4rem;font-size:var(--text-small);font-weight:600;color:var(--accent)}.about{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--space-block);align-items:start}.about__lede{font-size:var(--text-h3);font-family:var(--font-body);font-weight:500;line-height:1.45}.next-card{border:2px solid var(--ink);box-shadow:8px 8px 0 var(--accent);padding:1.5rem;max-width:22rem;justify-self:end;display:grid;gap:.35rem}.next-card__label{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:.4rem}.next-card__title{font-size:1.15rem;line-height:1.15}.next-card__org{font-weight:600;font-size:var(--text-small)}.next-card__when{font-family:var(--font-mono);font-size:var(--text-small);color:var(--muted)}.contact{background:var(--ink);color:var(--paper);padding-block:var(--space-section) calc(var(--space-section) / 2)}.contact__title{font-size:var(--text-giant);margin-bottom:var(--space-block)}.contact__title .accent-dot{color:var(--accent)}.contact__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:var(--space-block)}.contact .btn{border-color:var(--paper);color:var(--paper)}.contact .btn:hover{background:var(--paper);color:var(--ink)}.contact .btn--accent{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.contact .btn--accent:hover{background:var(--paper);border-color:var(--paper);color:var(--ink)}.contact__meta{display:flex;flex-wrap:wrap;gap:.5rem 2rem;border-top:1px solid rgba(244,241,234,.25);padding-top:1.25rem;font-family:var(--font-mono);font-size:var(--text-label);color:#f4f1ea99}.contact__meta a{color:inherit}.contact__meta a:hover{color:var(--paper)}.case-header{padding-block:clamp(3rem,7vw,5rem) 0}.case-header__back{font-family:var(--font-mono);font-size:var(--text-small);text-decoration:none;color:var(--muted)}.case-header__back:hover{color:var(--accent)}.case-header__title{font-size:var(--text-h1);margin-block:1rem 1.25rem}.case-header__tagline{font-size:var(--text-h3);font-family:var(--font-body);font-weight:500;line-height:1.4;max-width:40ch;margin-bottom:1.5rem}.case-media{border:2px solid var(--ink);background:var(--paper-deep);margin-bottom:var(--space-block)}.case-gallery{display:grid;grid-template-columns:repeat(var(--shots, 1),1fr);gap:1.5rem;margin-bottom:var(--space-block)}.case-shot{margin:0}.case-shot img{width:100%;height:auto;display:block;border:2px solid var(--ink);background:var(--paper-deep)}.case-shot figcaption{margin-top:.6rem;font-family:var(--font-mono);font-size:var(--text-label);color:var(--muted)}.case-media__video{width:100%;aspect-ratio:16 / 9;border:0;display:block}.case-body{max-width:44rem;padding-bottom:var(--space-section)}.case-body h2{font-size:var(--text-h3);border-top:2px solid var(--ink);padding-top:1rem;margin:var(--space-block) 0 1rem}.case-body h2:before{content:"§ ";color:var(--accent)}.case-body ul{list-style:none;margin-bottom:1em}.case-body ul li{position:relative;padding-left:1.25rem;margin-bottom:.5rem}.case-body ul li:before{content:"—";position:absolute;left:0;color:var(--accent)}.case-nav{display:flex;justify-content:space-between;gap:1rem;border-top:2px solid var(--ink);padding-block:1.5rem var(--space-section);font-family:var(--font-mono);font-size:var(--text-small)}.case-nav a{text-decoration:none}.case-nav a:hover{color:var(--accent)}}@layer utilities{@media(prefers-reduced-motion:no-preference){.js-reveal [data-reveal]{opacity:0;translate:0 18px;transition:opacity .5s ease,translate .5s ease}.js-reveal [data-reveal].is-visible{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(pointer:coarse){.site-nav a,.brand,.work-row__title a,.work-row__links a,.work-row__relation a,.case-links a,.case-header__back,.contact__meta a,.contact__links a{padding-block:.5rem}.work-row__links{gap:1.1rem}}@media(max-width:48rem){.hero__grid,.about{grid-template-columns:1fr}.hero__portrait{justify-self:start}.work-row{grid-template-columns:1fr;gap:.75rem}.work-row--sub{padding-inline-start:1rem;border-inline-start:2px solid var(--accent)}.work-row--sub .work-row__num{padding-inline-start:0;border-inline-start:0}.work-row__note{max-width:none}.entry{grid-template-columns:1fr;gap:.5rem}.skill-cols{grid-template-columns:1fr;gap:1.75rem}.next-card{justify-self:start}.facts{grid-template-columns:repeat(2,1fr)}.facts div:nth-child(odd){padding-left:0;border-left:0}.case-facts{grid-template-columns:1fr}.case-facts div{padding-left:0;border-left:0}.case-gallery{grid-template-columns:1fr}}@media(max-width:34rem){.site-nav .nav-link--sm-hide{display:none}.site-nav{gap:.75rem;font-size:var(--text-label)}.brand{font-size:.9rem}.site-header .btn{padding:.4rem .7rem;border-width:1px}}@media print{@page{size:A4;margin:14mm}.site-header,.contact__actions,.work-row__links,.case-header__back,.case-nav{display:none!important}.entry,.work-row,.cert,.section__head{break-inside:avoid}body{background:#fff;color:#000}.contact{background:#fff;color:#000;padding-block:1rem}.hero__portrait{box-shadow:none}a{text-decoration:none}.section{padding-block:1rem}}}