/* Aubade pilot. Values are design proposals; historical era names remain intact. */
@font-face{font-family:AubadeSerif;src:url('/assets/fonts/aubade/Cormorant_Garamond_600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:AubadeSans;src:url('/assets/fonts/aubade/Manrope_400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:AubadeSans;src:url('/assets/fonts/aubade/Manrope_600.ttf') format('truetype');font-weight:600;font-display:swap}
html[data-era="1"]:root{--epoch-bg:#f6f1e6;--epoch-panel:#fffaf2;--epoch-text:#18382d;--epoch-muted:#506252;--epoch-line:#c3c7b7;--epoch-accent:#80602b;--epoch-serif:AubadeSerif,Georgia,serif;--city-ink:#18382d;--city-gold:#80602b;--city-muted:#506252;--city-line:#c3c7b7}
html[data-era="1"] .era-home{font-family:AubadeSans,Arial,sans-serif}
html[data-era="1"] .aubade-hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;min-height:0;height:auto;max-height:none;padding:54px clamp(24px,4vw,64px);background:#f6f1e6;color:#18382d}
html[data-era="1"] .aubade-hero .era-hero-copy{padding:0;grid-column:1;grid-row:1;max-width:none}
html[data-era="1"] .aubade-hero .era-hero-image{position:static;grid-column:2;grid-row:1;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:3px}
html[data-era="1"] .aubade-hero .era-hero-veil{display:none}
html[data-era="1"] .aubade-hero .era-eyebrow,html[data-era="1"] .aubade-hero .era-period{color:#506252}
html[data-era="1"] .aubade-hero .era-period{margin-top:12px!important}
html[data-era="1"] .aubade-hero h1{color:#18382d!important;font-size:clamp(36px,3.6vw,60px);margin:18px 0}
html[data-era="1"] .aubade-movement{color:#80602b;letter-spacing:.12em;font-size:12px;margin-top:26px}
html[data-era="1"] .aubade-subtitle{font:600 clamp(29px,3vw,45px)/1.1 AubadeSerif,Georgia,serif;margin-top:8px}
html[data-era="1"] .aubade-manifesto{font:600 26px/1.25 AubadeSerif,Georgia,serif;margin:18px 0}
html[data-era="1"] .aubade-hero .era-lead{color:#506252;font-size:14px;line-height:1.8}
html[data-era="1"] .aubade-hero .era-primary{background:#18382d;border-color:#18382d;color:#fffaf2!important}
html[data-era="1"] .aubade-hero .era-primary:hover{background:#31553f}
html[data-era="1"] .aubade-hero .era-secondary{color:#18382d!important;border-color:#80602b}
html[data-era="1"] .aubade-hero .era-hero-foot{position:static;grid-column:1/-1;color:#506252;flex-wrap:wrap}
html[data-era="1"] .era-home a:focus-visible,html[data-era="1"] .city-directory :is(a,button,input):focus-visible,html[data-era="1"] .aubade-quarters :is(button,summary):focus-visible{outline:3px solid #80602b;outline-offset:4px}
html[data-era="1"] .era-end .aubade-art-note{font:12px/1.6 AubadeSans,Arial,sans-serif;letter-spacing:0;color:#506252}
html[data-era="1"] .city-directory{background:#f6f1e6;color:#18382d;font-family:AubadeSans,Arial,sans-serif;color-scheme:light}
html[data-era="1"] .city-directory :is(h1,h2,h3){font-family:AubadeSerif,Georgia,serif;font-weight:600}
html[data-era="1"] .city-directory :is(.city-card,.cities-search input){background:#fffaf2;color:#18382d}
html[data-era="1"] .city-directory .city-card a:hover{background:#edf0e5}
html[data-era="1"] .city-directory .city-skip{background:#fffaf2;color:#18382d}
.cities-clear{font:inherit;font-size:12px;min-height:44px;padding:8px 14px;border:1px solid var(--city-line);border-radius:3px;background:transparent;color:var(--city-ink);cursor:pointer}
.cities-clear:focus-visible{outline:3px solid var(--city-gold);outline-offset:3px}
html[data-era="1"] .view-switch-bar:has(.aubade-city-intro){background:#f6f1e6;color:#18382d;border-color:#c3c7b7;align-items:start}
html[data-era="1"] .aubade-city-intro{font-family:AubadeSans,Arial,sans-serif;min-width:0;max-width:900px}
html[data-era="1"] .aubade-city-intro h2{font:600 40px/1.1 AubadeSerif,Georgia,serif;color:#18382d}
html[data-era="1"] .aubade-city-intro :is(p,.section-eyebrow){color:#506252}
html[data-era="1"] .aubade-city-image{margin:24px 0 12px;max-width:680px}
html[data-era="1"] .aubade-city-image img{display:block;width:100%;height:auto;border-radius:3px}
html[data-era="1"] .aubade-city-image figcaption{font-size:11px;line-height:1.5;margin-top:8px;color:#506252}
html[data-era="1"] .aubade-quarters{border-top:1px solid #c3c7b7;margin-top:22px;padding-top:12px}
html[data-era="1"] .aubade-quarters summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:14px;font-weight:600}
html[data-era="1"] .aubade-quarters>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html[data-era="1"] .aubade-quarters button{min-height:48px;text-align:left;padding:12px;border:1px solid #c3c7b7;background:#fffaf2;color:#18382d;font:inherit;font-size:13px;cursor:pointer}
html[data-era="1"] .aubade-quarters button:hover{background:#edf0e5}
html[data-era="1"] .aubade-city-intro [hidden]{display:none!important}
@media(max-width:850px){html[data-era="1"] .aubade-hero{grid-template-columns:1fr;padding:32px 24px;gap:28px}html[data-era="1"] .aubade-hero .era-hero-image{grid-column:1;grid-row:2;aspect-ratio:16/10}html[data-era="1"] .aubade-hero .era-hero-foot{grid-row:3}html[data-era="1"] .aubade-quarters>div{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html[data-era="1"] .era-home *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* The existing era skin marks panel backgrounds important; scope the pilot override. */
html[data-era="1"] body.shared-city .view-switch-bar:has(.aubade-city-intro){background:#f6f1e6!important;color:#18382d!important;flex:0 0 auto}
html[data-era="1"] .view-switch-copy.aubade-city-intro{display:block;flex:0 1 auto}
html[data-era="1"] .view-switch-copy.aubade-city-intro>p{display:block;color:#506252;line-height:1.7;margin:12px 0}
html[data-era="1"] .view-switch-bar:has(.aubade-city-intro) .v71-era-fixed{color:#506252;border-color:#c3c7b7;background:transparent}
html[data-era="1"] .aubade-hero .era-actions{gap:12px 20px}
html[data-era="1"] .aubade-hero .era-secondary{min-height:44px;display:inline-flex;align-items:center}