:root{color-scheme:dark;--bg:#111514;--surface:#1b2320;--text:#edece5;--muted:#b7bcb3;--accent:#c5a66b;--line:#45524a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}.skip-link{position:absolute;left:-9999px;top:0;background:#fff;color:#111;padding:.5rem 1rem;z-index:10}.skip-link:focus{left:1rem}.site-header{background:#19211e;border-bottom:1px solid var(--line)}.header-inner,.footer-inner{max-width:1180px;margin:auto;padding:1rem 1.5rem}.brand{font:700 1.35rem Georgia,serif;letter-spacing:.05em;margin:0 0 .75rem}.brand span{color:var(--accent);font-weight:400}.site-header nav{display:flex;gap:.35rem;overflow-x:auto;padding:.2rem 0 .4rem;scrollbar-color:var(--line) transparent}.site-header nav a{white-space:nowrap;text-decoration:none;padding:.35rem .65rem;border-radius:4px;color:var(--muted);font-size:.83rem}.site-header nav a:hover,.site-header nav a[aria-current]{background:#34423a;color:white}.hero{max-width:1180px;margin:auto;padding:3rem 1.5rem 2rem}.hero-copy{max-width:860px}.eyebrow,.season{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-size:.75rem;font-weight:800}h1,h2,h3{font-family:Georgia,Cambria,serif;line-height:1.2}h1{font-size:clamp(2.4rem,6vw,4.7rem);margin:.2rem 0 .5rem}h2{font-size:clamp(1.7rem,3vw,2.4rem);margin:0 0 1rem}h3{font-size:1.35rem;margin:.15rem 0 .65rem}.subtitle{font-size:1.15rem;color:var(--accent);margin:.2rem 0 1.3rem}.intro{font-size:1.12rem;max-width:75ch;color:#e1e2db}.hero-art,.section-art{margin:2rem 0 0}.hero-art img,.section-art img{width:100%;height:auto;display:block;border-radius:5px;border:1px solid var(--line)}.page-content{max-width:1000px;margin:auto;padding:0 1.5rem 4rem}.content-section{padding:2.5rem 0;border-top:1px solid var(--line)}.content-section p{max-width:78ch}.section-art{margin:1.25rem 0 2rem}.entry{padding:.5rem 0;border-bottom:1px solid #303a34;margin:.35rem 0}.entry strong{color:#f5deaa}.season-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.5rem}.season-section>h2,.season-section>p:first-of-type{grid-column:1/-1}.holiday{border-top:1px solid var(--line);padding:1.4rem 0 1.6rem}.holiday p{margin:.35rem 0}.holiday .season{margin:0}.minigame{color:#e2c992}.minigame strong{color:var(--accent)}.closing-section{padding-bottom:0}.site-footer{border-top:1px solid var(--line);background:#19211e;color:var(--muted);font-size:.83rem}.site-footer p{margin:.25rem 0}@media(max-width:680px){body{font-size:16px}.hero{padding-top:2rem}.season-section{display:block}.holiday{padding:1.1rem 0}.header-inner,.footer-inner,.hero,.page-content{padding-left:1rem;padding-right:1rem}}
@media(max-width:680px){.site-header nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.3rem;overflow:visible;padding:.2rem 0 .5rem}.site-header nav a{min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.25;font-size:.7rem;padding:.4rem .15rem;display:flex;align-items:center;justify-content:center}}

/* Keep city navigation in two fixed rows, even when a device reports a wide viewport. */
.site-header nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,auto);overflow:visible;gap:.35rem}
.site-header nav a{min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.25;display:flex;align-items:center;justify-content:center}
@media(max-width:680px){.site-header nav{gap:.3rem}.site-header nav a{font-size:.7rem;padding:.4rem .15rem}}

