/* Site-level additions on top of Claude's bundle.css: only what the bundle does not cover. */
.skip{position:absolute;left:-999px;top:0;z-index:99;background:var(--bg-raised);color:var(--text);padding:var(--s-2) var(--s-4);border:var(--border)}
.skip:focus{left:var(--s-4)}
.section--hero{padding-block:var(--s-9) var(--s-8)}
/* Washes: keep ink indigo on light washes even in night theme */
[data-wash="terracotta"],[data-wash="gold"]{--text:var(--indigo);--text-muted:var(--indigo-soft);--line:var(--indigo);--link:var(--terracotta-text);--bg-raised:var(--white);--bg-sunken:var(--cream-2);background:var(--bg);color:var(--text)}
[data-wash="indigo"]{background:var(--bg);color:var(--text)}
/* Nav: night toggle */
.theme-toggle{font:700 var(--fs-0)/1 var(--font-display);color:var(--text);background:none;cursor:pointer;padding:.35em .7em;border:2px solid var(--line);border-radius:var(--radius-pill)}
/* Stamp: terracotta is never small text; use the AA link colour */
.stamp{color:var(--link)}
/* Rooms: one-liner text */
.room p{margin:0;font-size:var(--fs-0)}
.room--work h3{color:var(--cream)}
.grid>.room:nth-child(4n+2){rotate:var(--tilt-2)}.grid>.room:nth-child(4n+3){rotate:var(--tilt-1)}.grid>.room:nth-child(4n){rotate:var(--tilt-4)}
[data-theme="dark"] .room--work{background:var(--bg-sunken);--line:var(--cream)}
/* Quests without a progress meter; past roles muted */
.quest{padding-top:var(--s-6)}.quest p{margin:0}
.quest--past .quest__status{background:var(--indigo-tint);color:var(--indigo)}
/* Work rows: compact credential/board rows, sourcing note */
.work-row{grid-template-columns:9rem 1fr auto}
.work-row--compact{padding-block:var(--s-3)}.work-row--compact .work-row__title{font-size:var(--fs-2)}
.work-row__note{margin:var(--s-2) 0 0;font-size:var(--fs--1);color:var(--text-muted)}
div.work-row:hover{padding-inline:0;background:none}
@media (max-width:40rem){.work-row{grid-template-columns:1fr}}
/* Sticky notes on any wash: indigo ink, readable links */
.note a{color:var(--indigo)}
.note h2,.note h3{color:var(--indigo)}
.note{max-width:24rem}
/* Footer */
.footer .label{color:#c9cfdd}
.footer__links{display:flex;flex-wrap:wrap;gap:var(--s-4);list-style:none;padding:0;margin:0}
.footer .split{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}
/* Fridge preview flag */
.preview-flag{background:var(--indigo);color:var(--cream);font:500 var(--fs--1)/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-label);padding:var(--s-3) var(--gutter);text-align:center}
.hero-row{display:flex;flex-wrap:wrap;gap:var(--s-7);align-items:center}.hero-row>*{flex:1 1 20rem}
.cloud{list-style:none;padding:0;margin:0}
/* Night theme: buttons that would vanish on the dark ground */
[data-theme="dark"] .btn--indigo{--btn-bg:var(--cream);--btn-fg:var(--indigo)}
[data-theme="dark"] .chip--indigo{background:var(--cream);color:var(--indigo)}
/* Reduced motion: stop everything, show the ticker as a static list */
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}
.ticker__track{flex-wrap:wrap;width:auto;padding-inline:var(--gutter);gap:var(--s-3) var(--s-6)}.ticker__track [aria-hidden="true"]{display:none}}
a[href^="mailto:"]{overflow-wrap:anywhere}
.room h3{font-size:clamp(1.35rem,1.2rem + .4vw,1.75rem);overflow-wrap:normal;word-break:normal;hyphens:none;white-space:nowrap}.room__n{font-size:var(--fs-4)}
/* Real fridge photos: picture wraps img; keep ArtFrame 4:5 box */
.art picture{display:block;width:100%;aspect-ratio:var(--ratio,4 / 5);position:relative;overflow:hidden;border:var(--border-thin);background:var(--cream)}
.art picture .art__img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;border:0;background:var(--cream)}
/* Work filter chips */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.work-filter{cursor:pointer;min-height:44px}
.work-filter:focus-visible{outline:3px solid var(--focus,#C4A35A);outline-offset:2px}
.work-row__note .label{margin-right:.4em}
/* Home hero: handwritten label */
.hero-label{font-size:var(--fs-3);margin:0 0 var(--s-3);color:var(--link)}
/* Work (merged framing) */
.work-title{max-width:22ch}
.position{margin:0}.position figcaption{margin-top:var(--s-4);max-width:34rem}
.position .pullquote{margin:0;max-width:20ch;font-size:var(--fs-3)}
.stories{display:grid;gap:var(--s-7)}
.story{border-top:var(--border-thin);padding-top:var(--s-5);max-width:44rem}
.story h3{margin:var(--s-2) 0 var(--s-3)}
.story__year{margin:0}.story__body{margin-top:var(--s-4)}
.ways h3{margin:0 0 var(--s-2)}.ways p{margin:0}
.dont{margin:var(--s-6) 0;font-style:italic}
.affiliations{margin-top:var(--s-5);line-height:1.8}
.section--hero .t-hero{font-size:clamp(2.4rem,1.4rem + 3.2vw,4.5rem);max-width:20ch;line-height:1.1;margin-bottom:2rem}
/* Keep gold highlight inside the word; give intro clear air below the h1 */
.section--hero .t-hero mark{
  background-color:transparent;
  background-image:linear-gradient(var(--gold),var(--gold));
  background-repeat:no-repeat;
  background-size:100% 38%;
  background-position:0 62%;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
}
@media (min-width:48rem){.section--hero .t-hero{margin-bottom:var(--s-5)}}
.work-title{font-size:clamp(2rem,1.4rem + 2.2vw,3.4rem)}
.card h3.t-4,.ways h3{font-size:var(--fs-2);line-height:1.15}
.position .pullquote{font-size:var(--fs-2);line-height:1.15}