/* MOTION TOKENS START: shared interaction contract, CSS and WAAPI read these. */
:root {
 --ease-out:cubic-bezier(.22,1,.36,1);
 --ease-in-out:cubic-bezier(.65,0,.35,1);
 --ease-linear:linear;
 --spring:var(--ease-out);
 --t-press:90ms; --t-hover:160ms; --t-ui:200ms; --t-enter:260ms; --t-route:220ms;
 --t-exit:120ms; --t-image:240ms; --t-tab:280ms; --t-glyph:300ms; --t-object:400ms;
 --t-light:600ms; --t-sheen:600ms; --t-count:700ms; --t-reveal-step:40ms; --t-result-step:30ms;
 --t-map:500ms; --t-hotspot:900ms; --t-collection:1200ms; --t-scene-step:140ms; --t-pulse-step:80ms;
 --lift-1:0 1px 2px rgb(0 0 0/.06),0 4px 12px rgb(0 0 0/.06);
 --lift-2:0 2px 4px rgb(0 0 0/.08),0 12px 28px rgb(0 0 0/.12);
 --accent:var(--copper); --accent-dark:var(--copper);
 --ring:0 0 0 2px var(--bg),0 0 0 4px var(--accent);
}
@supports (animation-timing-function:linear(0,1)) { :root { --spring:linear(0,.25 7%,.66 17%,.92 27%,1.03 37%,1.04 45%,1.01 60%,1); } }
:root[data-theme=dark] { --lift-1:0 1px 2px rgb(0 0 0/.18),0 4px 12px rgb(0 0 0/.18); --lift-2:0 2px 4px rgb(0 0 0/.24),0 12px 28px rgb(0 0 0/.36); }
@media(prefers-color-scheme:dark) { :root[data-theme=system] { --lift-1:0 1px 2px rgb(0 0 0/.18),0 4px 12px rgb(0 0 0/.18); --lift-2:0 2px 4px rgb(0 0 0/.24),0 12px 28px rgb(0 0 0/.36); } }
:root {--t-crossfade-half:60ms;--t-value:180ms;--t-sheet:320ms;--t-section:360ms;--t-morph:380ms;--t-dim:420ms;--t-light-out:480ms;--t-theme:520ms;--t-place:560ms;--t-hero-sheen:720ms;--t-image-settle:900ms;--t-sweep:950ms;--t-watchdog:1000ms;--t-gallery-pass:1400ms;--t-cover:1600ms;--t-gallery-total:1900ms;--ease-museum:cubic-bezier(.2,.8,.2,1);--ease-sheen:cubic-bezier(.4,0,.2,1);--ease-sweep:cubic-bezier(.25,.1,.25,1);--ease-gallery:cubic-bezier(.45,0,.2,1);}
:root{--ease-in:cubic-bezier(.4,0,1,1)}
:root {--t-medallion:320ms;--t-medallion-step:25ms}
:root {--t-reduced:150ms;--t-zero:0ms}
/* C1 component surfaces and geometry. */
:root {
 --wash-1:color-mix(in srgb,var(--ink) 6%,transparent); --wash-2:color-mix(in srgb,var(--ink) 12%,transparent);
 --copper-wash:color-mix(in srgb,var(--copper) 10%,transparent); --copper-line:color-mix(in srgb,var(--copper) 45%,transparent);
 --halo:0 0 0 3px color-mix(in srgb,var(--copper) 22%,transparent); --scrim:rgb(18 12 12/.48);
 --lift-3:0 2px 4px rgb(0 0 0/.06),0 16px 40px rgb(0 0 0/.16);
 --on-vitrine:#F2EAE6; --on-vitrine-2:#BCADA8;
 --search-hover-bg:var(--copper-wash); --search-hover-ink:color-mix(in srgb,var(--copper) 80%,var(--ink)); --search-hover-meta:var(--ink2);
 --r-chip:999px; --r-control:6px; --r-row:10px; --r-card:12px; --r-menu:14px; --r-sheet:24px;
 --r-code:4px; --r-tick:2px; --r-handle:3px; --r-web:8px;
}
:root[data-theme=dark]{--lift-3:0 0 0 1px rgb(242 234 230/.10),0 18px 44px rgb(0 0 0/.55);--scrim:rgb(0 0 0/.6)}
@media(prefers-color-scheme:dark){:root[data-theme=system]{--lift-3:0 0 0 1px rgb(242 234 230/.10),0 18px 44px rgb(0 0 0/.55);--scrim:rgb(0 0 0/.6)}}
:root{--t-language-toast:5000ms}
/* MOTION TOKENS END */
/* TYPE TOKENS START: the only authored type scale, rem respects browser preferences. */
:root {
 --family-display:'Cormorant Garamond','Cormorant Fallback',serif;
 --family-read:Merriweather,'Merriweather Fallback',serif;
 --family-ui:Manrope,'Manrope Fallback',sans-serif;
 --control-h:52px; --control-h-compact:44px;
 --completion-button-size:1rem; --completion-button-line:1.25rem;
 --displayXL-size:2.75rem; --displayXL-line:2.875rem; --displayXL-family:var(--family-display); --displayXL-weight:600; --displayXL-tracking:-.03125rem;
 --type-displayXL:var(--displayXL-weight) var(--displayXL-size)/var(--displayXL-line) var(--displayXL-family);
 --display-size:2.125rem; --display-line:2.375rem; --display-family:var(--family-display); --display-weight:600; --display-tracking:normal;
 --type-phone-masthead:var(--display-weight) 1.875rem/2.125rem var(--display-family);
 --type-display:var(--display-weight) var(--display-size)/var(--display-line) var(--display-family);
 --title-size:1.625rem; --title-line:1.875rem; --title-family:var(--family-display); --title-weight:700; --title-tracking:normal;
 --type-title:var(--title-weight) var(--title-size)/var(--title-line) var(--title-family);
 --bodyRead-size:1.125rem; --bodyRead-line:1.8125rem; --bodyRead-family:var(--family-read); --bodyRead-weight:300; --bodyRead-tracking:normal;
 --type-bodyRead:var(--bodyRead-weight) var(--bodyRead-size)/var(--bodyRead-line) var(--bodyRead-family);
 --headline-size:1.0625rem; --headline-line:1.375rem; --headline-family:var(--family-ui); --headline-weight:600; --headline-tracking:normal;
 --type-headline:var(--headline-weight) var(--headline-size)/var(--headline-line) var(--headline-family);
 --body-size:1rem; --body-line:1.375rem; --body-family:var(--family-ui); --body-weight:500; --body-tracking:normal;
 --type-body:var(--body-weight) var(--body-size)/var(--body-line) var(--body-family);
 --caption-size:0.8125rem; --caption-line:1.125rem; --caption-family:var(--family-ui); --caption-weight:500; --caption-tracking:normal;
 --type-scene-strip:600 .8125rem/1.4 var(--family-ui);
 --type-scene-number:700 .75rem/1 var(--family-ui);
 --type-story-secondary:700 .875rem/1.125rem var(--family-ui);
 --type-caption:var(--caption-weight) var(--caption-size)/var(--caption-line) var(--caption-family);
 --eyebrow-size:0.75rem; --eyebrow-line:1rem; --eyebrow-family:var(--family-ui); --eyebrow-weight:700; --eyebrow-tracking:.0875rem;
 --type-eyebrow:var(--eyebrow-weight) var(--eyebrow-size)/var(--eyebrow-line) var(--eyebrow-family);
 --figure-size:0.9375rem; --figure-line:1.25rem; --figure-family:var(--family-ui); --figure-weight:600; --figure-tracking:normal;
 --type-figure:var(--figure-weight) var(--figure-size)/var(--figure-line) var(--figure-family);
}
@media(min-width:760px) and (max-width:1099px) { :root { --body-size:1.0625rem; --caption-size:.875rem; --headline-size:1.125rem; } }
@media(min-width:1100px) { :root {
 --eyebrow-tracking:.12em;
 --body-size:1.0625rem; --body-line:1.625rem;
 --caption-size:0.875rem; --caption-line:1.25rem;
 --eyebrow-size:0.75rem; --eyebrow-line:1rem;
 --headline-size:1.125rem; --headline-line:1.5rem;
 --bodyRead-size:1.1875rem; --bodyRead-line:1.9375rem;
 --title-size:1.75rem; --title-line:2rem;
 --display-size:2.5rem; --display-line:2.75rem;
 --displayXL-size:3.5rem; --displayXL-line:3.75rem;
} }
html { font-size:100%; }
/* W11 has an explicitly smaller map orientation layer and a fixed brand wordmark. */
:root {
 --type-wordmark:600 1.375rem/1.5rem var(--family-display);
 --type-map-caption:500 .75rem/1.25rem var(--family-ui);
 --type-map-feature:italic .875rem/1.25rem var(--family-display);
 --type-map-count:600 .8125rem/1.25rem var(--family-ui);
}
:root {
 --type-find-display:600 2.625rem/2.75rem var(--family-display);
 --type-find-counter:600 3.25rem/3.25rem var(--family-display);
 --type-find-action:700 0.9375rem/1.25rem var(--family-ui);
 --type-find-era:700 1.5rem/1.75rem var(--family-display);
 --type-find-number:600 0.75rem/1rem var(--family-ui);
 --type-find-name:700 0.9375rem/1.125rem var(--family-display);
 --type-badge-title:600 0.8125rem/1rem var(--family-ui);
 --type-badge-detail:500 0.75rem/0.875rem var(--family-ui);
 --type-badge-soon:700 0.75rem/1.25rem var(--family-ui);
 --find-total-size:1.5rem;
 --find-display-wide-size:4rem;
 --find-counter-wide-size:4.5rem;
 --find-total-wide-size:2rem;
 --find-era-wide-size:1.625rem;
 --find-name-wide-size:1.0625rem;
}
:root { --type-bio-name:600 2rem/2.125rem var(--family-display); --type-bio-name-long:600 1.625rem/1.875rem var(--family-display); --type-bio-dates:500 1rem/1.375rem var(--family-ui); }
:root { --type-web-badge-title:600 .9375rem/1rem var(--family-ui); --type-web-badge-caption:500 .75rem/.875rem var(--family-ui); }

