/* V9 — compact, premium, consistent graphite panels */
:root { color-scheme: dark light; }
body { --surface-shine:rgba(255,255,255,.045); --surface-depth:rgba(5,10,18,.20); }
body[data-theme="light"] { --surface-shine:rgba(255,255,255,.87); --surface-depth:rgba(58,72,90,.045); }
/* One panel language: slight light blooming at the upper-left, no unnecessary slide effects. */
.project-card,.timeline-card,.story-panel{
  background: radial-gradient(ellipse at 22% 0%,var(--surface-shine),transparent 75%),
    linear-gradient(115deg,color-mix(in srgb,var(--panel) 97%,var(--bg)),color-mix(in srgb,var(--panel) 82%,var(--bg)) 65%,var(--surface-depth))!important;
  border:1px solid var(--border)!important;
  box-shadow:inset 0 1px 0 rgba(225,235,245,.055),0 12px 35px rgba(0,0,0,.045)!important;
}
.project-card:hover,.timeline-card:hover{border-color:color-mix(in srgb,var(--accent) 43%,var(--border))!important;
  background:radial-gradient(ellipse at 20% 0%,color-mix(in srgb,var(--surface-shine) 95%,var(--panel)),transparent 75%),var(--panel-hover)!important}
/* Story: contained, two compact columns on desktop */
.story-section {padding-top:34px;max-width:1150px}
.story-panel {display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-rows:auto 1fr;
  gap:11px 25px!important;align-items:start;padding:18px 23px 20px!important;min-height:0!important;border-radius:17px!important}
.story-inline-heading {grid-column:1/-1;display:flex;align-items:center;gap:9px;height:20px;margin-bottom:1px}
.story-inline-heading h2 {font-size:13px!important;letter-spacing:normal!important;font-weight:750!important;line-height:1!important;white-space:nowrap}
.story-monogram{font-size:12px;font-weight:900;letter-spacing:-.07em;color:var(--accent);transform:skew(-8deg)}
.story-rule{width:28px;height:1px;background:var(--muted);opacity:.6}
.story-panel .story-quote {grid-column:1;grid-row:2;margin:0!important;max-width:none}
.story-panel .story-quote blockquote {font-family:Georgia,"Times New Roman",serif;letter-spacing:-.012em!important;font-size:clamp(16px,1.65vw,20px)!important;
  line-height:1.43!important;font-style:italic;font-weight:400}
.story-panel .story-quote figcaption {font-size:10.5px!important;margin-top:9px!important;line-height:1.5!important;color:var(--muted)}
.story-panel .story-prose {grid-column:2;grid-row:2;border-left:1px solid var(--border);padding:0 0 0 23px!important;margin:0!important;min-width:0}
.story-panel .story-summary {font-size:11.8px!important;line-height:1.52!important;color:var(--muted);max-width:none;white-space:normal}
.story-panel .story-read-more {font-size:11.5px!important;margin:7px 0 0!important;padding:1px 0!important}
.story-full {margin-top:9px!important}
/* Brain: metallic graphite/silver not ice-blue, and barely-there float */
.neural-hero{filter:saturate(.4)}
.neural-brain-image{filter:drop-shadow(0 16px 23px rgba(116,124,136,.18))!important}
.neural-glow{background:radial-gradient(ellipse at 50% 52%,rgba(155,160,175,.11),transparent 70%)!important;filter:blur(27px)!important}
.neural-shadow{background:radial-gradient(ellipse,rgba(164,171,185,.12),transparent 75%)!important}
.neural-float{animation:neuralFloatV9 10.5s ease-in-out infinite!important}
.neural-shadow{animation:neuralShadowV9 10.5s ease-in-out infinite!important}
@keyframes neuralFloatV9{0%,100%{transform:translateY(1px)}50%{transform:translateY(-3px)}}
@keyframes neuralShadowV9{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.25;transform:scale(.985)}}
/* Stronger, clearer light/dark toggle (keeps same existing ID and functionality). */
.theme-pill{background:color-mix(in srgb,var(--panel) 92%,var(--bg))!important;border:1px solid color-mix(in srgb,var(--border) 90%,var(--text) 10%)!important;
  width:72px!important;height:36px!important;position:relative!important;border-radius:999px!important;
  box-shadow:0 1px 6px rgba(0,0,0,.08),inset 0 1px 0 var(--surface-shine)!important}
.theme-pill .theme-sun,.theme-pill .theme-moon {position:relative;z-index:2;display:grid;place-items:center;width:25px;height:27px;flex:none;color:var(--muted)!important;opacity:.7;transition:color .2s,opacity .2s}
.theme-pill .theme-sun svg,.theme-pill .theme-moon svg{width:17px!important;height:17px!important}
.theme-pill .theme-indicator{position:absolute;z-index:1!important;width:28px!important;height:28px!important;top:3px!important;right:4px!important;left:auto!important;border-radius:50%;background:var(--button)!important;
  box-shadow:0 1px 4px rgba(0,0,0,.22)!important;transition:transform .25s}
body[data-theme="light"] .theme-pill .theme-indicator{transform:translateX(-35px)!important}
body[data-theme="dark"] .theme-pill .theme-moon{color:var(--button-text)!important;opacity:1}
body[data-theme="light"] .theme-pill .theme-sun{color:var(--button-text)!important;opacity:1}
@media(max-width:720px){
 .story-section{padding-top:27px}
 .story-panel{display:flex!important;flex-direction:column;gap:13px!important;padding:17px 17px 18px!important;max-width:100%}
 .story-inline-heading{height:17px;margin-bottom:0}
 .story-inline-heading h2{font-size:13px!important}
 .story-panel .story-quote{width:100%;margin:0!important}
 .story-panel .story-quote blockquote{font-size:clamp(17px,4.8vw,20px)!important;line-height:1.46!important}
 .story-panel .story-quote figcaption{font-size:10px!important;margin-top:8px!important}
 .story-panel .story-prose{width:100%;border:0;border-top:1px solid var(--border);padding:13px 0 0!important}
 .story-panel .story-summary{font-size:12px!important;line-height:1.58!important}
 .story-panel .story-read-more{font-size:12px!important;margin-top:9px!important}
 .theme-pill{width:65px!important;height:34px!important}
 .theme-pill .theme-indicator{width:26px!important;height:26px!important}
 body[data-theme="light"] .theme-pill .theme-indicator{transform:translateX(-30px)!important}
}
@media(prefers-reduced-motion:reduce){.neural-float,.neural-shadow{animation:none!important}.theme-pill .theme-indicator{transition:none!important}}