:root{color-scheme:light; --seed-obsidian:#0F1012; --seed-slate:#353A40; --seed-ceramic:#F6F5F5; --seed-teal:#7EBAB5; --surface-obsidian:var(--seed-obsidian); --surface-slate:var(--seed-slate); --surface-ceramic:var(--seed-ceramic); --surface-teal:var(--seed-teal); --surface-ceramic-raised:color-mix(in oklch,var(--seed-ceramic) 92%,var(--seed-slate)); --graphite-950:#171a18; --graphite-900:#20231f; --graphite-800:#30332e; --graphite-600:#5b6472; --graphite-500:#7a8494; --graphite-400:#9aa3b2; --graphite-200:#dfe3ea; --paper-100:#f3f0e8; --paper-110:#fdfbf7; --paper-200:#e8e3d8; --concrete-300:#c8c5bb; --concrete-500:#8e9188; --olive-500:#737c4c; --olive-300:#a9b47a; --arch-500:#3f8795; --arch-300:#76aeb5; --arch-600:#154e5c; --acid-500:#b6d448; --ink:var(--graphite-950); --ink-muted:#3d4239; --surface:var(--paper-100); --surface-raised:#faf7ef; --rule:color-mix(in srgb,var(--graphite-950) 24%,transparent); --precision-rule:color-mix(in srgb,var(--ink) 18%,transparent); --precision-rule-strong:color-mix(in srgb,var(--ink) 36%,transparent); --column-rule:1px solid var(--precision-rule); --eyebrow-line:1.125rem; --eyebrow-ink:var(--arch-600); --link-ink:var(--arch-600); --font-display:"Space Grotesk","Avenir Next","Helvetica Neue",sans-serif; --font-reading:"Inter","Avenir Next","Helvetica Neue",sans-serif; --font-meta:"JetBrains Mono","SFMono-Regular",Consolas,monospace; --type-display:var(--font-display); --type-reading:var(--font-reading); --type-mono:var(--font-meta); --step--1:clamp(0.75rem, 0.71rem + 0.16vw, 0.84rem); --step-0:clamp(0.96rem, 0.9rem + 0.25vw, 1.08rem); --step-1:clamp(1.18rem, 1.07rem + 0.48vw, 1.42rem); --step-2:clamp(1.48rem, 1.25rem + 0.93vw, 1.95rem); --step-3:clamp(1.88rem, 1.48rem + 1.63vw, 2.7rem); --step-4:clamp(2.45rem, 1.73rem + 2.9vw, 3.9rem); --type-statement:clamp(4rem, 12vw, 11rem); --tracking-tight:-0.04em; --space-0:0.25rem; --space-1:0.375rem; --space-2:0.625rem; --space-3:1rem; --space-4:1.5rem; --space-5:2.25rem; --space-6:3.5rem; --space-7:5.5rem; --gutter:clamp(1rem, 3vw, 3.75rem); --measure:68ch; --focus-ring:0 0 0 3px var(--surface),0 0 0 6px var(--arch-500); --radius-control:6px; --radius-panel:10px; --radius-studio:12px; --shadow-card:0 1px 0 var(--precision-rule); --elev-1:0 1px 0 var(--precision-rule); --elev-2:0 2px 4px var(--precision-rule); --elev-3:0 4px 12px var(--precision-rule); --shadow-specimen:0.65rem 0.65rem 0 color-mix(in srgb,var(--ink) 14%,transparent); --z-chrome:10; --z-canvas:5; --z-overlay:1; --z-footer:0; --accent:var(--arch-500); --accent-engineering:var(--arch-500); --accent-product:var(--olive-500); --motion-fast:160ms; --motion-normal:220ms; --motion-slow:280ms; --motion-glacial:380ms; --motion-short:120ms; --motion-standard:180ms; --ease-out:cubic-bezier(0.16,1,0.3,1); --ease-in-out:cubic-bezier(0.65,0,0.35,1); --ease-spring:cubic-bezier(0.34,1.56,0.64,1); --family-netweave:#3f8795; --family-sharecli:#c76a3a; --family-omniroute:#457b9d; --family-physical:#b8962e; --family-substrate:#5a7a6e; --family-omlx:#7a6aad; --family-netweave-product:#4ecdc4; --family-sharecli-product:#e07a5f; --family-omniroute-product:#577590; --family-physical-product:#daa520; --family-substrate-product:#6a8f7e; --family-omlx-product:#9a8acd; --family-netweave-ink:#346f7a; --family-sharecli-ink:#9b532d; --family-omniroute-ink:#3c6b89; --family-physical-ink:#7d661f; --family-substrate-ink:#4f6b61; --family-omlx-ink:#6b5d98; --family-netweave-product-ink:#2c7570; --family-sharecli-product-ink:#9d5543; --family-omniroute-product-ink:#4e6982; --family-physical-product-ink:#856514; --family-substrate-product-ink:#526e61; --family-omlx-product-ink:#6d6292; --surface-inset:#e2dfd8; --glass-surface:color-mix(in srgb,var(--surface-raised) 72%,transparent); --glass-border:color-mix(in srgb,var(--ink) 8%,transparent); --glass-highlight:inset 0 1px 0 color-mix(in srgb,var(--surface) 50%,transparent); --structure-line:1px solid var(--precision-rule);} html[data-lens="engineering"]{--accent:var(--accent-engineering); --family-netweave-active:var(--family-netweave); --family-sharecli-active:var(--family-sharecli); --family-omniroute-active:var(--family-omniroute); --family-physical-active:var(--family-physical); --family-substrate-active:var(--family-substrate); --family-omlx-active:var(--family-omlx); --family-netweave-ink-active:var(--family-netweave-ink); --family-sharecli-ink-active:var(--family-sharecli-ink); --family-omniroute-ink-active:var(--family-omniroute-ink); --family-physical-ink-active:var(--family-physical-ink); --family-substrate-ink-active:var(--family-substrate-ink); --family-omlx-ink-active:var(--family-omlx-ink);} html[data-lens="product"]{--accent:var(--accent-product); --family-netweave-active:var(--family-netweave-product); --family-sharecli-active:var(--family-sharecli-product); --family-omniroute-active:var(--family-omniroute-product); --family-physical-active:var(--family-physical-product); --family-substrate-active:var(--family-substrate-product); --family-omlx-active:var(--family-omlx-product); --family-netweave-ink-active:var(--family-netweave-product-ink); --family-sharecli-ink-active:var(--family-sharecli-product-ink); --family-omniroute-ink-active:var(--family-omniroute-product-ink); --family-physical-ink-active:var(--family-physical-product-ink); --family-substrate-ink-active:var(--family-substrate-product-ink); --family-omlx-ink-active:var(--family-omlx-product-ink);} @keyframes page-enter{from{transform:translateY(8px);} to{transform:translateY(0);}} @keyframes page-exit{from{opacity:1;} to{opacity:0;}} @keyframes lens-cross-fade{from{opacity:1;} to{opacity:0;}} @keyframes button-press{from{transform:translateY(0);} to{transform:translateY(1px);}} @keyframes button-release{from{transform:translateY(1px);} to{transform:translateY(0);}} @keyframes toast-slide{from{transform:translateY(-80px); opacity:0;} to{transform:translateY(0); opacity:1;}} @keyframes hover-lift{from{transform:translateY(0);} to{transform:translateY(-1px);}} @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important;}} [data-theme="dark"]{--surface:var(--graphite-950); --surface-raised:var(--graphite-900); --surface-ceramic-raised:var(--graphite-800); --surface-inset:var(--graphite-800); --ink:var(--paper-100); --ink-muted:#b0b5a8; --family-netweave-ink:#7eafb8; --family-sharecli-ink:#d89877; --family-omniroute-ink:#88abc0; --family-physical-ink:#c4a852; --family-substrate-ink:#95aaa2; --family-omlx-ink:#aaa0cb; --family-netweave-product-ink:#4ecdc4; --family-sharecli-product-ink:#e6957f; --family-omniroute-product-ink:#93a7b8; --family-physical-product-ink:#daa520; --family-substrate-product-ink:#94aea2; --family-omlx-product-ink:#afa3d8; --rule:color-mix(in srgb,var(--paper-100) 22%,transparent); --precision-rule:color-mix(in srgb,var(--paper-100) 12%,transparent); --precision-rule-strong:color-mix(in srgb,var(--paper-100) 24%,transparent); --eyebrow-ink:var(--arch-300); --link-ink:var(--arch-300); --focus-ring:0 0 0 3px var(--surface),0 0 0 6px var(--arch-300); --glass-surface:color-mix(in srgb,var(--graphite-800) 65%,transparent); --glass-border:color-mix(in srgb,var(--paper-100) 10%,transparent); --glass-highlight:inset 0 1px 0 color-mix(in srgb,var(--paper-100) 8%,transparent); color-scheme:dark;} [data-theme="dark"] .atelier-header{background:color-mix(in srgb,var(--graphite-950) 82%,transparent); border-bottom-color:color-mix(in srgb,var(--paper-100) 10%,transparent);} [data-theme="dark"] .atelier-header--scrolled{box-shadow:0 1px 0 color-mix(in srgb,var(--paper-100) 6%,transparent),0 4px 24px rgba(0,0,0,0.3); border-bottom-color:color-mix(in srgb,var(--paper-100) 14%,transparent);} [data-theme="dark"] .artifact{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--paper-100) 6%,transparent),0 2px 8px rgba(0,0,0,0.2),0 1px 2px rgba(0,0,0,0.15);} [data-theme="dark"] .artifact:hover{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--paper-100) 8%,transparent),0 12px 32px rgba(0,0,0,0.35),0 4px 8px rgba(0,0,0,0.2),0 1px 3px rgba(0,0,0,0.15); border-color:color-mix(in srgb,var(--paper-100) 24%,transparent);} [data-theme="dark"] .artifact:active{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--paper-100) 5%,transparent),0 4px 12px rgba(0,0,0,0.25),0 2px 4px rgba(0,0,0,0.15);} [data-theme="dark"] .systems-diagram,[data-theme="dark"] .experiment-sheet{background:linear-gradient(90deg,transparent 0 49.88%,color-mix(in srgb,var(--paper-100) 5%,transparent) 50%,transparent 50.12%),var(--graphite-800); border-color:color-mix(in srgb,var(--paper-100) 10%,transparent);} [data-theme="dark"] .systems-node{background:var(--graphite-900); border-color:color-mix(in srgb,var(--paper-100) 15%,transparent);} [data-theme="dark"] .artifact-header h2 a:hover{text-decoration-color:var(--seed-teal);} [data-theme="dark"] .home-primary-links a{color:var(--seed-teal);} [data-theme="dark"] .home-primary-links a:last-child{color:var(--ink-muted);} [data-theme="dark"] .dark-mode-toggle{color:var(--paper-100);} [data-theme="dark"] .skeleton-line,[data-theme="dark"] .skeleton-heading,[data-theme="dark"] .skeleton-card,[data-theme="dark"] .skeleton-image{background:linear-gradient(90deg,var(--graphite-900) 25%,var(--graphite-800) 50%,var(--graphite-900) 75%);} .theme-transitioning,.theme-transitioning *,.theme-transitioning *::before,.theme-transitioning *::after{transition:background-color 0.3s ease,color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease !important;} *,*::before,*::after{box-sizing:border-box;} html{background:var(--surface); color:var(--ink); font-family:var(--font-reading); overflow-x:hidden; scroll-behavior:smooth;} body{margin:0; color:var(--ink); min-width:320px; min-height:100vh; background:transparent; font-size:var(--step-0); line-height:1.6;} body::before{content:""; position:fixed; top:0; bottom:0; left:50%; width:1px; z-index:-1; pointer-events:none; background:color-mix(in srgb,var(--ink) 3%,transparent);} button,input,textarea,select{font:inherit;} button,a{-webkit-tap-highlight-color:transparent;} a{color:inherit; text-decoration-thickness:1px; text-underline-offset:0.2em;} :focus-visible{border-radius:2px; outline:none; box-shadow:var(--focus-ring);} img,svg,canvas{display:block; max-width:100%;} h1,h2,h3,p{margin-block-start:0;} h1,h2,h3{font-family:var(--font-display); font-weight:600; letter-spacing:-0.035em; line-height:1.05; text-wrap:balance;} h1{max-width:16ch; font-size:var(--step-4); font-feature-settings:"ss01" on,"cv11" on;} h2{font-size:var(--step-3);} h3{font-size:var(--step-2); letter-spacing:-0.025em;} .section-heading{display:grid; gap:var(--space-2); padding-bottom:var(--space-3); border-bottom:1px solid var(--precision-rule);} .section-heading--flush{padding-bottom:var(--space-2);} a{transition:color .12s ease;} button{transition:border-color .12s ease,box-shadow .12s ease,background .12s ease,color .12s ease;} .work-catalog__featured-project{transition:box-shadow var(--motion-normal) var(--ease-out),border-color .12s ease;} .work-catalog__featured-project:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--ink) 8%,transparent); border-color:var(--family-accent,var(--ink-muted));} .case-hero{overflow:hidden;} .case-hero img{transition:transform .2s ease;} .case-hero:hover img{transform:scale(1.015);} .home-artifact-sequence article{transition:box-shadow var(--motion-normal) var(--ease-out),transform var(--motion-normal) var(--ease-out);} .home-artifact-sequence article:hover{box-shadow:0 3px 8px color-mix(in srgb,var(--ink) 6%,transparent);} ::selection{background:color-mix(in srgb,var(--seed-teal) 28%,transparent); color:var(--ink);} #view-root{border-left:var(--structure-line); padding-left:var(--gutter);} .skip-link{position:fixed; z-index:1000; inset:var(--space-3) auto auto var(--space-3); padding:var(--space-2) var(--space-3); background:var(--graphite-950); color:var(--paper-100); transform:translateY(-180%); transition:transform var(--motion-fast) var(--ease-out);} .skip-link:focus{transform:translateY(0);} @media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto !important; transition-duration:0.01ms !important; animation-duration:0.01ms !important; animation-iteration-count:1 !important;}} :root{--reader-header-height:32px; --reader-wayfinding-height:0px; --reader-footer-height:0px; --content-max-width-reader:58ch; --font-size-body-reader:var(--step-3); --line-height-reader:1.7;} body[data-reader="true"] .atelier-header{height:var(--reader-header-height);} body[data-reader="true"] .atelier-nav,body[data-reader="true"] .index-trigger{display:none;} body[data-reader="true"] #wayfinding{height:var(--reader-wayfinding-height); overflow:hidden;} body[data-reader="true"] #canvas{max-width:var(--content-max-width-reader); font-size:var(--font-size-body-reader); line-height:var(--line-height-reader); margin-inline:auto; padding-inline:var(--space-4);} body[data-reader="true"] #footer{height:var(--reader-footer-height); overflow:hidden;} body[data-reader="true"] *{animation-duration:0.01ms !important; transition-duration:0.01ms !important;} #announcements,.visually-hidden{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;} .reader-toggle{background:none; border:1px solid var(--ink); padding:var(--space-1) var(--space-2); font-size:var(--step--1); cursor:pointer;} .reader-toggle[aria-pressed="true"]{background:var(--ink); color:var(--surface);} #view-root{min-height:70vh; padding:var(--space-6) var(--gutter) var(--space-7);} .eyebrow,.atelier-label{color:var(--ink-muted); font-family:var(--font-meta); font-size:var(--step--1); letter-spacing:0.08em; text-transform:uppercase;} .eyebrow--precision{display:inline-grid; grid-auto-flow:column; align-items:center; gap:var(--space-2); margin-block-end:var(--space-2);} .eyebrow--precision::before{content:""; display:inline-block; width:var(--eyebrow-line); height:1px; background:var(--precision-rule-strong);} .lede{max-width:var(--measure); color:var(--ink-muted); font-size:var(--step-1); line-height:1.45; text-wrap:pretty;} .precision-rule{height:1px; margin-block:var(--space-5); background:var(--precision-rule); border:0;} .precision-rule--strong{background:var(--precision-rule-strong);} .footer{display:flex; justify-content:space-between; gap:var(--space-4); margin-inline:var(--gutter); padding-block:var(--space-4); border-top:1px solid var(--rule); color:var(--ink-muted); font-family:var(--font-meta); font-size:var(--step--1);} body[data-lens="engineering"]{--accent:var(--accent-engineering);} body[data-lens="product"]{--accent:var(--accent-product);} [data-accent]{color:var(--accent);} .lens-toggle[aria-pressed="true"]{border-color:var(--accent); color:var(--accent);} #chrome,.atelier-header{z-index:var(--z-chrome); position:relative;} #canvas,#view-root{z-index:var(--z-canvas); position:relative;} #wayfinding,.overlay{z-index:var(--z-overlay);} #footer{z-index:var(--z-footer); position:relative;} [data-elevated]{box-shadow:var(--shadow-card);} [data-state="loading"]{cursor:progress; opacity:0.7; pointer-events:none;} [data-state="loading"]::after{content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ink) 6%,transparent),transparent); animation:state-loading-shimmer var(--motion-slow) linear infinite; pointer-events:none;} @keyframes state-loading-shimmer{from{transform:translateX(-100%);} to{transform:translateX(100%);}} [data-state="error"]{border:1px solid color-mix(in oklch,var(--acid-500) 60%,var(--ink)); background:color-mix(in oklch,var(--acid-500) 6%,var(--surface));} [data-state="empty"]{color:var(--ink-muted); font-style:italic;} [data-state="pressed"]{transform:scale(0.97);} [data-state="active"]{color:var(--accent);} [data-state="selected"]{outline:2px solid var(--accent); outline-offset:2px;} [data-state="disabled"]{opacity:0.4; cursor:not-allowed; pointer-events:none;} [data-state="hidden"],[data-state="unmounted"]{display:none;} #view-root[data-motion="enter"]{animation:page-enter var(--motion-normal) var(--ease-out) both;} #view-root[data-motion="exit"]{animation:page-exit var(--motion-fast) var(--ease-out) both;} #canvas[data-lens-switch="true"]{animation:lens-cross-fade var(--motion-slow) var(--ease-in-out) both;} button:active,[role="button"]:active{animation:button-press var(--motion-fast) var(--ease-out) both;} [data-hover-lift]:hover{animation:hover-lift var(--motion-normal) var(--ease-out) both;} .atelier-header{display:grid; grid-template-columns:minmax(14rem,1fr) auto auto; align-items:center; gap:clamp(1rem, 3vw, 3rem); min-height:6.5rem; padding:var(--space-3) var(--gutter); border-bottom:1px solid color-mix(in srgb,var(--ink) 10%,transparent); background:color-mix(in srgb,var(--surface) 78%,transparent); backdrop-filter:blur(20px) saturate(1.8); -webkit-backdrop-filter:blur(20px) saturate(1.8); position:sticky; top:0; z-index:var(--z-chrome,10); transition:background var(--motion-normal) var(--ease-out),box-shadow var(--motion-normal) var(--ease-out),border-color var(--motion-normal) var(--ease-out);} .atelier-header--scrolled{box-shadow:0 1px 0 color-mix(in srgb,var(--ink) 8%,transparent),0 4px 24px color-mix(in srgb,var(--ink) 6%,transparent); border-bottom-color:color-mix(in srgb,var(--ink) 14%,transparent);} .atelier-identity{display:inline-grid; width:fit-content; text-decoration:none;} .atelier-identity strong{font-family:var(--font-display); font-size:var(--step-1); font-weight:600; letter-spacing:-0.025em;} .atelier-identity span{color:var(--ink-muted); font-family:var(--font-meta); font-size:var(--step--1);} .atelier-nav,.atelier-tools,.lens-control{display:flex; align-items:center; gap:var(--space-3);} .atelier-nav a{text-decoration:none; position:relative; padding-block:0.3rem; transition:color var(--motion-normal) var(--ease-out);} .atelier-nav a::after{content:''; position:absolute; bottom:0; left:0; width:0; height:1.5px; background:var(--arch-500); transition:width 0.35s cubic-bezier(0.34,1.56,0.64,1);} .atelier-nav a:hover::after{width:100%;} .atelier-nav a:hover{color:var(--arch-500);} .atelier-nav a[aria-current="page"]{text-decoration:underline; text-decoration-color:var(--arch-500); text-decoration-thickness:2px;} .lens-control{gap:0; border:1px solid var(--rule);} .lens-control button,.index-trigger{min-height:2.75rem; border:0; background:transparent; color:var(--ink); cursor:pointer; font-family:var(--font-meta); font-size:var(--step--1); letter-spacing:0.03em;} .lens-control button{padding-inline:var(--space-3); transition:background var(--motion-normal) var(--ease-out),color var(--motion-normal) var(--ease-out),transform var(--motion-fast) var(--ease-spring);} .lens-control button:active{transform:scale(0.96); transition-duration:0.06s;} .lens-control button[aria-pressed="true"]{background:var(--graphite-950); color:var(--paper-100);} .index-trigger{padding-inline:0; border-bottom:1px solid currentColor;} .dark-mode-toggle{display:inline-flex; align-items:center; justify-content:center; min-height:2.75rem; min-width:2.75rem; border:0; background:transparent; color:var(--ink); cursor:pointer; padding:0; transition:color 0.15s ease;} .dark-mode-toggle:hover{color:var(--arch-500); background:color-mix(in srgb,var(--ink) 8%,transparent); border-radius:var(--radius-control);} .dark-mode-toggle:active{transform:scale(0.92); transition-duration:0.08s;} .dark-mode-toggle svg{width:18px; height:18px;} .contact-links{display:flex; flex-wrap:wrap; gap:.75rem; margin-block:var(--space-3);} .contact-links a{display:inline-flex; align-items:center; padding:.5rem 1rem; border:1px solid var(--rule); border-radius:var(--precision-radius-control); background:var(--surface); color:var(--ink); font:var(--step--1) var(--font-meta); text-decoration:none; transition:border-color .12s ease,box-shadow .12s ease;} .contact-links a:hover{border-color:var(--ink); box-shadow:0 1px 0 var(--ink);} @media (max-width:860px){.atelier-header{grid-template-columns:1fr auto;} .atelier-nav{grid-column:1 / -1; grid-row:2; justify-content:space-between; border-top:1px solid var(--rule); padding-top:var(--space-3);} .atelier-nav a{display:inline-flex; align-items:center; min-height:2.75rem;} .atelier-tools{justify-self:end;}} @media (max-width:560px){.atelier-header{grid-template-columns:minmax(0,1fr); gap:var(--space-2); min-height:auto; padding-block:var(--space-2); transition:background var(--motion-normal) var(--ease-out),box-shadow var(--motion-normal) var(--ease-out),border-color var(--motion-normal) var(--ease-out),padding var(--motion-normal) var(--ease-out),gap var(--motion-normal) var(--ease-out);} .atelier-identity,.atelier-nav,.atelier-tools{min-width:0; max-width:100%;} .atelier-identity{width:100%;} .atelier-identity span{max-width:100%; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .atelier-tools{grid-column:1 / -1; grid-row:2; flex-direction:row; flex-wrap:nowrap; align-items:center; justify-content:flex-start; gap:var(--space-2); overflow-x:auto;} .lens-control{flex-wrap:nowrap;} .lens-control button{min-height:2.75rem; padding-inline:var(--space-2);} .atelier-nav{grid-row:3; gap:var(--space-2); padding-top:var(--space-2); overflow-x:auto;} .atelier-header--scrolled{padding-block:var(--space-1); gap:var(--space-1);} .atelier-header--scrolled .atelier-identity span{display:none;} .atelier-header--scrolled .atelier-nav{padding-top:0; border-top-color:transparent;} .footer{align-items:flex-start; flex-direction:column;}} .resume-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(16rem,1fr)); gap:var(--space-4); margin-block:var(--space-4);} .resume-card{padding:var(--space-4); border:1px solid var(--rule); border-radius:var(--radius-panel); background:var(--surface-raised);} .resume-card h2{margin-bottom:var(--space-2);} .resume-card p{color:var(--ink-muted); margin-bottom:var(--space-3);} .contact-links{display:flex; flex-wrap:wrap; gap:var(--space-3); margin-block:var(--space-4);} .contact-links a{display:inline-flex; align-items:center; padding:var(--space-3) var(--space-4); border:1px solid var(--rule); border-radius:var(--radius-panel); background:var(--surface-raised); color:var(--ink); text-decoration:none; font:600 0.85rem/1.3 var(--font-reading); transition:border-color .12s ease,box-shadow .12s ease;} .contact-links a:hover{border-color:var(--accent-500); box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-500) 20%,transparent);} .not-found{max-width:36rem;} .not-found .lede{margin-bottom:var(--space-4);}