/* R1 succession typography: explicit editorial roles, rem-based. */
:root {
 --type-ruler-period:700 0.75rem/0.875rem var(--family-ui);
 --type-ruler-axis:600 0.75rem/1rem var(--family-ui);
 --type-ruler-era:600 2.0rem/1.1 var(--family-display);
 --type-ruler-era-meta:600 0.9375rem/1.5 var(--family-ui);
 --type-ruler-legend:0.8125rem/1.5 var(--family-ui);
 --type-ruler-name:600 1.375rem/1.625rem var(--family-display);
 --type-ruler-monogram:600 3.0rem/1 var(--family-display);
 --type-ruler-role:700 0.75rem/0.9375rem var(--family-ui);
 --type-ruler-years:600 0.9375rem/1.5rem var(--family-ui);
 --type-ruler-summary:0.875rem/1.3125rem var(--family-ui);
 --type-ruler-story:600 0.8125rem/1.2 var(--family-ui);
 --type-ruler-interlude:italic 600 1.25rem/1.5rem var(--family-display);
 --ruler-era-phone-size:1.75rem;
 --ruler-caption-phone-size:0.8125rem;
 --ruler-monogram-phone-size:2.25rem;
 --ruler-name-phone-size:1.25rem;
 --ruler-eyebrow-phone-size:0.75rem;
 --ruler-years-phone-size:0.875rem;
 --ruler-interlude-phone-size:1.125rem;
 --r-card:12px; --r-control:6px;
}
/* D4: the hero title needs its own proportional leading. */
:root { --type-home-hero:700 clamp(1.75rem,2.8vw,2.5rem)/1.12 var(--family-display); --type-activity-label:500 1rem/1.5 var(--family-ui); }
:root {
 --type-home-hero:600 2.5rem/1.15 var(--family-display);
 --type-home-hook:400 1.125rem/1.5 var(--family-read);
 --type-home-era:600 .9375rem/1.3 var(--family-ui);
 --type-home-years:600 .8125rem/1.3 var(--family-ui);
 --type-home-card:600 1.25rem/1.2 var(--family-display);
 --type-home-all:600 .875rem/1.4 var(--family-ui);
 --type-home-band:600 2rem/1.1 var(--family-display);
 --type-home-phone:600 1.875rem/1.15 var(--family-display);
}
/* C1 component type roles, retaining the shared rem scale. */
:root{
 --type-language-trigger:600 .9375rem/1.25rem var(--family-ui); --type-language-code:700 .75rem/1rem var(--family-ui);
 --type-shell-settings:600 1.0625rem/1.375rem var(--family-ui); --type-menu-heading:600 1.25rem/1.5rem var(--family-display);
 --type-menu-native:600 1rem/1.25rem var(--family-ui); --type-menu-caption:500 .8125rem/1.125rem var(--family-ui);
 --type-menu-footer:600 .875rem/1.125rem var(--family-ui); --type-settings-heading:600 1.375rem/1.5rem var(--family-display);
 --type-settings-label:600 1rem/1.375rem var(--family-ui); --type-settings-rate:700 1.0625rem/1.375rem var(--family-ui);
 --type-web-plate-caption:500 .75rem/1rem var(--family-ui); --type-web-plate-title:700 1rem/1.125rem var(--family-ui);
 --type-language-phone-code:700 .75rem/.875rem var(--family-ui);
}
:root{
 --type-search-key:700 .75rem/1.25rem var(--family-ui);
 --type-result-title:600 1rem/1.4 var(--family-ui);
 --type-search-chip:600 .9375rem/1.375rem var(--family-ui);
 --type-section-tile:600 1rem/1.3 var(--family-ui);
 --type-map-note:500 .75rem/1.4 var(--family-ui);
 --type-map-hint:600 .8125rem/1.5 var(--family-ui);
 --type-map-legend:500 .8125rem/1.5 var(--family-ui);
 --type-map-place:600 .8125rem/1.25rem var(--family-ui);
 --type-disclosure:600 .875rem/1.4 var(--family-ui);
 --type-toast:600 .9375rem/1.4 var(--family-ui);
 --type-niche-number:600 .75rem/1.5 var(--family-ui);
}
/* TYPE TOKENS END */
/* W8: local fallback advances sampled from bg/en page text, with hhea metrics
   from the shipped OFL faces (fontTools). No downloaded fallback fonts.
   Size adjustment scales metrics too; overrides below compensate for it. */
