/* Reused from portfolio-life-journey-v2; local context from portfolio-newspaper. */
@import url('./shared/button-library.css');
@import url('./shared/footer-socials.css');
@font-face{font-family:'Geist Mono';src:url('./assets/geist-mono-500.ttf') format('truetype');font-weight:500;font-display:swap}
:root{
 --neutral-graphite-900:#202020;--background-page-dark:var(--neutral-graphite-900);
 --portfolio-square-size:184px;--portfolio-square-radius:32px;--portfolio-map-scale:.8;
 --sans:var(--font-family-sans),sans-serif;--mono:'Geist Mono',monospace;
 --ink:var(--text-neutral-primary);--secondary:var(--text-neutral-secondary);--line:#e6e6e6;--surface:#f4f4f4;
 --pill-font:var(--mono);--pill-font-size:11px;--pill-line-height:16px;--pill-font-weight:500;--pill-tracking:.015em;
 --map-port-fill:var(--map-wire);--map-port-radius:6px;--map-port-gap:7px;
 --pill-padding-block:6px;--pill-padding-inline:11px;--pill-radius:999px;--pill-stroke:1px;
}
.site-header .wordmark{display:inline-flex;align-items:center;gap:var(--button-gap);font-size:28px;line-height:36px;font-weight:500;letter-spacing:-.6px}
.branch-label.keyword-pill{
 display:block;padding:var(--pill-padding-block) var(--pill-padding-inline);
 border:var(--pill-stroke) solid var(--neutral-300);border-radius:var(--pill-radius);
 color:var(--color-background-action-primary);background:var(--neutral-0);
 font:var(--pill-font-weight) var(--pill-font-size)/var(--pill-line-height) var(--pill-font);
 letter-spacing:var(--pill-tracking);text-transform:uppercase;box-shadow:none;backdrop-filter:none;
}
[hidden]{display:none!important}
.local-context{display:flex;align-items:center;gap:12px;font:400 11px/18px var(--sans);white-space:nowrap;color:var(--ink)}
.local-weather{display:inline-flex;align-items:center;gap:6px;color:var(--secondary)}
.local-weather img{width:16px;height:16px;opacity:1}
.local-clock{font-variant-numeric:tabular-nums;color:var(--secondary);padding-left:12px;border-left:1px solid var(--line)}
@media(max-width:760px){
 .site-header{flex-wrap:wrap;gap:16px}
 .site-header .wordmark{font-size:22px;line-height:28px;letter-spacing:-.4px}
 .site-header .contact{margin-left:auto}
 .site-footer{padding-top:var(--gap-sections-compact)}
}
@media(max-width:480px){.site-header .wordmark{font-size:20px}}
@media(max-width:650px){.local-context{font-size:9px;gap:6px;flex-wrap:wrap}.local-clock{padding-left:6px}.local-weather{gap:4px}.local-weather img{width:14px;height:14px}}

/* Original Figma accent/300 (2181:23), before the neutral palette migration. */
.work-map{--map-wire-active:#ffebae}

/* Shared desktop geometry for home project screens and reader speech bubbles. */
@media(min-width:1500px){:root{--portfolio-square-size:200px}}
@media(min-width:761px) and (max-height:800px){:root{--portfolio-square-size:160px}}