/* Shared page framing and artwork. */
.header-inner,.footer-inner,.hero,.page-content{padding-left:clamp(1.25rem,4vw,3rem);padding-right:clamp(1.25rem,4vw,3rem)}
.hero,.page-content{max-width:1120px}
.hero-art,.section-art{width:min(100%,920px);margin-left:auto;margin-right:auto}
.hero-art img,.section-art img{margin-inline:auto;object-fit:cover}
.site-header{background:linear-gradient(140deg,#22332a 0%,#19211e 58%,#151d1a 100%)}
.site-header .brand{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.25em .55em;max-width:100%;padding:.55rem .9rem .65rem;border:1px solid rgba(197,166,107,.55);border-left:4px solid var(--accent);border-radius:3px;background:rgba(11,18,14,.48);box-shadow:0 4px 20px rgba(0,0,0,.16);font-size:clamp(1.3rem,3vw,1.9rem);line-height:1.1;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.site-header .brand::before{content:"WORLD OF";flex-basis:100%;font:700 .61rem/1.3 system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:.25em;color:var(--accent)}
.site-header .brand span{font-style:italic;color:#e2c992}
@media(max-width:680px){.header-inner,.footer-inner,.hero,.page-content{padding-left:1.25rem;padding-right:1.25rem}.site-header .brand{font-size:1.4rem;padding:.5rem .7rem}.site-header nav a{font-size:.69rem}}

/* Player armor guide; scoped to its own page. */
body.armor-page{color-scheme:dark;--bg:#111715;--panel:#1b2420;--line:#45554a;--gold:#d3b479;--text:#f2efe6;--muted:#bdc7bc}body.armor-page *{box-sizing:border-box}html{scroll-behavior:smooth}body.armor-page{margin:0;color:var(--text);background:radial-gradient(circle at top,#283b30 0,#151d18 34rem,var(--bg) 80rem);font:16px/1.65 Inter,system-ui,sans-serif}body.armor-page a{color:inherit}body.armor-page .skip{position:absolute;left:-9999px}body.armor-page .skip:focus{left:1rem;top:1rem;z-index:5;background:#fff;color:#111;padding:.5rem}body.armor-page .wrap{width:min(1200px,calc(100% - 2.5rem));margin-inline:auto}body.armor-page .header{border-bottom:1px solid var(--line);background:#17231dcc}body.armor-page .header .wrap{padding:1rem 0}body.armor-page .brand{font:700 1.3rem Cinzel,Georgia,serif;color:var(--gold);letter-spacing:.06em;text-decoration:none}body.armor-page .brand:hover,body.armor-page .brand:focus-visible{text-decoration:underline;text-underline-offset:.2em}body.armor-page .eyebrow{color:var(--gold);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em}body.armor-page .intro{padding:3.1rem 0 2rem}body.armor-page .intro h1{font:700 clamp(2.4rem,6vw,4.4rem)/1.1 Cinzel,Georgia,serif;margin:.25rem 0 1rem}body.armor-page .intro p{max-width:78ch}body.armor-page .lede{font-size:1.15rem;color:#e6eadf}body.armor-page .chips{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.6rem 0}body.armor-page .chips a,body.armor-page .backtop{display:inline-block;border:1px solid #74806a;border-radius:5px;background:#28372e;padding:.45rem .8rem;text-decoration:none}body.armor-page .chips a:hover,body.armor-page .chips a:focus-visible,body.armor-page .backtop:hover{border-color:var(--gold);background:#384b3b}body.armor-page .rules{border:1px solid var(--line);border-radius:10px;padding:1rem 1.4rem;background:var(--panel);margin:1rem 0 2.2rem}body.armor-page .rules h2,body.armor-page .tier h2{font:600 clamp(1.5rem,3vw,2.2rem) Cinzel,Georgia,serif}body.armor-page .rules h2{margin:.3rem 0}body.armor-page .stage-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem;padding:0;list-style:none}body.armor-page .stage-list li{padding:.55rem .3rem;text-align:center;background:#29392d;border-radius:4px;font-size:.83rem}body.armor-page .stage-list strong{display:block;color:var(--gold)}body.armor-page .tier{padding:2.3rem 0 2.8rem;border-top:1px solid var(--line);scroll-margin-top:1rem}body.armor-page .tier h2{margin:.2rem 0}body.armor-page .tier>p{max-width:75ch;color:var(--muted);margin:.4rem 0 1.4rem}body.armor-page .cards{display:grid;gap:1.35rem}body.armor-page .card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:1rem;overflow:hidden}body.armor-page .card h3{margin:.1rem 0;font:600 1.3rem Cinzel,Georgia,serif}body.armor-page .card .meta{margin:.15rem 0 1rem;color:var(--gold);font-size:.9rem}body.armor-page .card button{display:block;width:100%;padding:0;border:0;border-radius:4px;background:transparent;cursor:zoom-in}body.armor-page .card img{display:block;width:100%;height:auto;border-radius:4px}body.armor-page .card .hint{margin:.5rem 0 0;color:var(--muted);font-size:.8rem}body.armor-page .footer{border-top:1px solid var(--line);background:#17231d;padding:1.7rem 0;color:var(--muted);font-size:.85rem}body.armor-page dialog{width:min(98vw,1500px);max-height:96vh;border:1px solid var(--gold);border-radius:8px;padding:1rem;background:#17201a;color:#fff}body.armor-page dialog::backdrop{background:#000d}body.armor-page dialog img{max-width:100%;max-height:82vh;display:block;margin:auto}body.armor-page dialog button{float:right;margin-bottom:.6rem;border:1px solid var(--gold);border-radius:4px;color:#fff;background:#314135;padding:.35rem .7rem;cursor:pointer}@media(max-width:700px){body.armor-page .stage-list{grid-template-columns:repeat(3,minmax(0,1fr))}body.armor-page .wrap{width:min(100% - 1.6rem,1200px)}body.armor-page .intro{padding-top:2rem}body.armor-page .card{padding:.7rem}body.armor-page .card button{overflow-x:auto}body.armor-page .card img{min-width:760px;max-width:none}body.armor-page .card .hint{margin-top:.6rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Homepage cards, moved from page-local styles. */

/* Starting city cards: self-contained because the homepage stylesheet lives beside this file. */
.peoples .city-grid-hint{margin-top:.75rem;color:#d8bd78;font-weight:600}
.race-grid article{position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.race-grid .city-card-link{display:block;height:100%;box-sizing:border-box;color:inherit;text-decoration:none;cursor:pointer;border-radius:inherit}
.race-grid .city-card-link h3,.race-grid .city-card-link p,.race-grid .city-card-link small{color:inherit}
.race-grid .city-card-cta{display:inline-flex;align-items:center;gap:.4em;margin-top:1rem;color:#d8bd78;font-size:.85rem;font-weight:700;letter-spacing:.04em;text-decoration:underline;text-underline-offset:.25em}
.race-grid .city-card-arrow{display:inline-block;transition:transform .2s ease}
.race-grid article:hover,.race-grid article:focus-within{transform:translateY(-5px);box-shadow:0 14px 30px rgba(0,0,0,.25);border-color:#d8bd78}
.race-grid article:hover .city-card-arrow,.race-grid article:focus-within .city-card-arrow{transform:translate(3px,-3px)}
.race-grid article:active{transform:translateY(-1px) scale(.985)}
.race-grid .city-card-link:focus-visible{outline:3px solid #d8bd78;outline-offset:4px}
@media (prefers-reduced-motion:reduce){.race-grid article,.race-grid .city-card-arrow{transition:none}.race-grid article:hover,.race-grid article:focus-within,.race-grid article:active{transform:none}}


/* Shared responsive behavior. Layout stays in this stylesheet on every page. */
html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
img,video,canvas { max-width:100%; }
img { height:auto; }
a,button,input,select { -webkit-tap-highlight-color:transparent; }
a:focus-visible,button:focus-visible,select:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
button,input,select { font:inherit; }
[hidden] { display:none!important; }
h1,h2,h3,p,a { overflow-wrap:break-word; }
figcaption { color:var(--muted); font-size:.85rem; margin-top:.65rem; }
.city-page .site-header nav,.footer-city-links { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.4rem; }
.footer-nav { display:grid; gap:1.2rem; margin-bottom:1.5rem; }
.footer-city-links .footer-label { grid-column:1/-1; color:var(--accent); }
.footer-city-links a { display:flex; align-items:center; justify-content:center; text-align:center; padding:.65rem .4rem; line-height:1.3; border:1px solid var(--line); border-radius:4px; text-decoration:none; overflow-wrap:anywhere; }
.city-page .site-header nav a,.towns-page .site-header nav a { min-height:44px; font-size:.85rem; }
.site-header .brand { text-decoration:none; }
/* Homepage: distinct selectors prevent its hero and brand colliding with city guides. */
.home-page { --bg:#101b27; --surface:#172637; --line:#364758; --accent:#d8bd78; background:var(--bg); }
.home-page .site-header { display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:1.2rem max(1.25rem,calc((100% - 1200px)/2)); background:#101b27; }
.home-page .site-header .brand { display:flex; flex-wrap:nowrap; gap:.75rem; border:0; background:none; box-shadow:none; padding:0; margin:0; }
.home-page .site-header .brand::before { content:none; }
.home-page .brand img { width:72px; height:72px; object-fit:contain; flex-shrink:0; }
.home-page .brand span { display:grid; gap:.35rem; font-style:normal; }
.home-page .brand small { font:700 clamp(.9rem,1.5vw,1.25rem)/1.3 system-ui,sans-serif; letter-spacing:.12em; }
.home-page .brand strong { font:700 clamp(1.25rem,2.6vw,2rem)/1.2 Georgia,serif; }
.home-page .site-header nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.35rem; }
.home-page .site-header nav a { min-height:44px; padding:.6rem; }
.home-page .hero { position:relative; isolation:isolate; max-width:none; padding:0; margin:0; min-height:620px; display:flex; align-items:center; overflow:hidden; }
.home-page .hero>.hero-art { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; margin:0; z-index:-2; }
.home-page .hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(9,18,29,.92),rgba(9,18,29,.25)),linear-gradient(0deg,#101b27,transparent 45%); z-index:-1; }
.home-page .hero-content { width:min(1200px,100%); margin:auto; padding:5rem 1.5rem; }
.home-page .hero h1 { font-size:clamp(2.6rem,6vw,5.7rem); max-width:13ch; }
.home-page .hero h1 em { color:var(--accent); }
.home-page .hero-content>p { max-width:48ch; }
.home-page .hero-caption { position:absolute; right:1.5rem; bottom:1rem; font-size:.75rem; color:#e1e2db; }
.home-page .button { display:inline-flex; gap:1rem; padding:.85rem 1.2rem; margin-top:1rem; background:var(--accent); color:#101b27; font-weight:700; text-decoration:none; border-radius:4px; }
.home-page .section { width:min(1200px,100%); max-width:none; margin:auto; padding:4rem 1.5rem; }
.home-page .section-heading { max-width:75ch; margin-bottom:2rem; }
.home-page .intro-grid { display:grid; grid-template-columns:1.3fr 1fr; gap:3rem; align-items:center; }
.home-page .intro-grid img { width:100%; max-height:380px; object-fit:contain; }
.home-page .large { font-size:1.3rem; }
.home-page .race-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1rem; }
.home-page .race-grid article { border:1px solid var(--line); background:var(--surface); border-radius:6px; }
.home-page .city-card-link { padding:1.2rem; }
.home-page .city-card-link>span:first-child { color:var(--accent); font-size:.8rem; }
.home-page .city-card-link h3 { margin-top:1rem; }
.home-page .city-card-link p { margin:.4rem 0; }
.home-page .city-card-link small { display:block; }
.home-page .feature-grid,.home-page .guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.home-page .feature-grid article,.home-page .guide-card { background:var(--surface); border:1px solid var(--line); border-radius:6px; padding:1.5rem; }
.home-page .guide-card { text-decoration:none; }
.home-page .guide-card:hover { border-color:var(--accent); }
.home-page .guide-card span,.home-page .feature-number { color:var(--accent); }
.home-page .artifact { display:grid; grid-template-columns:200px 1fr; align-items:center; gap:2rem; padding:2rem; margin-top:2rem; border:1px solid var(--line); border-radius:6px; }
.home-page .artifact img { width:100%; max-height:200px; object-fit:contain; }
.home-page .story { display:grid; grid-template-columns:260px 1fr; gap:3rem; align-items:center; }
.home-page .story>img { width:100%; border-radius:5px; }
.home-page .text-link { color:var(--accent); }
.home-page footer { border-top:1px solid var(--line); padding:2.5rem max(1.25rem,calc((100% - 1152px)/2)); }
.home-page .footer-brand { display:flex; align-items:center; gap:1rem; margin-bottom:1rem; }
.home-page .footer-brand img { width:70px; height:70px; object-fit:contain; }
.home-page .footer-brand p { margin:.3rem 0; }
.home-page .footer-note { font-size:.85rem; color:var(--muted); }
/* 3D gallery, including responsive controls and a stable viewer height. */
.gallery-page { background:radial-gradient(circle at top,#283b30,var(--bg) 65%); }
.gallery-container { width:min(1200px,calc(100% - 3rem)); margin:auto; }
.gallery-header,.gallery-footer { border-bottom:1px solid var(--line); background:#19211e; }
.gallery-header .gallery-container,.gallery-footer .gallery-container { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; padding:1.25rem 0; }
.gallery-brand { font:700 1.4rem Georgia,serif; text-decoration:none; color:var(--accent); }
.gallery-page main { padding:3rem 0; }
.gallery-kicker { color:var(--accent); text-transform:uppercase; letter-spacing:.16em; font-size:.8rem; }
.gallery-lede { max-width:70ch; color:var(--muted); }
.gallery-layout { display:grid; grid-template-columns:280px minmax(0,1fr); gap:1.5rem; margin-top:2rem; }
.gallery-panel,.gallery-stage,.gallery-empty { padding:1.25rem; background:var(--surface); border:1px solid var(--line); border-radius:8px; min-width:0; }
.gallery-panel { align-self:start; }
.gallery-panel label { display:block; margin:.7rem 0 .35rem; font-weight:700; }
.gallery-panel select,.gallery-panel button { width:100%; min-height:44px; padding:.65rem; border:1px solid var(--line); border-radius:4px; background:#29392d; color:var(--text); }
.gallery-panel select { min-width:0; }
.gallery-panel button { margin-top:.8rem; cursor:pointer; }
.gallery-count,.gallery-hint,.gallery-footer { font-size:.85rem; color:var(--muted); }
.gallery-viewer-wrap { position:relative; background:radial-gradient(ellipse,#425748,#17201a); border-radius:5px; overflow:hidden; }
model-viewer { display:block; width:100%; height:clamp(360px,55vh,650px); min-height:360px; --progress-bar-color:var(--accent); }
.gallery-loading { position:absolute; left:1rem; bottom:1rem; background:#111e; color:var(--text); padding:.5rem .8rem; border-radius:4px; pointer-events:none; }
.gallery-status { color:var(--accent); margin:.75rem 0; }
.gallery-stage h2 { font-size:1.6rem; margin-top:1rem; }
.gallery-footer { border-top:1px solid var(--line); border-bottom:0; }
.gallery-footer span { max-width:75ch; }
body.armor-page .intro { max-width:none; }
body.armor-page dialog img { width:auto; min-width:0; height:auto; object-fit:contain; }
@media(max-width:1000px) {
 .home-page .site-header { flex-direction:column; align-items:flex-start; gap:1rem; }
 .home-page .site-header nav { justify-content:flex-start; }
 .home-page .race-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:760px) {
 .home-page .intro-grid,.home-page .story,.home-page .feature-grid,.home-page .guide-grid,.gallery-layout { grid-template-columns:1fr; }
 .home-page .story>img { max-width:260px; margin:auto; }
 .home-page .section { padding:2.5rem 1.25rem; }
 .home-page .hero { min-height:540px; }
 .home-page .hero-content { padding:3.5rem 1.25rem; }
 .home-page .hero-shade { background:linear-gradient(90deg,rgba(9,18,29,.88),rgba(9,18,29,.55)),linear-gradient(0deg,#101b27,transparent); }
 .home-page .artifact { grid-template-columns:120px minmax(0,1fr); padding:1rem; gap:1rem; }
 .gallery-container { width:calc(100% - 2.5rem); }
 .gallery-page main { padding:2rem 0; }
 .city-page .site-header nav,.footer-city-links { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:none; }
 .city-page .site-header nav a,.footer-city-links a { font-size:.85rem; min-height:44px; padding:.6rem .4rem; }
 .towns-page .site-header nav { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:none; }
}
@media(max-width:480px) {
 .home-page .race-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; }
 .home-page .city-card-link { padding:.85rem; }
 .home-page .artifact { grid-template-columns:1fr; }
 .home-page .artifact img { max-width:130px; margin:auto; }
 .home-page .hero h1 { font-size:2.6rem; }
 .home-page .site-header nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }
 .gallery-panel,.gallery-stage { padding:.85rem; }
 model-viewer { min-height:300px; height:400px; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 *,*::before,*::after { transition:none!important; }
}

/* Keep the enlarged homepage title within narrow phone screens. */
@media(max-width:480px){.home-page .site-header .brand{gap:.6rem;min-width:0}.home-page .brand img{width:48px;height:48px}.home-page .brand span{min-width:0}.home-page .brand small{font-size:.8rem}.home-page .brand strong{font-size:1.15rem}}

/* Compact homepage masthead and navigation. */
.home-page .site-header { padding-top:.75rem; padding-bottom:.75rem; gap:1rem; }
.home-page .site-header nav { padding:0; gap:.15rem .35rem; }
.home-page .site-header nav a { margin:0; padding:.4rem .55rem; line-height:1.25; }
@media(max-width:1000px) {
 .home-page .site-header { gap:.5rem; }
}
@media(max-width:480px) {
 .home-page .site-header { padding:.65rem 1.1rem; gap:.35rem; }
 .home-page .site-header nav { display:flex; flex-wrap:wrap; justify-content:flex-start; width:100%; gap:0 .4rem; grid-template-rows:none; }
 .home-page .site-header nav a { flex:0 1 auto; min-height:44px; padding:.45rem .4rem; font-size:.8rem; }
 .home-page .brand span { gap:.2rem; }
}

/* Wide mobile game title, with the emblem and Atheron above it. */
@media(max-width:600px){
 .home-page .site-header{padding:.65rem .8rem;align-items:stretch;gap:.4rem}
 .home-page .site-header .brand{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:.55rem;row-gap:.15rem;width:100%;max-width:none;align-items:center}
 .home-page .brand img{grid-column:1;grid-row:1;width:40px;height:40px}
 .home-page .brand span{display:contents}
 .home-page .brand small{grid-column:2;grid-row:1;font-size:.9rem;letter-spacing:.12em}
 .home-page .brand strong{display:block;grid-column:1/-1;grid-row:2;width:100%;font-size:clamp(1.3rem,6.3vw,2.36rem);line-height:1.15;letter-spacing:0;white-space:nowrap;text-align:center}
 .home-page .site-header nav{display:flex;flex-wrap:wrap;justify-content:center;width:100%;gap:0 .25rem;padding:0}
 .home-page .site-header nav a{flex:0 1 auto;min-height:44px;padding:.4rem;font-size:.8rem;line-height:1.25}
}