:root{color-scheme:dark;--dev-bg:#0b151e;--dev-panel:#132632;--dev-ink:#eff6fb;--dev-muted:#b9cbd8;--dev-accent:#91edd2;--dev-gold:#f6d48e;--dev-rule:#38505d}
*{box-sizing:border-box}
body{margin:0;background:var(--dev-bg);color:var(--dev-ink);font:1rem/1.65 system-ui,sans-serif}
a{color:var(--dev-accent)}a:focus-visible{outline:2px solid var(--dev-gold);outline-offset:4px}
.dev-fallback,.dev-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem max(1rem,4vw);border-bottom:1px solid var(--dev-rule)}
.dev-fallback nav,.dev-actions{display:flex;gap:1rem;flex-wrap:wrap}
.dev-shell{max-width:1160px;margin:auto;padding:clamp(1rem,4vw,3rem)}
.dev-hero,.dev-section{padding:clamp(1.15rem,4vw,2.75rem)}
.dev-hero{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:clamp(1rem,4vw,3rem);border:1px solid var(--dev-rule);border-radius:1.4rem;background:var(--dev-panel)}
.dev-eyebrow{color:var(--dev-accent);font:800 .72rem/1.4 system-ui,sans-serif;letter-spacing:.13em;margin:0 0 .7rem}
.dev-hero h1,.dev-section h2,.dev-card h3{line-height:1.08;letter-spacing:-.035em;margin:0 0 .55em}
.dev-hero h1{font-size:clamp(2.65rem,7vw,6rem);margin-bottom:.3em}
.dev-hero h1 span{color:var(--dev-accent)}
.dev-deck{font-size:clamp(1.06rem,2.2vw,1.35rem);max-width:38ch;margin:.65em 0}
.dev-byline,.dev-section p,.dev-external,.dev-plate figcaption{color:var(--dev-muted)}
.dev-byline span,.dev-footer span{color:var(--dev-accent)}
.dev-plate{color:var(--dev-accent);margin:0;padding:1rem;border:1px solid var(--dev-rule);border-radius:1rem;background:var(--dev-bg)}
.dev-plate svg{display:block;width:100%;height:auto}
.dev-plate figcaption{display:flex;justify-content:space-between;gap:.5rem;font-size:.7rem;letter-spacing:.11em;font-weight:800}
.dev-section{margin-top:1rem;border-bottom:1px solid var(--dev-rule)}
.dev-section h2{font-size:clamp(1.75rem,4vw,3rem)}
.dev-section .dev-eyebrow{color:var(--dev-accent)}
.dev-section>p:not(.dev-eyebrow){max-width:70ch}
.dev-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1.25rem}
.dev-card{padding:clamp(1rem,2.5vw,1.4rem);min-width:0;border:1px solid var(--dev-rule);border-radius:1rem;background:var(--dev-panel);color:var(--dev-ink);text-decoration:none}
a.dev-card:hover{border-color:var(--dev-accent)}
.dev-card h3{font-size:1.22rem;margin-bottom:.35em}
.dev-card p:last-child{margin-bottom:0}
.dev-projects{grid-template-columns:repeat(3,minmax(0,1fr))}
.dev-preview{display:grid;place-content:center;min-height:100px;margin:0 0 1rem;border:1px solid var(--dev-rule);border-radius:.65rem;background:var(--dev-bg);color:var(--dev-accent);text-align:center;font:800 1rem/1.15 ui-monospace,monospace;letter-spacing:.07em}
.dev-route{font-size:1.4rem}.dev-racer{color:var(--dev-gold);font-size:1.3rem;font-style:italic}
.dev-external{display:block;font-size:.76rem;overflow-wrap:anywhere}
.dev-aside{font-style:italic}
.dev-quote,.dev-close{border:1px solid var(--dev-rule);border-radius:1.4rem;background:var(--dev-panel)}
.dev-quote h2.dev-eyebrow{font-size:.72rem;letter-spacing:.13em}
.dev-quote blockquote{margin:.2em 0;color:var(--dev-gold);font-size:clamp(2rem,6vw,4.4rem);line-height:1.08;font-weight:850;letter-spacing:-.04em}
.dev-actions a{padding:.7rem 1rem;border:1px solid var(--dev-accent);border-radius:.65rem;text-decoration:none;font-weight:750}
.dev-actions a:first-child{background:var(--dev-accent);color:var(--dev-bg)}
.dev-footer{justify-content:center;border:0;border-top:1px solid var(--dev-rule)}
@media(prefers-reduced-motion:no-preference){a.dev-card,.dev-actions a{transition:border-color .18s ease,transform .18s ease}a.dev-card:hover,.dev-actions a:hover{transform:translateY(-2px)}}
@media(max-width:740px){.dev-hero{grid-template-columns:1fr}.dev-plate{max-width:340px;width:100%}.dev-projects{grid-template-columns:1fr}}
@media(max-width:480px){.dev-grid{grid-template-columns:1fr}.dev-actions a{width:100%;text-align:center}}
html:root[data-theme="light"],body[data-theme="light"]{color-scheme:light;--dev-bg:#f5f8fa;--dev-panel:#fff;--dev-ink:#102632;--dev-muted:#3d5564;--dev-accent:#07624e;--dev-gold:#795300;--dev-rule:#b9ccd5;background:var(--dev-bg);color:var(--dev-ink)}

.dev-portrait{position:relative;overflow:hidden;border-radius:.7rem;background:#0b151e}
.dev-portrait video{display:block;width:100%;height:auto;aspect-ratio:720/722}
.dev-plate .dev-portrait svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mask-image:linear-gradient(#000 88%,transparent)}
.dev-portrait svg>g:first-child{opacity:.26}
.dev-trend{color:#a4ffe2;opacity:.9;filter:drop-shadow(0 1px 2px #08201e)}
.dev-player-ring{fill:#122731;stroke:currentColor;stroke-width:2}
.dev-trend text{fill:#e9fff7;paint-order:stroke;stroke:#10212b;stroke-width:2;text-anchor:middle;font:800 9px ui-monospace,monospace;letter-spacing:1px}
.dev-plate figcaption{margin-top:.7rem}