/* Shared country opening, based on the Soyuzslai title hierarchy. */
.nation-page { --country-accent:#b8984f; }
.soyuzslai-theme { --country-accent:#a31818; }
.abies-theme { --country-accent:#0074d9; }
.warokia-theme { --country-accent:#8c62ff; }
.gb-theme { --country-accent:#d4af37; }
.og-theme { --country-accent:#b5a642; }
.eu-theme { --country-accent:#c7af36; }
.ce-theme { --country-accent:#b28349; }
.nation-page #hero { min-height:100svh; padding:100px 24px 150px; isolation:isolate; }
.nation-page #hero .hero-bg { filter:brightness(.6) contrast(1.2); }
.country-hero-overlay { position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(transparent,rgba(0,0,0,.2),#090909); background:linear-gradient(transparent,color-mix(in srgb,var(--country-accent) 20%,transparent),#090909); }
.nation-page #hero .hero-content { width:100%; max-width:1200px; padding:0; position:relative; z-index:3; text-shadow:none; }
.nation-page #hero .nation-hero-titles { text-align:center; width:100%; text-shadow:none; }
.nation-page #hero .jp-title { font-family:var(--font-en); font-size:clamp(1.5rem,2.5vw,2rem); font-weight:400; line-height:1.8; letter-spacing:.1em; color:var(--color-white); margin:0; text-shadow:0 0 20px var(--country-accent); overflow-wrap:anywhere; }
.nation-page #hero .en-title { font-family:var(--font-en); font-size:clamp(1rem,2vw,1.5rem); font-weight:400; line-height:1.8; letter-spacing:.1em; color:#bdbdbd; margin:0; text-shadow:none; overflow-wrap:anywhere; }
.nation-page #hero .subtitle { font-family:var(--font-jp); font-size:1rem; font-weight:300; line-height:1.8; letter-spacing:normal; color:var(--color-white); border:0; padding:0; margin:0; text-shadow:none; }
.nation-page #hero .scroll-indicator p { color:var(--country-accent); }
.nation-page #hero .scroll-indicator .line { background-color:var(--country-accent); }