@font-face { font-family:'Manrope Fallback'; src:local('Arial'); font-weight:400 500; size-adjust:106.50%; ascent-override:100.09%; descent-override:28.17%; line-gap-override:0%; }
@font-face { font-family:'Manrope Fallback'; src:local('Arial'); font-weight:400 500; size-adjust:104.72%; ascent-override:101.79%; descent-override:28.65%; line-gap-override:0%; unicode-range:U+400-52F,U+1C80-1C8F,U+2DE0-2DFF,U+A640-A69F; }
@font-face { font-family:'Manrope Fallback'; src:local('Arial Bold'); font-weight:600 800; size-adjust:100.82%; ascent-override:105.73%; descent-override:29.76%; line-gap-override:0%; }
@font-face { font-family:'Manrope Fallback'; src:local('Arial Bold'); font-weight:600 800; size-adjust:99.48%; ascent-override:107.15%; descent-override:30.16%; line-gap-override:0%; unicode-range:U+400-52F,U+1C80-1C8F,U+2DE0-2DFF,U+A640-A69F; }
@font-face { font-family:'Cormorant Fallback'; src:local('Times New Roman Bold'); font-weight:600 700; size-adjust:90.85%; ascent-override:101.71%; descent-override:31.59%; line-gap-override:0%; }
@font-face { font-family:'Cormorant Fallback'; src:local('Times New Roman Bold'); font-weight:600 700; size-adjust:88.88%; ascent-override:103.96%; descent-override:32.29%; line-gap-override:0%; unicode-range:U+400-52F,U+1C80-1C8F,U+2DE0-2DFF,U+A640-A69F; }
@font-face { font-family:'Merriweather Fallback'; src:local('Times New Roman'); font-weight:300 400; size-adjust:117.08%; ascent-override:84.04%; descent-override:23.32%; line-gap-override:0%; }
@font-face { font-family:'Merriweather Fallback'; src:local('Times New Roman'); font-weight:300 400; size-adjust:118.46%; ascent-override:83.07%; descent-override:23.05%; line-gap-override:0%; unicode-range:U+400-52F,U+1C80-1C8F,U+2DE0-2DFF,U+A640-A69F; }
:root {
  color-scheme:light;
  --bg:#F1ECE9;
  --surface:#FAF7F5;
  --surfaceRaised:#FFF;
  --ink:#221616;
  --ink2:#64534F;
  --ink3:#75645F;
  --hairline:#DDD3CF;
  --action:#3A1719;
  --onAction:#F6EEEA;
  --copper:#9C4E27;
  --correct:#2C6A4C;
  --incorrect:#A2302A;
  --vitrine:#120C0C;
  --read-weight:400;
  --m01-first:3360ms;
  --m01-repeat:2120ms;
  --m01-reduce:200ms;
  --m02:var(--t-route);
  --m02-reduce:150ms;
  --m02-rise:8px;
  --m03-scroll-ratio:.92;
  --m04-response:.42;
  --m04-damping:.86;
  --m04-reduce:200ms;
  --m05-response:.45;
  --m05-damping:.9;
  --m06:var(--t-tab) var(--ease-in-out);
  --m06-tick:220ms;
  --m06-reduce:180ms;
  --m07-scale:1.04;
  --m08-scale:2.2;
  --m08-response:.38;
  --m08-damping:.88;
  --m09:900ms;
  --m10:220ms;
  --m10-stagger:140ms;
  --m11-scale:1.03;
  --m11-response:.3;
  --m11-damping:.8;
  --m12:240ms;
  --m12-sheet-response:.4;
  --m12-sheet-damping:.9;
  --m13:var(--t-ui) var(--ease-out);
  --m14:700ms;
  --m15:160ms;
  --m16-down:90ms;
  --m16-up:140ms;
  --float:0 8px 24px #0000002e;
}
:root[data-theme=dark] {
  color-scheme:dark;
  --bg:#120C0C;
  --surface:#1B1414;
  --surfaceRaised:#241B1A;
  --ink:#F2EAE6;
  --ink2:#BCADA8;
  --ink3:#9A8984;
  --hairline:#342826;
  --action:#ECE1DB;
  --onAction:#2A1214;
  --copper:#E0956A;
  --correct:#86C9A2;
  --incorrect:#F2948A;
  --vitrine:#0B0707;
  --read-weight:350;
}
@media(prefers-color-scheme:dark) {
  :root[data-theme=system] {
    color-scheme:dark;
    --bg:#120C0C;
    --surface:#1B1414;
    --surfaceRaised:#241B1A;
    --ink:#F2EAE6;
    --ink2:#BCADA8;
    --ink3:#9A8984;
    --hairline:#342826;
    --action:#ECE1DB;
    --onAction:#2A1214;
    --copper:#E0956A;
    --correct:#86C9A2;
    --incorrect:#F2948A;
    --vitrine:#0B0707;
    --read-weight:350;
  }
}
* {
  box-sizing:border-box;
}
html {
  scroll-behavior:auto;
  scroll-padding-top:24px;
}
body {
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font:var(--type-body);
}
h1,h2,h3,h4,p,figure {
  margin:0;
}
h1,h2,h3 {
  font-family:'Cormorant Garamond','Cormorant Fallback',serif;
  font-weight:600;
  line-height:1.12;
  text-wrap:pretty;
}
h1 {
  font:var(--type-display);

}
h2 {
  font:var(--type-title);
}
h3 {
  font:var(--type-title);
}
h4 {
  font:var(--type-headline);
}
p+p {
  margin-top:12px;
}
a {
  color:inherit;
  text-underline-offset:4px;
}
a:hover {
  color:var(--copper);
}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,main:focus-visible {
  outline:2px solid var(--copper);
  outline-offset:4px;
}
main:focus {
  outline:none;
}
button,input,select {
  font:inherit;
}
button,summary {
  cursor:pointer;
}
button {
  color:inherit;
}
button,a {
  -webkit-tap-highlight-color:transparent;
}
img {
  display:block;
  max-width:100%;
  height:auto;
}
picture {
  display:block;
  min-width:0;
}
svg {
  display:block;
  max-width:100%;
}
ul,ol {
  padding-left:24px;
}
li+li {
  margin-top:8px;
}
section {
  scroll-margin-top:24px;
}
audio {
  width:100%;
  min-width:0;
  height:44px;
}
details>summary {
  min-height:44px;
  padding:12px 0;
  font:var(--type-caption);
  font-weight:600;
}
details[open]>summary {
  margin-bottom:12px;
}
details p {
  margin-bottom:12px;
}
[hidden] {
  display:none!important;
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.skip-link {
  position:fixed;
  top:-100px;
  left:20px;
  z-index:100;
  padding:16px;
  background:var(--action);
  color:var(--onAction);
}
.skip-link:focus {
  top:12px;
}
.reading {
  font:var(--type-bodyRead);
  max-width:680px;
  hyphens:auto;
}
.reading p+p {
  margin-top:12px;
}
.meta,.credit {
  font:var(--type-caption);

  color:var(--ink2);
}
.eyebrow {
  font:var(--type-eyebrow);

  text-transform:uppercase;
  color:var(--ink2);
}
.figure-type {
  font:var(--type-figure);
  font-variant-numeric:tabular-nums lining-nums;
}
.button {
  min-height:52px;
  padding:14px 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--action);
  border-radius:var(--r-control);
  background:var(--action);
  color:var(--onAction);
  font:var(--type-headline);
  text-decoration:none;
  text-align:center;
  transition:transform var(--m16-up) var(--ease-out),opacity var(--m16-up) var(--ease-out);
}
.button:hover {
  color:var(--onAction);
}
.button:active {
  transform:scale(.98);
}
.button.secondary {
  background:transparent;
  border-color:var(--ink);
  color:var(--ink);
}
.actions {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.actions>* {
  flex:1;
  min-width:140px;
}
.inline-links {
  display:flex;
  flex-wrap:wrap;
  gap:12px 24px;
}
.inline-links a {
  min-height:44px;
  display:flex;
  align-items:center;
}
.section-heading {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  margin-bottom:20px;
}
.section-heading>a {
  font:var(--type-caption);
  flex-shrink:0;
}
.section-heading .eyebrow {
  margin-bottom:4px;
}
.sidebar {
  position:fixed;
  inset:0 auto 0 0;
  width:248px;
  border-right:1px solid var(--hairline);
  background:var(--surface);
  padding:24px 20px;
  display:flex;
  flex-direction:column;
  z-index:20;
  overflow-y:auto;
}
.brand {
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  margin-bottom:24px;
  font:var(--type-title);
}
.brand svg {
  width:48px;
  height:48px;
  flex:0 0 48px;
  color:var(--copper);
}
.primary-nav {
  display:flex;
  flex-direction:column;
  gap:4px;
}
.primary-nav>a {
  display:flex;
  align-items:center;
  gap:16px;
  min-height:52px;
  text-decoration:none;
  padding:8px 12px;
  color:var(--ink2);
  border-radius:var(--r-control);
  font:var(--type-body);
  font-weight:600;
}
.primary-nav>a[aria-current] {
  color:var(--ink);
  background:var(--bg);
  font-weight:700;
}
.nav-icon {
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:block;
}
.nav-icon svg {
  width:28px;
  height:28px;
}
.icon-selected {
  display:none;
}
.primary-nav>a[aria-current] .icon-normal {
  display:none;
}
.primary-nav>a[aria-current] .icon-selected {
  display:block;
  color:var(--copper);
}
.sidebar-tools {
  margin-top:24px;
}
.sidebar-tools form {
  position:relative;
  display:flex;
}
.sidebar-tools input {
  width:100%;
  min-width:0;
  padding:14px 36px 14px 12px;
  height:52px;
  background:var(--bg);
  border:1px solid var(--hairline);
  border-radius:var(--r-control);
  color:var(--ink);
}
.sidebar-tools form button {
  position:absolute;
  right:0;
  top:0;
  width:36px;
  height:52px;
  border:0;
  background:none;
  font:var(--type-title);
}
.settings-link {
  display:block;
  padding:16px 0;
  font:var(--type-caption);
}
.language-menu {
  font:var(--type-caption);
}
.language-menu nav {
  display:grid;
  gap:8px;
  padding:4px 0 12px;
}
.language-menu nav>a {
  min-height:32px;
  display:flex;
  align-items:center;
}
.sidebar-promo {
  margin-top:auto;
  padding-top:32px;
  font:var(--type-caption);

}
.sidebar-promo img {
  margin:12px 0;
}
.sidebar-promo>a:last-child {
  display:block;
  padding-top:16px;
}
.soon {
  color:var(--ink2);
}
main {
  margin-left:248px;
  min-height:var(--vvh,100vh);
}
.page-content {
  max-width:1240px;
  margin:0 auto;
  padding:24px 32px 48px;
}
.page-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:20px;
}
.header-tools {
  display:flex;
  gap:4px;
}
.header-tools>a {
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
}
.header-tools svg {
  width:24px;
  height:24px;
  stroke:currentColor;
  stroke-width:1.3;
  fill:none;
}
.page-intro {
  color:var(--ink2);
  margin-bottom:24px;
  max-width:680px;
}
.language-suggestion {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 24px;
  background:var(--surface);
  border-bottom:1px solid var(--hairline);
}
.language-suggestion button {
  width:44px;
  height:44px;
  background:none;
  border:0;
  font:var(--type-title);
}
.vitrine {
  background:var(--vitrine);
  color:#F2EAE6;
  --ink:#F2EAE6;
  --ink2:#BCADA8;
  --ink3:#9A8984;
  --hairline:#342826;
  --action:#ECE1DB;
  --onAction:#2A1214;
  --copper:#E0956A;
  --read-weight:350;
}
.vitrine figure {
  background:radial-gradient(ellipse at center,#3A2522 0%,#120C0C 72%);
}
.vitrine .eyebrow {
  color:#E0956A;
}
.discover-top {
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(240px,1fr);
  gap:20px;
  align-items:start;
}
.daily {
  overflow:hidden;
  border-radius:var(--r-control);
}
.daily figure {
  position:relative;
}
.daily picture img {
  width:100%;
  height:clamp(290px,27vw,420px);
  object-fit:contain;
  padding:16px 16px 36px;
}
.daily figure>.credit {
  position:absolute;
  bottom:8px;
  left:12px;
  right:12px;
  max-height:32px;
  overflow:hidden;
  font:var(--type-caption);

  text-align:right;
}
.daily .image-caption,.daily .license {
  display:none;
}
.daily-label {
  padding:16px 20px 20px;
  display:grid;
  gap:8px;
}
.daily-label h2 {
  font:var(--type-title);
}
.daily-label h2 a {
  text-decoration:none;
}
.daily-label .button {
  margin-top:4px;
  width:100%;
}
.daily-asides {
  display:grid;
  gap:16px;
}
.museum-note {
  padding:16px 20px;
  background:var(--surface);
  border-left:2px solid var(--copper);
}
.museum-note .eyebrow {
  color:var(--copper);
  margin-bottom:8px;
}
.museum-note h2 {
  font:var(--type-title);
  margin:4px 0 8px;
}
.museum-note>a {
  display:inline-block;
  margin-top:12px;
  font:var(--type-caption);
}
.museum-note .reading {
  font:var(--type-bodyRead);

}
.chronicle,.shelf,.people-era {
  margin-top:32px;
}
.era-ribbon {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:1px;
  border:1px solid var(--hairline);
}
.era-ribbon>a {
  border-top:6px solid var(--era);
  padding:12px;
  font:var(--type-caption);
  text-decoration:none;
  background:var(--surface);
}
.era-ribbon span {
  display:block;
  font:var(--type-caption);
  color:var(--ink2);
  margin-top:4px;
}
.story-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px 20px;
}
.story-card {
  min-width:0;
}
.story-card figure {
  position:relative;
  background:#120C0C;
  border:1px solid var(--hairline);
}
.story-card picture img {
  width:100%;
  height:175px;
  object-fit:contain;
  padding:12px;
}
.image-link {
  text-decoration:none;
}
.story-card .credit,.person-card .credit {
  padding:4px 6px;
  background:var(--surface);
  color:var(--ink2);
  font:var(--type-caption);

}
.compact {
  overflow-wrap:anywhere;
}
.story-card .credit .image-caption,.story-card .credit .license,.person-card .credit .image-caption,.person-card .credit .license {
  display:none;
}
.story-card .credit>a:first-of-type,.person-card .credit>a:first-of-type {
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.card-label {
  padding-top:12px;
}
.card-label .eyebrow {
  font:var(--type-eyebrow);

  margin-bottom:6px;
}
.card-label h3 a {
  text-decoration:none;
}
.card-label .hook {
  font:var(--type-body);

  margin-top:8px;
}
.card-label .meta {
  font:var(--type-caption);
  margin-top:8px;
}
.listening-plate {
  margin-top:32px;
  border:1px solid var(--hairline);
  padding:24px;
  background:var(--surface);
}
.listening-plate h2 {
  margin:8px 0;
}
.listening-plate .button {
  margin-top:16px;
}
.story-cover {
  display:grid;
  grid-template-columns:55% 45%;
  min-height:calc(100svh - 120px);
  margin:0 calc(-1 * var(--gutter));
  padding:var(--gutter);
  gap:0;
}
.story-cover>figure {
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.story-cover picture img {
  width:100%;
  height:clamp(350px,60vh,660px);
  object-fit:contain;
  padding:24px;
}
.story-cover .credit {
  padding:12px;
  max-width:100%;
  font:var(--type-caption);

}
.image-caption {
  display:block;
  margin-top:4px;
}
.license {
  display:inline-block;
  margin:4px 0;
}
.cover-label {
  padding:24px 0 24px 32px;
  align-self:center;
  min-width:0;
}
.cover-label h2 {
  font:var(--type-title);


  margin:16px 0;
}
.cover-hook {
  font:var(--type-body);
  margin-bottom:16px;
}
.cover-label .meta {
  margin:20px 0;
}
.scene-index {
  display:flex;
  gap:12px;
  overflow-x:auto;
  padding:20px 0;
  border-bottom:1px solid var(--hairline);
}
.scene-index>a {
  font:var(--type-caption);
  white-space:nowrap;
  padding:8px 0;
}
.scene {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:32px;
  padding:48px 0;
  border-bottom:1px solid var(--hairline);
  align-items:start;
}
.scene-visual {
  position:sticky;
  top:24px;
  min-width:0;
}
.scene-visual figure+figure {
  margin-top:24px;
}
.scene-visual picture {
  background:var(--vitrine);
  border:1px solid var(--hairline);
}
.scene-visual picture img {
  width:100%;
  max-height:65vh;
  object-fit:contain;
}
.scene-visual .credit {
  padding-top:8px;
}
.scene-copy {
  min-width:0;
}
.scene-copy>.eyebrow {
  margin-bottom:8px;
}
.scene-copy>h2 {
  margin-bottom:20px;
}
.scene-copy .native-audio {
  margin:24px 0 12px;
  border:1px solid var(--hairline);
  border-radius:var(--r-control);
  padding:12px;
  background:var(--surface);
}
.native-audio p {
  margin-bottom:8px;
}
.hotspot-list {
  border-top:1px solid var(--hairline);
  margin:24px 0 0;
  padding-top:16px;
}
.hotspot-list dt {
  font-weight:700;
  font:var(--type-body);
  margin-top:12px;
}
.hotspot-list dd {
  margin:8px 0 20px;
  color:var(--ink2);
  font:var(--type-body);
}
.hotspot-list small {
  display:block;
  margin-top:8px;
}
.scene-sources {
  border-top:1px solid var(--hairline);
  margin-top:20px;
}
.activity-number {
  font:var(--type-displayXL);
  color:var(--ink2);
  border-top:1px solid var(--hairline);
  padding-top:32px;
}
.activity h3 {
  font:var(--type-title);
  margin-bottom:20px;
}
.options {
  list-style:decimal;
  padding-left:32px;
}
.options li {
  padding:14px 16px;
  border:1px solid var(--hairline);
  border-radius:var(--r-control);
  background:var(--surface);
  min-height:52px;
}
.activity details {
  border-top:1px solid var(--hairline);
  margin-top:24px;
}
.activity details>p {
  font:var(--type-headline);
}
.sources li {
  font:var(--type-caption);

  padding:12px 0;
  border-bottom:1px solid var(--hairline);
}
.sources li>span,.sources li>a {
  display:block;
}
.sources li>a {
  margin-top:4px;
}
.sources h2 {
  margin-bottom:20px;
}
.sources ol {
  padding-left:20px;
}
.sources .meta {
  font:var(--type-caption);
}
.story-end,.story-relations,.bibliography,.image-credits {
  margin-top:48px;
}
.story-end h2 {
  margin-bottom:16px;
}
.related-links {
  display:grid;
  gap:16px;
  margin-top:24px;
}
.related-links small {
  display:block;
  font:var(--type-caption);
  margin-top:8px;
  color:var(--ink2);
}
.story-relations h2 {
  margin-bottom:16px;
}
.bibliography {
  max-width:780px;
}
.image-credits {
  max-width:780px;
}
.credit-entry {
  font:var(--type-caption);

  border-bottom:1px solid var(--hairline);
  padding:16px 0;
}
.context-promo {
  margin-top:24px;
  padding:20px 0;
  border-top:1px solid var(--hairline);
  font:var(--type-caption);
}
.story-end+.story-relations {
  margin-top:32px;
}
.depth-label {
  margin-bottom:16px;
}
.era-layer {
  padding:24px;
  margin:0 -8px;
  border-top:8px solid var(--era);
  background:color-mix(in srgb,var(--era) 18%,var(--bg));
}
.era-layer .story-grid {
  padding-bottom:24px;
}
.era-layer+.era-layer {
  margin-top:1px;
}
.era-layer:target {
  outline:2px solid var(--copper);
  outline-offset:4px;
}
.era-layer .section-heading>div {
  max-width:70%;
}
.people-grid {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:32px 20px;
}
.person-card {
  min-width:0;
}
.person-card figure {
  border:1px solid var(--hairline);
}
.person-card picture img {
  width:100%;
  height:auto;
  aspect-ratio:3/4;
  object-fit:cover;
}
.person-card h3 {
  margin-top:12px;
  font:var(--type-title);
}
.person-card h3 a {
  text-decoration:none;
}
.person-card p {
  margin-top:6px;
  font:var(--type-caption);
}
.portrait-empty {
  aspect-ratio:3/4;
  display:grid;
  place-items:center;
  background:var(--surface);
  color:var(--ink2);
  font:var(--type-displayXL);
}
.daily-person {
  display:grid;
  grid-template-columns:1fr 240px;
  gap:32px;
  padding:24px;
  background:var(--surface);
  border:1px solid var(--hairline);
  margin-top:24px;
}
.daily-person h2 {
  margin:12px 0;
}
.daily-person .reading {
  margin:16px 0 24px;
}
.daily-person picture img {
  width:100%;
  max-height:300px;
  object-fit:contain;
}
.daily-person .credit {
  font:var(--type-caption);

  margin-top:8px;
}
.era-chips {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:24px;
}
.era-chips>a {
  border:1px solid var(--hairline);
  border-radius:var(--r-control);
  padding:12px;
  font:var(--type-figure);
  text-decoration:none;
  background:var(--surface);
}
.bio-header {
  display:grid;
  grid-template-columns:38% minmax(0,1fr);
  gap:48px;
  align-items:center;
}
.bio-header figure {
  max-width:360px;
}
.bio-header picture {
  border:1px solid var(--hairline);
}
.bio-header picture img {
  width:100%;
  max-height:440px;
  object-fit:contain;
}
.bio-header .credit {
  padding-top:12px;
  font:var(--type-caption);

}
.bio-header h2 {
  font:var(--type-title);
  margin:16px 0;
}
.bio-header .reading {
  margin-top:20px;
}
.biography section {
  margin-top:32px;
}
.biography h2 {
  margin-bottom:16px;
}
.bio-text {
  max-width:680px;
}
.bio-text ul {
  line-height:1.7;
}
.ruler-row {
  display:grid;
  grid-template-columns:125px minmax(0,1fr) 110px;
  gap:24px;
  padding:24px 0;
  border-bottom:1px solid var(--hairline);
  align-items:start;
}
.ruler-row small {
  display:block;
  font:var(--type-caption);
  font-weight:500;

  margin-top:8px;
}
.ruler-row h2 {
  margin:8px 0;
}
.ruler-row picture img {
  width:110px;
  max-height:145px;
  object-fit:contain;
}
.ruler-row .credit {
  font:var(--type-caption);

  margin-top:4px;
}
.ruler-row .credit .image-caption,.ruler-row .credit .license {
  display:none;
}
.atlas {
  display:grid;
  grid-template-columns:62% minmax(0,1fr);
  gap:24px;
  align-items:start;
}
.atlas-map {
  position:sticky;
  top:24px;
}
.map-figure {
  min-width:0;
}
.map-stage {
  position:relative;
  overflow:hidden;
}
.map-stage>img {
  width:100%;
  height:auto;
}
.map-dark {
  display:none;
}
:root[data-theme=dark] .map-light {
  display:none;
}
:root[data-theme=dark] .map-dark {
  display:block;
}
.map-pin {
  position:absolute;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  min-width:24px;
  height:24px;
  padding:2px;
  border:1px solid #F1ECE9;
  border-radius:50%;
  background:#9C4E27;
  color:#FFF;
  font:var(--type-figure);
  text-decoration:none;
}
.map-pin:hover {
  background:#3A1719;
  color:#FFF;
  z-index:2;
}
.map-pin.approximate {
  outline:1px dashed #9C4E27;
  outline-offset:3px;
}
.map-figure>.credit {
  padding-top:12px;
  font:var(--type-caption);

}
.atlas-map>.meta {
  margin-top:12px;
}
.places-list article {
  border-bottom:1px solid var(--hairline);
  padding:20px 0;
}
.places-list article:first-child {
  padding-top:0;
}
.places-list h2 {
  font:var(--type-title);
  margin:8px 0;
}
.places-list p,.places-list li {
  font:var(--type-caption);

}
.places-list ul {
  padding-left:16px;
}
.places-list article:target {
  background:var(--surface);
  outline:2px solid var(--copper);
  outline-offset:8px;
}
.finds-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  padding:24px;
  gap:32px 20px;
}
.finds-grid article {
  min-width:0;
}
.finds-grid h2 {
  font:var(--type-title);
  margin-top:12px;
}
.finds-grid picture img {
  width:100%;
  height:200px;
  object-fit:contain;
  padding:12px;
}
.finds-grid figure {
  border-bottom:1px solid var(--hairline);
}
.finds-grid p {
  font:var(--type-caption);
  margin-top:8px;
}
.finds-grid .credit {
  font:var(--type-caption);

}
.finds-grid .image-caption,.finds-grid .license {
  display:none;
}
.date-index {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:32px;
}
.date-index a {
  padding:8px;
  font:var(--type-caption);
}
.day-events {
  display:grid;
  grid-template-columns:100px minmax(0,680px);
  gap:24px;
  padding:32px 0;
  border-top:1px solid var(--hairline);
}
.day-events>article {
  grid-column:2;
}
.day-events>h2+article {
  grid-column:2;
  grid-row:1;
}
.day-events h3 {
  font:var(--type-title);
  margin:8px 0 12px;
}
.date-label {
  font:var(--type-title);
}
.day-events details {
  margin-top:16px;
}
.about-layout {
  display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);
  gap:48px;
}
.about-layout section+section {
  margin-top:32px;
}
.about-layout h2 {
  margin-bottom:16px;
}
.voices {
  padding:24px;
  background:var(--surface);
  align-self:start;
}
.voices>p {
  font:var(--type-caption);

  color:var(--ink2);
}
.voices article {
  padding:20px 0;
  border-bottom:1px solid var(--hairline);
  font:var(--type-caption);

  overflow-wrap:anywhere;
}
.voices h3 {
  margin:8px 0;
}
.voices article p+p {
  margin-top:4px;
}
.voices article>a {
  display:block;
  margin-top:8px;
}
.search-form {
  max-width:680px;
  margin:32px 0;
}
.search-form>label {
  display:block;
  margin-bottom:12px;
}
.search-form>div {
  display:flex;
  gap:12px;
}
.search-form input {
  width:100%;
  min-width:0;
  height:52px;
  padding:12px;
  background:var(--surface);
  color:var(--ink);
  border:1px solid var(--hairline);
  border-radius:var(--r-control);
}
.settings-form {
  max-width:680px;
}
.settings-form fieldset {
  border:0;
  border-top:1px solid var(--hairline);
  padding:24px 0;
  margin:24px 0;
}
.settings-form legend {
  font:var(--type-title);
  padding-right:16px;
}
.settings-form label {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-bottom:16px;
}
.settings-form select {
  height:52px;
  max-width:55%;
  padding:12px;
  border:1px solid var(--hairline);
  border-radius:var(--r-control);
  color:var(--ink);
  background:var(--surface);
}
.settings-form .checkbox {
  justify-content:flex-start;
}
.settings-form input[type=checkbox] {
  width:24px;
  height:24px;
  accent-color:var(--copper);
}
.settings-form .actions {
  margin-top:20px;
}
.error-page {
  max-width:500px;
  padding:24px 0 48px;
}
.display-number {
  font:var(--type-displayXL);
  color:var(--ink2);
}
.error-page .button {
  margin-top:24px;
}
.collection {
  max-width:1240px;
  margin:0 auto;
  padding:32px;
  border-top:1px solid var(--hairline);
  background:var(--surface);
}
.collection>h2 {
  font:var(--type-title);
  margin-bottom:24px;
}
.collection-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.app-identity {
  display:flex;
  gap:12px;
  align-items:flex-start;
}
.app-identity>div {
  min-width:0;
}
.app-identity h3 {
  font:var(--type-title);
}
.app-identity h3 a {
  text-decoration:none;
}
.app-identity p {
  font:var(--type-caption);

  color:var(--ink2);
  margin-top:4px;
}
.app-icon {
  background:var(--app-accent);
  padding:4px;
  border-radius:var(--r-card);
  flex:0 0 56px;
}
.app-icon img {
  width:48px;
  height:48px;
  border-radius:var(--r-row);
}
.store-links {
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  font:var(--type-caption);

  margin-top:16px;
}
.catalogue-link {
  display:inline-block;
  font:var(--type-caption);
  margin-top:24px;
}
.colophon {
  display:flex;
  justify-content:space-between;
  gap:24px;
  font:var(--type-caption);

  border-top:1px solid var(--hairline);
  margin-top:24px;
  padding-top:20px;
}
.colophon nav {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.route-leave {
  opacity:0;
  transform:translateY(4px);
}
.page-content {
  transition:opacity var(--m02) var(--ease-out),transform var(--m02) var(--ease-out);
}
::view-transition-old(root),::view-transition-new(root) {
  animation-duration:var(--t-ui);
}
@media(prefers-color-scheme:dark) {
  :root[data-theme=system] .map-light {
    display:none;
  }
  :root[data-theme=system] .map-dark {
    display:block;
  }
}
@media(min-width:1600px) {
  .people-grid {
    grid-template-columns:repeat(6,minmax(0,1fr));
  }
  .story-grid {
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
}
@media(min-width:760px) and (max-width:1099px) {
  .sidebar {
    width:88px;
    padding:20px 4px;
  }
  .brand {
    justify-content:center;
  }
  .brand span {
    display:none;
  }
  .primary-nav>a {
    flex-direction:column;
    gap:4px;
    padding:8px 0;
    font:var(--type-caption);
  }
  .sidebar-tools,.sidebar-promo {
    display:none;
  }
  main {
    margin-left:88px;
  }
  .page-content {
    padding:24px 32px 48px;
  }
  .story-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .people-grid {
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .story-cover {
    grid-template-columns:1fr 1fr;
  }
  .cover-label {
    padding-left:24px;
  }
  .cover-label h2 {
    font:var(--type-title);
  }
  .discover-top {
    grid-template-columns:minmax(0,1.5fr) minmax(200px,1fr);
  }
  .daily picture img {
    height:300px;
  }
  .collection-grid {
    grid-template-columns:1fr;
  }
  .app-plate {
    display:grid;
    grid-template-columns:1.3fr 1fr;
    gap:24px;
  }
  .store-links {
    align-content:start;
    margin-top:0;
  }
  .about-layout {
    gap:24px;
  }
  .atlas {
    grid-template-columns:56% 1fr;
  }
  .scene {
    gap:24px;
  }
  .finds-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:759px) {
  body {
    padding-bottom:calc(66px + env(safe-area-inset-bottom));
  }
  .sidebar {
    top:auto;
    bottom:0;
    width:100%;
    height:auto;
    min-height:66px;
    padding:4px 8px calc(4px + env(safe-area-inset-bottom));
    border:0;
    border-top:1px solid var(--hairline);
    overflow:visible;
  }
  .sidebar>.brand,.sidebar-tools,.sidebar-promo {
    display:none;
  }
  .primary-nav {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:0;
  }
  .primary-nav>a {
    min-width:0;
    min-height:56px;
    flex-direction:column;
    justify-content:center;
    gap:3px;
    padding:4px 0;
    font:var(--type-caption);

    text-align:center;

    white-space:nowrap;
  }
  .primary-nav>a[aria-current] {
    background:none;
  }
  .nav-icon,.nav-icon svg {
    height:26px;
    width:26px;
  }
  .nav-icon {
    flex-basis:26px;
  }
  main {
    margin-left:0;
  }
  .page-content {
    padding:16px 20px 32px;
  }
  .page-header {
    margin-bottom:16px;
    min-height:44px;
  }
  .page-header h1 {
    font:var(--type-display);
  }
  .header-tools {
    gap:0;
    flex-shrink:0;
  }
  .page-intro {
    font:var(--type-body);

    margin-bottom:20px;
  }
  .discover-top {
    display:block;
  }
  .daily picture img {
    height:278px;
    padding:8px 12px 28px;
  }
  .daily-label {
    padding:12px;
    gap:4px;
  }
  .daily-label h2 {
    font:var(--type-title);

  }
  .daily-label .meta {
    margin:4px 0;
  }
  .daily-label>p:not(.eyebrow):not(.meta) {
    font:var(--type-eyebrow);

  }
  .daily-label .button {
    margin-top:8px;
  }
  .daily-asides {
    margin-top:12px;
    gap:12px;
  }
  .museum-note {
    padding:12px 16px;
  }
  .museum-note h2 {
    font:var(--type-title);
  }
  .museum-note .reading {
    font:var(--type-bodyRead);
  }
  .chronicle,.shelf,.people-era {
    margin-top:24px;
  }
  .section-heading {
    gap:12px;
    margin-bottom:16px;
    align-items:flex-start;
  }
  .section-heading h2 {
    font:var(--type-title);
  }
  .section-heading>a {
    font:var(--type-caption);
    max-width:105px;
    flex-shrink:1;
    text-align:right;
  }
  .era-ribbon {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .story-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px 12px;
  }
  .story-card picture img {
    height:144px;
    padding:8px;
  }
  .card-label {
    padding-top:8px;
  }
  .card-label h3 {
    font:var(--type-title);
  }
  .card-label .eyebrow {
    font:var(--type-eyebrow);


  }
  .card-label .hook {
    font:var(--type-body);

  }
  .card-label .meta {
    font:var(--type-caption);

  }
  .story-card .credit,.person-card .credit {
    font:var(--type-caption);

  }
  .story-card .credit>a:first-of-type,.person-card .credit>a:first-of-type {
    -webkit-line-clamp:2;
  }
  .listening-plate {
    padding:20px;
  }
  .listening-plate h2 {
    font:var(--type-title);
  }
  .story-cover {
    display:block;
    min-height:0;
    margin:0 calc(-1 * var(--gutter));
    padding:16px 20px 24px;
  }
  .story-cover picture img {
    height:310px;
    padding:8px 8px 16px;
  }
  .story-cover .credit {
    padding:8px 0;
    font:var(--type-caption);

  }
  .cover-label {
    padding:20px 0 0;
  }
  .cover-label h2 {
    font:var(--type-title);

    margin:12px 0;
  }
  .cover-hook {
    font:var(--type-body);

    margin-bottom:12px;
  }
  .cover-label>p:not(.cover-hook):not(.eyebrow):not(.meta) {
    font:var(--type-eyebrow);

  }
  .cover-label .meta {
    margin:16px 0;
  }
  .scene-index {
    margin:0 calc(-1 * var(--gutter));
    padding:16px 20px;
    gap:20px;
  }
  .scene {
    display:block;
    padding:32px 0;
  }
  .scene-visual {
    position:static;
    margin-bottom:24px;
  }
  .scene-visual picture img {
    max-height:430px;
  }
  .scene-copy>h2 {
    font:var(--type-title);
    margin-bottom:16px;
  }
  .reading {
    font:var(--type-bodyRead);

  }
  .scene-copy .eyebrow {
    font:var(--type-eyebrow);

  }
  .activity-number {
    font:var(--type-displayXL);
    padding-top:0;
    border:0;
  }
  .scene-activity .scene-visual {
    margin-bottom:16px;
  }
  .options {
    padding-left:24px;
  }
  .options li {
    padding:12px;
    font:var(--type-body);

  }
  .story-end,.bibliography,.image-credits {
    margin-top:32px;
  }
  .story-relations h2 {
    font:var(--type-title);
  }
  .story-end h2 {
    font:var(--type-title);
  }
  .era-layer {
    padding:20px 12px;
    margin:0 -8px;
  }
  .era-layer .section-heading>div {
    max-width:66%;
  }
  .era-layer .section-heading>a {
    max-width:90px;
    font:var(--type-caption);
  }
  .era-layer .story-grid {
    padding-bottom:12px;
  }
  .people-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px 12px;
  }
  .person-card h3 {
    font:var(--type-title);
  }
  .person-card .meta {
    font:var(--type-caption);

  }
  .daily-person {
    grid-template-columns:minmax(0,1fr) 120px;
    gap:12px;
    padding:16px;
    margin-top:20px;
  }
  .daily-person h2 {
    font:var(--type-title);
    margin:8px 0;
  }
  .daily-person .reading {
    font:var(--type-bodyRead);
    margin:12px 0;
  }
  .daily-person .eyebrow {
    font:var(--type-eyebrow);

  }
  .daily-person .credit {
    font:var(--type-caption);

  }
  .daily-person .credit .image-caption,.daily-person .credit .license {
    display:none;
  }
  .daily-person .meta {
    font:var(--type-caption);
  }
  .daily-person .button {
    font:var(--type-caption);
    min-width:0;
    width:100%;
    padding:12px 8px;
  }
  .era-chips {
    gap:6px;
  }
  .era-chips>a {
    padding:10px;
    font:var(--type-figure);
  }
  .bio-header {
    grid-template-columns:1fr;
    gap:24px;
  }
  .bio-header figure {
    width:210px;
    max-width:100%;
    margin:auto;
  }
  .bio-header picture img {
    max-height:300px;
  }
  .bio-header h2 {
    font:var(--type-title);

  }
  .bio-header .reading {
    font:var(--type-bodyRead);
  }
  .biography section h2 {
    font:var(--type-title);
  }
  .ruler-row {
    grid-template-columns:82px minmax(0,1fr);
    gap:12px;
    padding:20px 0;
  }
  .ruler-row>figure {
    grid-column:2;
    width:110px;
    margin-top:8px;
  }
  .ruler-row h2 {
    font:var(--type-title);
  }
  .ruler-row p:not(.eyebrow):not(.ruler-dates) {
    font:var(--type-eyebrow);

  }
  .ruler-dates {
    font:var(--type-caption);

  }
  .atlas {
    display:block;
  }
  .atlas-map {
    position:static;
    margin:0 calc(-1 * var(--gutter)) 24px;
  }
  .atlas-map>.meta,.atlas-map .credit {
    padding-left:20px;
    padding-right:20px;
  }
  .map-pin {
    min-width:17px;
    height:17px;
    font:var(--type-figure);
    border-width:.5px;
  }
  .map-pin.approximate {
    outline-offset:2px;
  }
  .finds-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px 12px;
    margin:0 calc(-1 * var(--gutter));
    padding:20px;
  }
  .finds-grid picture img {
    height:160px;
  }
  .finds-grid h2 {
    font:var(--type-title);
  }
  .finds-grid p {
    font:var(--type-caption);

  }
  .date-index {
    gap:4px;
  }
  .day-events {
    display:block;
    padding:24px 0;
  }
  .date-label {
    color:var(--copper);
    margin-bottom:20px;
  }
  .day-events article+article {
    margin-top:24px;
  }
  .about-layout {
    display:block;
  }
  .about-layout h2 {
    font:var(--type-title);
  }
  .about-layout .voices {
    margin-top:32px;
    padding:20px;
  }
  .voices h3 {
    font:var(--type-title);
  }
  .search-form>div {
    display:block;
  }
  .search-form .button {
    width:100%;
    margin-top:12px;
  }
  .settings-form label {
    display:block;
  }
  .settings-form select {
    display:block;
    max-width:100%;
    width:100%;
    margin-top:12px;
  }
  .settings-form label.checkbox {
    display:flex;
    gap:12px;
  }
  .settings-form .actions {
    display:grid;
    grid-template-columns:1fr;
  }
  .collection {
    padding:24px 20px;
  }
  .collection-grid {
    grid-template-columns:1fr;
    gap:24px;
  }
  .app-identity {
    gap:16px;
  }
  .app-icon {
    flex-basis:56px;
  }
  .store-links {
    padding-left:72px;
    gap:8px 16px;
  }
  .colophon {
    display:block;
  }
  .colophon nav {
    margin-top:16px;
  }
  .colophon nav a {
    min-height:32px;
  }
  .language-suggestion {
    padding:8px 20px;
    font:var(--type-caption);
  }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {
    scroll-behavior:auto!important;
    transition:none!important;
    animation:none!important;
  }
  ::view-transition-old(root),::view-transition-new(root) {
    animation:none;
  }
}
/* W1 visual review: compact covers, complete daily plates, native portrait size. */
.daily-find-content {
  display:flex;
  gap:16px;
  align-items:center;
}
.daily-find-content figure {
  width:88px;
  flex:0 0 88px;
}
.daily-find-content picture img {
  width:88px;
  height:88px;
  object-fit:contain;
  background:var(--vitrine);
}
.daily-find-content .credit {
  font:var(--type-caption);

  max-height:24px;
  overflow:hidden;
}
.daily-find-content .image-caption,.daily-find-content .license {
  display:none;
}
.daily-find-content h2 {
  font:var(--type-title);
}
.daily-find-content p {
  font:var(--type-caption);

}
.story-summary {
  margin-top:24px;
}
.story-cover .credit>details>summary {
  padding:4px 0;
  min-height:28px;
}
.bio-header {
  grid-template-columns:minmax(174px,32%) minmax(0,1fr);
}
.bio-header figure {
  width:min(100%,var(--native-width,360px));
  justify-self:center;
}
.bio-header picture img {
  max-width:var(--native-width,360px);
}
@media(max-width:759px) {
  .story-cover picture img {
    height:240px;
  }
  .story-cover .cover-label {
    padding-top:12px;
  }
  .story-cover .cover-hook {
    margin-bottom:0;
  }
  .story-cover .credit {
    padding:4px 0;
  }
  .story-cover h2 {
    margin:8px 0;
  }
  .story-cover .meta {
    margin:12px 0;
  }
  .bio-header {
    grid-template-columns:1fr;
  }
  .daily-find-content {
    gap:12px;
  }
}
.era-layer {
  background:var(--era);
  --hairline:#22161630;
  --surface:var(--era);
}
.era-layer .story-card figure,.era-layer .story-card .credit {
  background:transparent;
}
.era-layer .story-card figure {
  border:0;
}
.era-layer .section-heading h2 {
  font:var(--type-title);
}
.era-layer a:hover {
  color:var(--ink);
  text-decoration:underline;
}
/* Align museum labels within each shelf without truncating story titles. */
.story-card {
  display:flex;
  flex-direction:column;
}
.story-card .credit {
  min-height:50px;
}
.card-label {
  display:flex;
  flex:1;
  flex-direction:column;
}
.card-label .eyebrow {
  min-height:32px;
}
.card-label h3 {
  min-height:2.24em;
}
.card-label .meta {
  margin-top:auto;
  padding-top:8px;
}
.person-card .credit {
  min-height:64px;
}
@media(max-width:759px) {
  .story-card .credit {
    min-height:44px;
  }
  .card-label .eyebrow {
    min-height:28px;
  }
  .person-card .credit {
    min-height:56px;
  }
}

.button:active { transition-duration:var(--m16-down); }
.button:not(.secondary):active { background:color-mix(in srgb,var(--action) 94%,#000); }
@media(prefers-reduced-motion:reduce) { .button:active { transform:none; } }
h3 {
  font-weight:700;
}
.bio-header.no-portrait {
  grid-template-columns:1fr;
}
.bio-header.no-portrait>figure {
  display:none;
}

/* W1 review: native large titles, readable chips, compact museum plates. */
:root { font-synthesis:none; }
.settings-link { display:flex; align-items:center; gap:12px; min-height:52px; padding:12px; margin-top:16px; border-top:1px solid var(--hairline); font:var(--type-body); }
.settings-link svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.3; }
.language-menu { position:relative; }
.language-menu summary { list-style:none; display:flex; align-items:center; justify-content:space-between; min-height:52px; padding:12px; cursor:pointer; }
.language-menu summary::-webkit-details-marker { display:none; }
.language-menu summary svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.5; }
.language-menu[open] nav { position:absolute; z-index:20; left:0; right:0; bottom:100%; max-height:55vh; overflow:auto; background:var(--surface-raised,var(--surface)); border:1px solid var(--hairline); padding:12px; box-shadow:var(--float); }
.scene-index { min-width:0; max-width:100%; scroll-snap-type:x proximity; scroll-padding:20px; }
.scene-index>a { flex:none; scroll-snap-align:start; }
.scene-activity { display:block; }
.scene-activity .scene-visual:empty { display:none; }
.scene-activity .scene-copy { max-width:680px; margin:auto; }
.audio-plate { display:flex; align-items:center; gap:16px; margin:24px 0; padding:16px; border:1px solid var(--hairline); background:var(--surface); border-radius:var(--r-control); }
.round-play { flex:none; display:grid; place-items:center; width:52px; height:52px; border-radius:50%; color:var(--onAction); background:var(--action); font:var(--type-title); text-decoration:none; }
.audio-plate p { margin:0; font:var(--type-caption); }
.context-promo { display:flex; align-items:center; gap:16px; padding:16px; background:var(--surface); border:1px solid var(--hairline); }
.context-promo[hidden] { display:none; }
.context-promo img { flex:none; border-radius:var(--r-row); }
.cover-label h1 {  font:var(--type-displayXL); font-weight:600;  }
.bio-header h1 {  font:var(--type-displayXL); font-weight:600;  }
.detail-bar { min-height:44px; }
.detail-back { display:grid; place-items:center; width:44px; height:44px; font:var(--type-display); text-decoration:none; }
.compact-title { opacity:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font:var(--type-headline); transition:opacity var(--t-ui) var(--ease-out); }
.title-past .compact-title { opacity:1; }
.daily-asides { display:flex; flex-direction:column; }
.daily-asides>.museum-note:last-child { flex:1; }
@media(min-width:1100px) { .header-tools { display:none; } .detail-bar { display:none; } .scene-index { flex-wrap:wrap; overflow:visible; } }
@media(max-width:1099px) { .detail-bar { position:sticky; top:0; z-index:25; background:var(--bg); margin-inline:calc(-1 * var(--gutter)); padding:0 12px; } .detail-bar .header-tools { margin-left:auto; flex:none; } .cover-label h1 { font:var(--type-displayXL); } }
@media(prefers-reduced-motion:reduce) { .compact-title { transition:none; } }
@media(min-width:760px) {
 .discover-top { align-items:stretch; }
}
.settings-link { text-decoration:none; }
@media(max-width:759px) {
 .discover-top { display:flex; flex-direction:column; align-items:stretch; gap:16px; }
 .daily-asides { display:contents; }
 .daily-asides>[data-mount=continue] { order:-1; }
}
:root {
 --type-ruler-profile-name:600 clamp(2.25rem,3.6vw,3.5rem)/1.05 var(--family-display);
 --type-ruler-profile-dates:600 1.25rem/1.5 var(--family-ui);
 --type-ruler-profile-summary:400 1.125rem/1.5 var(--family-read);
 --type-ruler-profile-monogram:600 5.5rem/1 var(--family-display);
 --type-ruler-neighbour-name:600 1.25rem/1.15 var(--family-display);
 --type-story-row-title:600 1.25rem/1.2 var(--family-display);
}
:root{--type-ruler-life:400 1.125rem/1.75 var(--family-read);--ruler-date-phone-size:1.125rem;--ruler-neighbour-phone-size:1.125rem;--ruler-neighbour-long-phone-size:1rem;--ruler-era-compact-size:2rem}
:root{--type-ruler-compact-lineage:600 .75rem/1rem var(--family-ui)}
:root{--r-story-thumb:8px;--type-story-row-meta:500 .8125rem/1rem var(--family-ui)}

:root{--r-legacy-11:11px;--r-legacy-16:16px;--r-legacy-20:20px;}

:root{--type-match-label:500 1rem/1.25 var(--family-ui)}

:root{--type-first-try:700 1.0625rem/1.35 var(--family-ui);--type-find-name:600 2rem/1.1 var(--family-display)}

:root{--type-stratum-count:600 1.75rem/2rem var(--family-ui);--type-stratum-initial:600 1.75rem/1 var(--family-display)}

:root{--type-catalogue-era:600 1.5rem/1.625rem var(--family-display)}

/* R8: editorial person names, scene excerpts and honest no-image marks. */
:root{
 --type-person-card:600 22px/1.12 var(--family-display);
 --type-person-section:600 22px/1.2 var(--family-display);
 --type-person-directory:600 21px/1.15 var(--family-display);
 --type-person-nearby:600 20px/1.15 var(--family-display);
 --type-person-nearby-phone:600 19px/1.15 var(--family-display);
 --type-person-excerpt:italic 400 16px/1.7 var(--family-read);
 --type-person-initial:600 56px/1 var(--family-display);
 --type-person-directory-initial:600 28px/1 var(--family-display);
 --type-person-profile-initial:600 80px/1 var(--family-display);
 --person-profile-initial-phone:64px;
}

:root{
 --type-atlas-place-title:600 1.75rem/1.1 var(--family-display);
 --type-atlas-place-subtitle:500 .875rem/1.25rem var(--family-ui);
 --type-atlas-story-title:600 1.25rem/1.1 var(--family-display);
}

/* R9fix atlas roles. Town/credit 11px is the explicit map critique size. */
:root{
 --type-atlas-count:600 .75rem/1 var(--family-ui);
 --type-atlas-town:500 .75rem/1.25rem var(--family-ui);
 --type-atlas-credit:500 .75rem/1rem var(--family-ui);
 --type-atlas-action:600 .875rem/1.3 var(--family-ui);
 --type-atlas-page-phone:600 1.4375rem/1.08 var(--family-display);
 --type-atlas-place-phone:600 1.5625rem/1.1 var(--family-display);
 --type-atlas-list-title:600 .875rem/1.3 var(--family-ui);
 --type-atlas-search:400 .875rem/1.4 var(--family-ui);
}

:root{--type-atlas-row-phone:600 .9375rem/1.25rem var(--family-ui)}

/* TYPE TOKENS START: W14 final designer values, in rem. */
:root {
 --type-final-1:600 0.9375rem/1.25rem var(--family-ui);
 --type-final-2:700 1.3125rem/1.15 var(--family-display);
 --type-final-3:700 1.0625rem/1.25rem var(--family-display);
 --type-final-4:500 0.75rem/1.0rem var(--family-ui);
 --type-final-5:700 0.6875rem/0.875rem var(--family-ui);
 --type-final-6:700 1.0625rem/1.375rem var(--family-display);
 --type-final-7:500 0.8125rem/1.0rem var(--family-ui);
 --type-final-8:500 0.8125rem/1.125rem var(--family-ui);
 --type-final-9:500 0.9375rem/1.25rem var(--family-ui);
 --type-final-10:600 0.875rem/1.125rem var(--family-ui);
 --type-final-11:700 0.8125rem/1.125rem var(--family-ui);
 --type-final-12:700 2.0rem/2.25rem var(--family-display);
 --type-final-13:700 0.9375rem/1.25rem var(--family-ui);
 --type-final-14:700 0.875rem/1.125rem var(--family-ui);
 --type-final-15:700 0.75rem/1.0rem var(--family-ui);
 --size-final-13:0.8125rem;
 --size-final-14:0.875rem;
 --size-final-16:1.0rem;
 --size-final-12:0.75rem;
 --type-mini-title:600 .75rem/.875rem var(--family-ui);
}
/* TYPE TOKENS END */