:root{--white:#fffdf8;--off:#f0ede5;--off2:#f8f6f0;--black:#20282d;--mid:#586870;--light:#718087;--border:#c9d1d1;--border2:#e0e4e1;--blue:#2e6f73;--blue2:#255e62;--blue-press:#1f5357}
body{background:#f7f5ef;color:#20282d}body::before{background:radial-gradient(circle at 76% 10%,rgba(96,157,162,.15),transparent 30%),radial-gradient(circle at 14% 52%,rgba(180,139,74,.08),transparent 27%)}body::after{background-image:linear-gradient(rgba(39,74,76,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(39,74,76,.025) 1px,transparent 1px);mask-image:linear-gradient(to bottom,#000,transparent 88%)}
nav{background:rgba(250,248,242,.9);border-color:rgba(50,72,74,.12)}.nav-logo{color:#20282d}.nav-logo::before{color:#8e672c;border-color:#a67a39}.nav-links a{color:#596970}.nav-links a:hover{color:#1d292d}.hamburger span{background:#253238}
.hero{border-color:rgba(50,72,74,.14)}.hero-eyebrow{color:#2e6f73}.hero-eyebrow::before{background:#2e6f73}.hero h1{color:#1f2a2f;text-shadow:none}.hero-kicker{color:#445961}.hero-sub{color:#5b6d75}.hero-cta{background:#285f63;color:#fff}.hero-cta span{background:#fff;color:#285f63}.hero-cta:hover{background:#1f5054}.hero-secondary{color:#4d656d;border-color:#91a3a5}.hero-secondary:hover{color:#234e52;border-color:#2e6f73}
.memory-network{border-color:rgba(48,93,96,.2);background:linear-gradient(145deg,rgba(234,242,239,.96),rgba(248,245,236,.88));box-shadow:0 26px 70px rgba(54,74,69,.12)}.memory-network::before{background:radial-gradient(circle at 50% 50%,rgba(73,139,145,.16),transparent 48%)}.network-ring{border-color:rgba(58,119,124,.22)}.ring-two{border-color:rgba(157,113,49,.28)}.network-core{background:radial-gradient(circle,#fff 0 4%,#76a9ad 7%,#d9e9e6 35%,rgba(255,255,255,.15) 72%);box-shadow:0 0 65px rgba(64,134,140,.25)}.network-node{background:#4b858a;box-shadow:0 0 15px rgba(52,119,125,.45)}.node-five,.node-six{background:#a97c38}.network-trace{background:linear-gradient(90deg,transparent,rgba(47,111,116,.4),transparent)}.network-count{color:#71888c}.network-status strong{color:#29484d}.network-status span{color:#71858a}.hero-stats{border-color:rgba(50,72,74,.14)}.hero-stats>div{border-color:rgba(50,72,74,.14)}.stat-num{color:#26363b}.stat-label,.hero-scroll-hint{color:#6d7e83}
.gallery-section{background:transparent}.gallery-header .eyebrow{color:#2e6f73}.gallery-header h2{color:#222f34}.gallery-header p{color:#63747b}.story-card{background:rgba(255,253,248,.93);border-color:#dce2de;box-shadow:0 18px 55px rgba(55,72,66,.08)}.story-quote{color:#315f62;border-color:#b28a4d}.story-body{color:#54666d}.story-pillars{background:#f0f2ed;border-color:#dce2de}.story-pillars h3,.story-chapters-title{color:#263439}.pillar-item{background:#fffdf9;border-color:#e0e5e1}.pillar-item strong{color:#28383d}.pillar-list{color:#596a71}.chapter-grid{border-color:#d7dedb}.chapter-card{border-color:#d7dedb;background:#fffdf9}.chapter-card:hover{background:#f2f6f2}.chapter-label{color:#2e6f73}.chapter-card h4{color:#29383d}.chapter-card p{color:#5d6c72}.chapter-relics{color:#748288}.story-card .hero-cta{color:#fff}
#characters{background:linear-gradient(180deg,transparent,rgba(220,234,229,.6))}.filter-sticky{background:rgba(247,245,239,.92);border-color:rgba(50,72,74,.1)}.filter-btn{background:rgba(255,253,248,.94);border-color:#cdd5d2;color:#55666d}.filter-btn:hover{border-color:#2e6f73;color:#234e52}.filter-btn.active{background:#285f63;border-color:#285f63;color:#fff}.char-card{background:#fffdf9;border-color:#dce2df;box-shadow:0 5px 18px rgba(46,63,59,.045)}.char-card:hover{border-color:rgba(46,111,115,.45);box-shadow:0 20px 45px rgba(48,67,62,.13)}.char-img-wrap{background:#edf1ed}.char-img{filter:saturate(.94) contrast(1.01)}.char-img-tag{background:rgba(255,253,248,.88);color:#315f62}.char-body{border-color:#e1e5e2}.char-district{color:#2e6f73}.char-name{color:#243238}.char-romaji{color:#77868c}.char-tag{background:#f2f2ec;color:#5c6c72;border-color:#dfe4e0}
.modal-overlay{background:rgba(31,43,45,.5)}.modal{background:#fffdf9;border-color:#d9e0dc;box-shadow:0 28px 90px rgba(31,48,45,.25)}.modal-img-col{background:#eef1ed}.modal-info-col{background:#fffdf9}.modal-close,.modal-nav-btn{color:#40545a;background:rgba(255,253,248,.88)}.modal-close:hover,.modal-nav-btn:hover{background:#e9efeb;color:#1f3035}.modal-title{color:#202d32}.modal-no,.modal-sec-label{color:#2e6f73}.modal-romaji,.modal-text{color:#586a72}.modal-alias,.modal-quote{background:#f2f2ec;color:#4b6068;border-color:#bd9b65}.modal-stat{background:#f3f3ee}.modal-stat-label{color:#75848a}.modal-stat-value{color:#28383d}.modal-divider{background:#e0e5e1}.zodiac-pill{background:#eee5d6;color:#855f28}.modal-prompt{background:#f3f3ee;color:#4e6169;border-color:#dce2df}.copy-prompt-btn{background:#edf1ed;border-color:#cdd6d2;color:#2e6f73}
footer{background:#eeeae1;border-color:#d7ddd9}.footer-card{background:#fffdf9;border-color:#d9dfdc;box-shadow:0 10px 35px rgba(51,66,62,.07)}.footer-card h3,.footer-meta strong{color:#28363b}.footer-card>p,.footer-meta{color:#596970}.footer-meta{border-color:#dfe3e0}.footer-copy{color:#6f7d82}footer a{color:#2e6f73}
@media(max-width:768px){.nav-links{background:rgba(250,248,242,.98)}.nav-links a{color:#293a3f}.filter-sticky{background:rgba(247,245,239,.96)}.modal,.modal-info-col{background:#fffdf9}}

/* Center regional titles and descriptions */
.pillar-item{flex-direction:column;align-items:center;text-align:center;padding:20px 18px}
.pillar-icon{width:auto;text-align:center}
.pillar-item strong{text-align:center;margin-bottom:6px}

/* WebP hero cover */
.memory-network.cover-visible{background-image:linear-gradient(180deg,rgba(255,253,248,.04),rgba(31,57,59,.08)),url("images/og-cover.webp");background-size:cover;background-position:center;background-repeat:no-repeat}
.memory-network.cover-visible::before{background:linear-gradient(90deg,rgba(247,245,239,.08),transparent 35%,rgba(28,51,54,.06))}
.memory-network.cover-visible .network-ring,.memory-network.cover-visible .network-core,.memory-network.cover-visible .network-node,.memory-network.cover-visible .network-trace,.memory-network.cover-visible .network-count,.memory-network.cover-visible .network-status{display:none}

/* Center section headings in a vertical stack */
.gallery-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;text-align:center}
.gallery-header .eyebrow,.gallery-header h2,.gallery-header p{width:100%;text-align:center}
.gallery-header p{margin-left:auto;margin-right:auto}
.filter-bar{justify-content:center}