/* Smiley Town · Grand Edition — feature layer styles (language, live status, My Plan, search filters, scroll polish) */
/* Language switcher */
.lang-btn{gap:0;padding-inline:0}
.lang-btn svg{opacity:.85}
.lang-panel{position:fixed;z-index:160;min-width:12.5rem;background:linear-gradient(180deg,#15100b,#0c0a08);border:1px solid rgba(215,174,98,.28);border-radius:1.4rem;box-shadow:0 2rem 5rem rgba(0,0,0,.5);padding:.7rem;display:grid;gap:.3rem}
.lang-panel .lang-title{margin:.2rem .4rem .4rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#cdbb95;font-weight:600}
.lang-panel button{min-height:44px;border:1px solid transparent;border-radius:.9rem;background:transparent;color:#ecdcb7;text-align:left;padding:.6rem .9rem;font-weight:500}
.lang-panel button:hover{background:#1c150e}
.lang-panel button.is-active{background:linear-gradient(180deg,#fff1c8,#d7ae62);color:#1a1209;font-weight:600}
.drawer-langs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:1rem 0 .4rem}
.drawer-langs button{min-height:44px;border-radius:999px;border:1px solid rgba(215,174,98,.24);background:#17110c;color:#ecdcb7;font-weight:500}
.drawer-langs button.is-active{background:linear-gradient(180deg,#fff1c8,#d7ae62);color:#1a1209}
/* Header meta row (hours + GAY date) — text updated in place by park.js */
/* Wait-time chips */
.wait-chip{display:inline-flex;align-items:baseline;gap:.35rem;align-self:start;margin-bottom:.6rem;padding:.32rem .7rem;border-radius:999px;font-size:.8rem;letter-spacing:.06em;background:#17110c;border:1px solid rgba(215,174,98,.26);color:#dec897}
.wait-chip b{font-size:1rem;color:#fff1c8;letter-spacing:0}
.wait-chip.cool{border-color:rgba(155,195,148,.4)}
.wait-chip.cool b{color:#bcd9b6}
.wait-chip.hot{border-color:rgba(214,120,60,.5)}
.wait-chip.hot b{color:#f0b98a}
/* My Plan */
.plan-add .heart{color:#f4d38e;font-size:1.05em;line-height:1}
.plan-fab{position:fixed;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom,0px));z-index:100;min-width:3.4rem;height:3.4rem;border-radius:999px;border:1px solid rgba(215,174,98,.34);background:linear-gradient(180deg,#1b140d,#0d0a07);color:#f4d38e;font-size:1.15rem;display:none;align-items:center;justify-content:center;gap:.3rem;box-shadow:0 1rem 2.6rem rgba(0,0,0,.45)}
.plan-fab.has-items{display:inline-flex}
.plan-fab em{font-style:normal;font-size:.85rem;font-weight:600;color:#fff1c8}
.plan-fab.has-items{background:linear-gradient(180deg,#f4d38e,#c59535);color:#1a1209;display:inline-flex}
.plan-fab.has-items em{color:#1a1209}
@media (max-width:760px){.plan-fab{bottom:calc(4.9rem + env(safe-area-inset-bottom,0px))}}
.plan-panel{position:fixed;right:1rem;bottom:calc(5rem + env(safe-area-inset-bottom,0px));z-index:105;width:min(92vw,24rem);max-height:64vh;overflow:auto;background:linear-gradient(180deg,#15100b,#0b0908);border:1px solid rgba(215,174,98,.28);border-radius:1.6rem;box-shadow:0 2rem 5rem rgba(0,0,0,.55);padding:1rem}
@media (max-width:760px){.plan-panel{bottom:calc(8.6rem + env(safe-area-inset-bottom,0px))}}
.plan-head{display:flex;justify-content:space-between;align-items:center;color:#f8e9c3;font-size:1.05rem;font-weight:600;margin-bottom:.4rem}
.plan-close{border:0;background:#1a140f;border-radius:999px;width:2.4rem;height:2.4rem;color:#dec897;font-size:1.2rem}
.plan-panel ol{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.plan-panel li{display:flex;align-items:center;gap:.5rem;background:#12100d;border:1px solid rgba(215,174,98,.16);border-radius:1rem;padding:.55rem .6rem .55rem .85rem}
.plan-panel li a{flex:1;display:grid;gap:.1rem;color:#f0ddb3;font-weight:500;min-width:0}
.plan-panel li a .k{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#cdbb95}
.plan-panel li button{border:0;background:#1a140f;border-radius:999px;width:2rem;height:2rem;color:#cdbb95;flex:0 0 auto}
.plan-panel .plan-clear{width:100%;margin-top:.7rem}
.plan-empty{color:#b8a47e;line-height:1.7;margin:.4rem .2rem}
/* Search category chips */
.search-cats{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:1rem}
.search-cats button{min-height:38px;border-radius:999px;border:1px solid rgba(215,174,98,.22);background:#14100c;color:#e8d7b1;padding:.4rem .85rem;font-weight:500;font-size:.86rem}
.search-cats button.is-active{background:linear-gradient(180deg,#fff1c8,#d7ae62);color:#1a1209}
/* Scroll polish */
.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:200;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#d7ae62,#fff1c8);pointer-events:none}
.to-top{position:fixed;left:1rem;bottom:calc(1rem + env(safe-area-inset-bottom,0px));z-index:95;width:3rem;height:3rem;border-radius:999px;border:1px solid rgba(215,174,98,.3);background:rgba(16,12,8,.92);color:#f4d38e;font-size:1.1rem;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s,transform .2s}
.to-top.show{opacity:1;pointer-events:auto;transform:none}
/* Non-Latin typography */
:lang(zh) body, body:lang(zh){letter-spacing:0}
:lang(zh) .hero h1,:lang(zh) .section-head h2,:lang(ja) .hero h1,:lang(ja) .section-head h2,:lang(ko) .hero h1,:lang(ko) .section-head h2{letter-spacing:-.015em;line-height:1.14}
:lang(zh) .eyebrow,:lang(ja) .eyebrow,:lang(ko) .eyebrow,:lang(zh) .pill,:lang(ja) .pill,:lang(ko) .pill{letter-spacing:.1em}
:lang(zh){font-family:var(--font-sans),"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif}
:lang(ja){font-family:var(--font-sans),"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,system-ui,sans-serif}
:lang(ko){font-family:var(--font-sans),"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",system-ui,sans-serif}
/* Guest Orientation page */
.orient-prose{max-width:min(var(--container),52rem);display:grid;gap:var(--s4)}
.orient-prose article>h2{display:flex;align-items:baseline;gap:1rem;font-size:clamp(1.7rem,3.4vw,2.7rem);color:var(--heading);letter-spacing:-.04em;margin:0 0 var(--s1);line-height:1.1}
.orient-no{flex:0 0 auto;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:999px;border:1px solid rgba(215,174,98,.4);color:#f4d38e;font-size:1.05rem;font-weight:600}
.orient-prose h3{color:#f4d38e;font-size:1.15rem;margin:var(--s2) 0 .3rem;letter-spacing:.02em}
.orient-prose p{margin:.55em 0;color:var(--text);line-height:1.95;font-size:clamp(1rem,.9rem + .3vw,1.14rem)}
.orient-prose .card-grid{margin-block:var(--s2)}
.orient-vow{padding:var(--s2);border-radius:1.3rem;background:#14100b;border:1px solid rgba(215,174,98,.24)}
.orient-vow strong{color:#fff1c8}
.orient-sign{margin-top:var(--s3);color:var(--muted);line-height:2}
.orient-omega{font-size:1.3rem;color:#fff1c8;letter-spacing:.2em}
.orient-receipt{margin-top:var(--s2);padding:.9rem 1.1rem;border-radius:999px;background:#17110c;border:1px solid rgba(215,174,98,.3);color:#dec897;font-size:.95rem;display:inline-block}
/* 3D map stage */
.three-stage{position:relative;height:min(72vh,44rem);border-radius:var(--grand-radius,2.25rem);overflow:hidden;border:1px solid rgba(215,174,98,.26);background:radial-gradient(circle at 50% 20%,rgba(215,174,98,.12),transparent 26rem),#050505;box-shadow:var(--shadow-lg)}
.three-stage canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}
.three-label{position:absolute;transform:translate(-50%,-100%);padding:.4rem .8rem;border-radius:999px;background:rgba(12,9,6,.92);border:1px solid rgba(215,174,98,.4);color:#fff1c8;font-weight:600;font-size:.9rem;pointer-events:none;white-space:nowrap}
.three-hint{position:absolute;left:50%;bottom:.9rem;transform:translateX(-50%);padding:.35rem .9rem;border-radius:999px;background:rgba(10,8,6,.8);border:1px solid rgba(215,174,98,.24);color:#cdbb95;font-size:.8rem;letter-spacing:.08em}
@media (max-width:760px){.three-stage{height:60vh;border-radius:1.4rem}}
/* Concept renders */
.hero-render{border-radius:var(--grand-radius,2.25rem);border:1px solid rgba(215,174,98,.3);box-shadow:0 2.4rem 5rem rgba(0,0,0,.5)}
.hero-visual .place-render{width:min(100%,48rem);height:auto;max-height:35rem;object-fit:contain;border:0;border-radius:0}
.hero-visual .home-gate-render{max-height:42rem}
.village-seal .village-hall-render{width:clamp(19rem,38vw,38rem);height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0}
.committee-hall-seal{display:grid;gap:.65rem;place-items:center;max-width:37rem}
.gov-seal.committee-hall-seal img{width:clamp(20rem,36vw,37rem);height:auto;aspect-ratio:auto;border-radius:0}
.committee-hall-seal figcaption{color:#9c8968;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}
.info-card{position:relative;isolation:isolate;overflow:hidden;transition:border-color .24s ease,transform .24s ease,box-shadow .24s ease}
.info-card::after{content:"";position:absolute;z-index:-1;inset:auto 1.25rem 0;height:1px;background:linear-gradient(90deg,transparent,rgba(215,174,98,.42),transparent);opacity:.45}
.info-card:not(.has-visual){background:radial-gradient(circle at 100% 0,rgba(215,174,98,.09),transparent 11rem),linear-gradient(180deg,#15110d,#0b0907)}
.info-card:not(.has-visual)::before{content:"";position:absolute;z-index:-1;top:-2.5rem;right:-2.5rem;width:7rem;aspect-ratio:1;border:1px solid rgba(215,174,98,.13);border-radius:50%;box-shadow:0 0 0 1.2rem rgba(215,174,98,.025),0 0 0 2.4rem rgba(215,174,98,.018)}
.info-card.has-visual,.directory-card.has-visual{display:flex;flex-direction:column;padding-top:0;overflow:hidden}
.card-visual{position:relative;display:grid;place-items:center;height:clamp(10.5rem,18vw,13.5rem);margin:0 calc(0px - var(--s2)) 1.35rem;overflow:hidden;border-bottom:1px solid rgba(215,174,98,.16);background:radial-gradient(circle at 50% 72%,rgba(215,174,98,.2),transparent 45%),linear-gradient(145deg,#080706,#171109)}
.card-visual::after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(180deg,transparent,rgba(8,7,6,.48));pointer-events:none}
.card-visual img{width:100%;height:100%;padding:.9rem 1.1rem .45rem;object-fit:contain;transition:transform .38s cubic-bezier(.2,.75,.25,1)}
.info-card.has-visual>a:last-child,.directory-card.has-visual>a:last-child{margin-top:auto;padding-top:.7rem}
.info-card:hover{border-color:rgba(215,174,98,.36)}
.info-card.has-visual:hover .card-visual img,.directory-card.has-visual:hover .card-visual img{transform:translateY(-.18rem) scale(1.045)}
.info-card.has-visual:hover>a:last-child,.directory-card.has-visual:hover>a:last-child{transform:translateX(.18rem)}
.info-card.has-visual>a:last-child,.directory-card.has-visual>a:last-child{transition:transform .2s ease,color .2s ease}
.render-banner{margin:var(--s3) auto 0}
.render-banner img{width:100%;border-radius:var(--grand-radius,2.25rem);border:1px solid rgba(215,174,98,.3);box-shadow:var(--shadow-lg)}
.pano-wrap{position:relative;border-radius:var(--grand-radius,2.25rem);overflow:hidden;border:1px solid rgba(215,174,98,.3);box-shadow:var(--shadow-lg)}
.pano-wrap img{width:100%;display:block}
.pano-hot{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px}
.pano-hot i{width:.85rem;height:.85rem;border-radius:999px;background:#fff1c8;box-shadow:0 0 0 4px rgba(215,174,98,.4),0 0 1.2rem rgba(255,241,200,.9);animation:panoPulse 2.4s ease-in-out infinite}
.pano-hot span{position:absolute;bottom:calc(100% - 4px);left:50%;transform:translateX(-50%);white-space:nowrap;padding:.32rem .7rem;border-radius:999px;background:rgba(10,8,6,.92);border:1px solid rgba(215,174,98,.4);color:#fff1c8;font-size:.78rem;font-weight:500;opacity:0;transition:opacity .18s;pointer-events:none}
.pano-hot:hover span,.pano-hot:focus-visible span{opacity:1}
@keyframes panoPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}
@media (max-width:760px){.pano-hot span{opacity:1;font-size:.66rem;padding:.2rem .5rem}}
@media (prefers-reduced-motion:reduce){.pano-hot i{animation:none}}
.pano-tease{position:relative;display:block;border-radius:var(--grand-radius,2.25rem);overflow:hidden;border:1px solid rgba(215,174,98,.3);box-shadow:var(--shadow-lg)}
.pano-tease img{width:100%;display:block;transition:transform .4s ease}
.pano-tease:hover img{transform:scale(1.02)}
.pano-tease span{position:absolute;left:1rem;bottom:1rem;padding:.55rem 1rem;border-radius:999px;background:rgba(10,8,6,.9);border:1px solid rgba(215,174,98,.4);color:#fff1c8;font-weight:600}
/* Facility guide */
.fac-district .section-head p strong{color:#f4d38e}
.fac-sub{font-size:.85rem;letter-spacing:.06em;color:#cdbb95!important;text-transform:uppercase}
.fac-district .info-card p{margin:.45rem 0}
@media (max-width:760px){
.hero-visual .place-render{max-height:25rem}
.village-seal .village-hall-render,.gov-seal.committee-hall-seal img{width:min(100%,19rem)}
.card-visual{height:12rem}
}
@media (prefers-reduced-motion:reduce){
.info-card,.directory-card,.card-visual img,.info-card.has-visual>a:last-child,.directory-card.has-visual>a:last-child{transition:none}
.info-card.has-visual:hover .card-visual img,.directory-card.has-visual:hover .card-visual img,.info-card.has-visual:hover>a:last-child,.directory-card.has-visual:hover>a:last-child{transform:none}
}
/* District registries */
.reg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:var(--s2);align-items:start}
.reg-list{columns:1;padding-left:1.1rem}
.reg-list li{margin:.3rem 0;line-height:1.6}
.reg-list a{color:#eddcb4;font-weight:500}
.reg-list a:hover{color:#fff1c8}
.sla-list{list-style:none;padding-left:.2rem}
.sla-list li{margin:.45rem 0;line-height:1.7}
.handle{display:inline-block;font-size:.8rem;letter-spacing:.04em;border:1px solid rgba(196,149,53,.24);border-radius:999px;padding:.2rem .65rem;margin:.1rem 0 .4rem}
/* Hierarchy chart */
.hier-wrap{overflow-x:auto;border:1px solid rgba(215,174,98,.26);border-radius:var(--grand-radius,2.25rem);background:radial-gradient(circle at 30% 10%,rgba(215,174,98,.08),transparent 24rem),#0a0806;box-shadow:var(--shadow-lg);padding:1rem}
.hier-wrap svg{min-width:1100px;width:100%;height:auto;display:block}
.hnode rect{fill:#15100b;stroke:rgba(215,174,98,.45);stroke-width:1}
.hnode text{fill:#f0ddb3;font:600 13.5px var(--font-sans),system-ui,sans-serif}
.hnode:hover rect{fill:#241a0f;stroke:#f4d38e}
.hnode.lv0 rect{fill:#241a0f;stroke:#d7ae62;stroke-width:1.4}
.hnode.lv0 text{fill:#fff1c8;font-weight:700}
.hnode.shell rect{stroke-dasharray:4 3;stroke:rgba(215,174,98,.35)}
.hnode.dashn rect{stroke-dasharray:6 4}
.hedge{fill:none;stroke:rgba(215,174,98,.35);stroke-width:1.3}
.hedge.dash{stroke-dasharray:6 5;stroke:rgba(215,174,98,.5)}
.hlbl{fill:#cdbb95;font:500 11.5px var(--font-mono,'Space Grotesk'),monospace;letter-spacing:.06em}
/* Gazette ticker */
.ribbon-ticker{display:inline-flex;align-items:center;gap:.45rem;color:#d9c69b;font-style:italic;transition:opacity .5s}
.ribbon-ticker.fade{opacity:0}
/* Shell-form easter egg */
.shell-pop{animation:shellPop .7s cubic-bezier(.2,1.4,.4,1);box-shadow:0 0 0 1px rgba(255,241,200,.5),0 1.6rem 4rem rgba(215,174,98,.28)!important}
@keyframes shellPop{0%{opacity:0;transform:scale(.82) rotate(-1.2deg)}55%{opacity:1;transform:scale(1.04)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.shell-pop{animation:none}}
.hier-wrap .hnode.shell, .hier-wrap .hedge.shell-e{opacity:0;pointer-events:none;transition:opacity .8s ease}
.hier-wrap.shells-on .hnode.shell{opacity:1;pointer-events:auto}
.hier-wrap.shells-on .hedge.shell-e{opacity:1}
.hnode.power rect{stroke:#9bc394;stroke-width:1.3}
.hnode.power text{fill:#cfe8c9}
/* Official seals */
.gov-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(1.25rem,4vw,2.5rem);align-items:center}
.gov-hero-copy{min-width:0}
.gov-seal{margin:0;justify-self:end}
.gov-seal img{display:block;width:clamp(14rem,32vw,24rem);height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0}
@media (max-width:760px){.gov-hero{grid-template-columns:1fr;justify-items:start}.gov-seal{justify-self:start;order:-1}.gov-seal img{width:clamp(11rem,68vw,18rem)}}
/* Administrative stack */
.gov-stack{display:grid;gap:0;max-width:46rem}
.gov-layer{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border:1px solid rgba(215,174,98,.26);background:linear-gradient(180deg,#16110c,#0d0a07);border-radius:1.3rem;position:relative;margin-bottom:1.6rem}
.gov-layer::after{content:"";position:absolute;left:2.6rem;top:100%;height:1.6rem;width:1px;background:linear-gradient(180deg,rgba(215,174,98,.5),rgba(215,174,98,.15))}
.gov-layer:last-child::after{display:none}
.gov-layer:hover{border-color:#d7ae62}
.gl-no{flex:0 0 auto;width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(215,174,98,.4);color:#f4d38e;font-weight:600}
.gov-layer strong{display:block;color:#f8e9c3}
.gov-layer small{color:#b8a47e}
/* Village front door */
.village-landing-hero{padding:clamp(4.5rem,9vw,8rem) 0 clamp(3.5rem,7vw,6rem);background:radial-gradient(circle at 82% 24%,rgba(215,174,98,.16),transparent 25rem),radial-gradient(circle at 12% 0,rgba(196,149,53,.11),transparent 30rem),linear-gradient(145deg,#070605,#120e0a 58%,#080706)}
.village-intro{grid-template-columns:minmax(0,1.28fr) minmax(15rem,.72fr);gap:clamp(2rem,7vw,7rem)}
.village-landing-hero h1{max-width:12ch;font-size:clamp(3.4rem,7.6vw,7.7rem);line-height:.91;letter-spacing:-.055em;text-wrap:balance}
.village-landing-hero .lede{max-width:47rem;margin-top:1.4rem;font-size:clamp(1.05rem,1rem + .45vw,1.35rem)}
.village-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:2rem;max-width:48rem}
.village-status span{display:grid;gap:.12rem;padding:.85rem 1rem;border:1px solid rgba(215,174,98,.2);border-radius:1rem;background:rgba(8,7,5,.64);color:#a99875;font-size:.76rem;letter-spacing:.04em;text-transform:uppercase}
.village-status strong{color:#f6e4bb;font-size:.88rem;letter-spacing:0}
.village-seal{display:grid;gap:.7rem;place-items:center}
.village-seal img{width:clamp(15rem,30vw,30rem)}
.village-seal figcaption{color:#9c8968;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}
.village-map-section{padding-top:clamp(1rem,3vw,2.5rem);padding-bottom:0}
.village-panorama{min-height:clamp(22rem,48vw,41rem)}
.village-panorama::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,4,3,.92) 0,rgba(5,4,3,.52) 42%,rgba(5,4,3,.08) 72%),linear-gradient(0deg,rgba(5,4,3,.76),transparent 48%)}
.village-panorama img{height:100%;min-height:clamp(22rem,48vw,41rem);object-fit:cover}
.pano-tease .village-panorama-copy{z-index:1;left:clamp(1.3rem,5vw,4rem);right:auto;bottom:clamp(1.3rem,5vw,4rem);display:grid;gap:.45rem;max-width:min(35rem,72%);padding:0;border:0;border-radius:0;background:transparent}
.village-panorama-copy small{color:#d7ae62;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}
.village-panorama-copy strong{color:#fff2d0;font-family:var(--font-display);font-size:clamp(2rem,5vw,4.6rem);line-height:.98;letter-spacing:-.045em}
.village-panorama-copy em{margin-top:.7rem;color:#f5d88e;font-size:.9rem;font-style:normal}
.village-section-head{display:grid;gap:.45rem;margin-bottom:clamp(1.5rem,3vw,2.6rem)}
.village-section-head h2{max-width:15ch}
.committee-portrait-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.8rem,2vw,1.4rem)}
.committee-portrait{position:relative;min-height:clamp(28rem,50vw,47rem);overflow:hidden;border:1px solid rgba(215,174,98,.2);border-radius:clamp(1.3rem,2.2vw,2.2rem);background:#090806;box-shadow:0 1.6rem 4rem rgba(0,0,0,.42);isolation:isolate}
.committee-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.committee-portrait-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(7,6,5,.3) 59%,rgba(7,6,5,.97) 100%);z-index:1}
.committee-portrait-copy{position:absolute;z-index:2;left:clamp(1.2rem,2.4vw,2rem);right:clamp(1.2rem,2.4vw,2rem);bottom:clamp(1.25rem,2.6vw,2.2rem);display:grid;gap:.35rem}
.committee-portrait-copy small{color:#d7ae62;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}
.committee-portrait-copy strong{color:#fff3d2;font-family:var(--font-display);font-size:clamp(1.7rem,3vw,3.15rem);line-height:1;letter-spacing:-.04em}
.committee-portrait-copy em{color:#c8b997;font-size:.88rem;line-height:1.45;font-style:normal}
.committee-portrait:hover img{transform:scale(1.025)}
.committee-portrait:focus-visible{outline:2px solid #f0cf83;outline-offset:4px}
.village-inline-action{display:flex;justify-content:flex-end;margin-top:1.2rem}
.village-inline-action a{color:#f4d58e;font-weight:600}
.village-enterprise-section{border-block:1px solid rgba(215,174,98,.12);background:radial-gradient(circle at 82% 15%,rgba(215,174,98,.1),transparent 24rem),#080706}
.enterprise-brand-rail{display:grid;grid-template-columns:1.2fr 1.2fr 1.35fr 1fr .7fr;gap:1px;overflow:hidden;border:1px solid rgba(215,174,98,.18);border-radius:1.6rem;background:rgba(215,174,98,.14)}
.enterprise-brand{min-height:8.5rem;display:grid;place-items:center;padding:1.2rem;background:linear-gradient(180deg,#17130f,#0c0a08)}
.enterprise-brand img{display:block;max-width:100%;max-height:5.2rem;object-fit:contain;transition:transform .25s ease}
.enterprise-brand-openlegs img{width:min(100%,13rem)}
.enterprise-brand-alcoholic img{width:min(100%,14rem)}
.enterprise-brand-googoblin img{width:min(100%,15rem)}
.enterprise-brand-fai img{width:min(100%,12rem)}
.enterprise-brand-amazing img{width:5.5rem}
.enterprise-brand:hover img{transform:translateY(-2px)}
.operating-enterprise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:1.4rem;overflow:hidden;border:1px solid rgba(215,174,98,.16);border-radius:1.6rem;background:rgba(215,174,98,.12)}
.operating-enterprise-grid article{min-height:10.5rem;padding:1.35rem;background:#0e0b08}
.operating-enterprise-grid small{color:#a99670;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}
.operating-enterprise-grid strong{display:block;margin:.45rem 0;color:#f5e4be;font-family:var(--font-display);font-size:1.45rem}
.operating-enterprise-grid p{margin:0;color:#aa9b7d;line-height:1.55}
.village-estate-strip{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:1.4rem;padding:1.1rem 1.3rem;border:1px solid rgba(215,174,98,.16);border-radius:1.1rem;background:rgba(19,15,11,.78)}
.village-estate-strip p,.village-estate-strip small{margin:0;color:#b6a584}
.village-estate-strip span{margin-right:.65rem;color:#d7ae62;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase}
.village-estate-strip small{text-align:right;font-size:.75rem}
.village-gateway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.village-gateway-card{display:grid;grid-template-columns:minmax(0,.86fr) minmax(13rem,1.14fr);gap:clamp(1.2rem,3vw,2.4rem);min-height:28rem;padding:clamp(1.4rem,3vw,2.6rem);border:1px solid rgba(215,174,98,.18);border-radius:1.8rem;background:linear-gradient(145deg,rgba(24,18,12,.96),rgba(9,7,5,.99));box-shadow:0 1.4rem 3.7rem rgba(0,0,0,.28)}
.village-gateway-card h3{margin:.4rem 0;color:#f7e7c1;font-family:var(--font-display);font-size:clamp(1.8rem,3vw,3rem);line-height:1;letter-spacing:-.04em}
.village-gateway-card>div>p:last-child{color:#aa9c80;line-height:1.6}
.village-gateway-card nav{display:grid;align-content:start}
.village-gateway-card nav a{display:flex;justify-content:space-between;gap:1rem;padding:.92rem .2rem;border-bottom:1px solid rgba(215,174,98,.13);color:#e8d7ae;font-weight:600}
.village-gateway-card nav a:first-child{border-top:1px solid rgba(215,174,98,.13)}
.village-gateway-card nav a span{color:#d7ae62;transition:transform .2s ease}
.village-gateway-card nav a:hover span{transform:translateX(.25rem)}
.village-gateway-live{background:radial-gradient(circle at 20% 15%,rgba(215,174,98,.13),transparent 18rem),linear-gradient(145deg,#19120b,#090705)}
.village-gateway-residents{border-color:rgba(215,174,98,.3);background:radial-gradient(circle at 90% 100%,rgba(121,107,48,.16),transparent 20rem),linear-gradient(145deg,#16130d,#080705)}
.village-gateway-card blockquote{grid-column:1/-1;margin:0;padding:1rem 1.1rem;border-left:2px solid #d7ae62;background:rgba(215,174,98,.06);color:#c7b792;font-family:var(--font-display);font-size:1.05rem;line-height:1.5}
.village-closing{display:flex;justify-content:space-between;gap:2rem;align-items:end;padding-block:clamp(4rem,8vw,8rem)}
.village-closing h2{max-width:20ch;margin:.2em 0;color:#f7e8c6;font-family:var(--font-display);font-size:clamp(2.2rem,5vw,4.7rem);line-height:1;letter-spacing:-.045em}
.village-closing p{max-width:42rem;color:#aa9c80}
/* Village public registers */
.village-record-nav{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:clamp(1.2rem,2.5vw,2.2rem);padding:1px;overflow:hidden;border:1px solid rgba(215,174,98,.2);border-radius:1.35rem;background:rgba(215,174,98,.12);box-shadow:0 1.2rem 3.2rem rgba(0,0,0,.22)}
.village-record-nav a{display:grid;align-content:center;min-height:5.6rem;padding:1rem 1.2rem;background:rgba(12,10,8,.96);color:#b7a787;transition:background .2s ease,color .2s ease}
.village-record-nav a:hover{background:#17120d;color:#f2dfb7}
.village-record-nav a.is-active{background:linear-gradient(145deg,#2c2114,#15100b);color:#fff0c8}
.village-record-nav small{color:#927e5a;font-size:.64rem;letter-spacing:.13em;text-transform:uppercase}
.village-record-nav strong{margin-top:.28rem;font-family:var(--font-display);font-size:1.08rem;line-height:1.15}
.village-record-nav a.is-active small{color:#d7ae62}
.village-register-section{padding-top:clamp(3.5rem,7vw,7rem)}
.village-register-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem)}
.village-register-card{position:relative;display:flex;flex-direction:column;min-height:22rem;padding:clamp(1.4rem,2.5vw,2rem);overflow:hidden;border:1px solid rgba(215,174,98,.17);border-radius:1.35rem;background:linear-gradient(155deg,rgba(25,20,14,.98),rgba(9,8,6,.99));box-shadow:0 1.2rem 3.2rem rgba(0,0,0,.24)}
.village-register-card>span{position:absolute;top:.7rem;right:1rem;color:rgba(215,174,98,.12);font-family:var(--font-display);font-size:5.2rem;line-height:1}
.village-register-card>small{position:relative;color:#a48e66;font-size:.65rem;letter-spacing:.13em;text-transform:uppercase}
.village-register-card h3{position:relative;margin:3.8rem 0 .8rem;color:#f6e3ba;font-family:var(--font-display);font-size:clamp(1.7rem,2.4vw,2.5rem);line-height:1.02}
.village-register-card p{position:relative;margin:0;color:#aa9b7e;line-height:1.65}
.village-register-card a{position:relative;margin-top:auto;padding-top:1.5rem;color:#f0ce82;font-weight:600}
.village-register-card.is-current{border-color:rgba(215,174,98,.38);background:radial-gradient(circle at 100% 0,rgba(215,174,98,.14),transparent 15rem),linear-gradient(155deg,#21180f,#0b0907)}
.village-organ-featured{border-color:rgba(215,174,98,.42);background:radial-gradient(circle at 0 0,rgba(215,174,98,.16),transparent 16rem),linear-gradient(155deg,#241910,#0b0907)}
.village-organ-featured small{color:#d7ae62}
.village-secondary-note{margin:.85rem auto 1.2rem;padding:0;max-width:min(72rem,calc(100% - 2rem));color:#9c8968;font-size:.88rem;line-height:1.55}
.village-secondary-note.shell{padding-left:0;padding-right:0}
.village-secondary-note a{color:#e8d7ae;text-decoration:underline;text-underline-offset:.15em}
.village-secondary-note.is-current-register{color:#b7a787}
.village-secondary-note strong{color:#f0ce82;font-weight:600}
.village-organ-grid{margin-top:.4rem}
/* Localized culture manuscripts */
.culture-localized{padding-top:clamp(2.5rem,6vw,6rem)}
.culture-manuscript-head{display:grid;gap:.45rem;margin-bottom:clamp(2rem,5vw,4rem);padding-bottom:1.4rem;border-bottom:1px solid rgba(215,174,98,.24)}
.culture-manuscript-head p{margin:0}
.culture-manuscript-head p:last-child{color:#ad9b78;font-size:.82rem;letter-spacing:.08em}
.culture-manuscript{max-width:54rem;margin:0 auto;padding:clamp(1.3rem,4vw,3.7rem);border:1px solid rgba(215,174,98,.18);border-radius:1.8rem;background:radial-gradient(circle at 86% 3%,rgba(215,174,98,.09),transparent 22rem),linear-gradient(180deg,#12100c,#090806);box-shadow:0 2rem 5rem rgba(0,0,0,.32)}
.culture-manuscript h2,.culture-manuscript h3,.culture-manuscript h4{color:#f6e5bd;font-family:var(--font-display);text-wrap:balance}
.culture-manuscript h2{margin:2.8em 0 .8em;font-size:clamp(2rem,5vw,4.4rem);line-height:.98;letter-spacing:-.045em}
.culture-manuscript h2:first-child{margin-top:0}
.culture-manuscript h3{margin:2.2em 0 .65em;font-size:clamp(1.45rem,3vw,2.35rem);line-height:1.08}
.culture-manuscript h4{margin:1.8em 0 .55em;font-size:1.2rem}
.culture-manuscript p,.culture-manuscript li{color:#c9bb9d;font-size:clamp(.98rem,.94rem + .18vw,1.08rem);line-height:1.9}
.culture-manuscript p{margin:1rem 0}
.culture-manuscript strong{color:#f2d999}
.culture-manuscript em{color:#a99a7d}
.culture-manuscript ul,.culture-manuscript ol{margin:1rem 0 1.5rem;padding-left:1.35rem}
.culture-manuscript li+li{margin-top:.45rem}
.culture-manuscript hr{height:1px;margin:clamp(2rem,5vw,4rem) 0;border:0;background:linear-gradient(90deg,transparent,rgba(215,174,98,.42),transparent)}
.culture-loading{padding:3rem 0;text-align:center;color:#d5be8d}
/* Committee archive portraits */
.committee-seat-portraits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:1.5rem;overflow:hidden;border:1px solid rgba(215,174,98,.2);border-radius:1.8rem;background:rgba(215,174,98,.14)}
.committee-seat-portrait{position:relative;min-height:31rem;overflow:hidden;background:#090806}
.committee-seat-portrait>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.committee-seat-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(5,4,3,.27) 55%,rgba(5,4,3,.98) 100%)}
.committee-seat-portrait>div{position:absolute;z-index:1;left:1.2rem;right:1.2rem;bottom:1.25rem}
.committee-seat-portrait .eyebrow{margin:0 0 .35rem}
.committee-seat-portrait h3{margin:0;color:#fff1ca;font-family:var(--font-display);font-size:clamp(1.7rem,2.8vw,2.7rem);line-height:1}
.committee-seat-portrait p:not(.eyebrow){margin:.45rem 0;color:#d9c7a1;font-size:.82rem}
.committee-seat-portrait small{display:block;color:#9f9073;line-height:1.45}
.committee-member-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;margin-top:1rem;border:1px solid rgba(215,174,98,.17);border-radius:1.35rem;background:rgba(215,174,98,.12)}
.committee-member-strip article{min-height:9.5rem;padding:1.25rem;background:#0e0b08}
.committee-member-strip small{color:#aa9874;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase}
.committee-member-strip strong{display:block;margin:.45rem 0;color:#f4e0b5;font-family:var(--font-display);font-size:1.35rem}
.committee-member-strip p{margin:0;color:#aa9b7e;line-height:1.55}
.info-card.has-record{padding-left:8.6rem;min-height:10rem}
.record-thumb{position:absolute;inset:0 auto 0 0;width:7.1rem;margin:0;overflow:hidden;border-right:1px solid rgba(215,174,98,.16)}
.record-thumb img{width:100%;height:100%;object-fit:cover;object-position:center top}
/* Resident desks and enterprise archives */
.village-records-section{border-block:1px solid rgba(215,174,98,.11);background:radial-gradient(circle at 12% 30%,rgba(75,112,52,.11),transparent 26rem),linear-gradient(180deg,#0a0806,#080706)}
.resident-dossier-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid rgba(215,174,98,.18);border-radius:1.8rem;background:rgba(215,174,98,.12)}
.resident-dossier{display:grid;grid-template-rows:minmax(20rem,1fr) auto;min-height:34rem;background:#0d0a08}
.resident-dossier figure{display:grid;grid-template-columns:1fr;margin:0;overflow:hidden;background:#090806}
.resident-dossier figure img{width:100%;height:100%;min-height:20rem;object-fit:cover;object-position:center top;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.resident-dossier-pair figure{grid-template-columns:1fr 1fr}
.resident-dossier-pair figure img{min-width:0}
.resident-dossier>div{padding:1.2rem 1.25rem 1.4rem;border-top:1px solid rgba(215,174,98,.15)}
.resident-dossier small{color:#a89269;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}
.resident-dossier strong{display:block;margin:.38rem 0;color:#f6e5bd;font-family:var(--font-display);font-size:1.55rem;line-height:1.05}
.resident-dossier p{margin:.55rem 0 0;color:#aa9c80;line-height:1.55}
.resident-dossier:hover figure img{transform:scale(1.025)}
.enterprise-dossier-grid{display:grid;gap:1rem}
.enterprise-dossier{display:grid;grid-template-columns:minmax(21rem,1.1fr) minmax(18rem,.9fr);min-height:31rem;overflow:hidden;border:1px solid rgba(215,174,98,.18);border-radius:1.8rem;background:radial-gradient(circle at 90% 15%,rgba(215,174,98,.09),transparent 22rem),#0c0a08}
.dossier-portraits{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(215,174,98,.12)}
.dossier-portraits figure{position:relative;margin:0;overflow:hidden;background:#090806}
.dossier-portraits figure>img{width:100%;height:100%;object-fit:cover;object-position:center top}
.dossier-portraits figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,4,3,.9))}
.dossier-portraits figcaption{position:absolute;z-index:1;left:1rem;right:1rem;bottom:1rem;color:#f2dfb6;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.dossier-portraits .dossier-pair{display:grid;grid-template-columns:1fr 1fr}
.dossier-portraits .dossier-pair img{min-width:0}
.dossier-portraits .dossier-pair figcaption{grid-column:1/-1}
.dossier-copy{align-self:center;padding:clamp(1.5rem,4vw,3.4rem)}
.dossier-mark{display:block;max-width:min(100%,14rem);max-height:4.5rem;margin-bottom:1.6rem;object-fit:contain;object-position:left center}
.dossier-copy h3{margin:.25rem 0 .7rem;color:#f8e7c0;font-family:var(--font-display);font-size:clamp(2.4rem,5vw,5.2rem);line-height:.92;letter-spacing:-.05em}
.dossier-copy p:not(.eyebrow){max-width:34rem;color:#b4a383;line-height:1.7}
.dossier-copy a{display:inline-flex;margin-top:1rem;color:#f4d58c;font-weight:600}
.partner-compact-grid .info-card{min-height:11rem}
.brand-card-mark{height:4.2rem;margin:0 0 1.2rem}
.brand-card-mark img{width:100%;height:100%;object-fit:contain;object-position:left center}
.partner-brand-rail{grid-template-columns:repeat(3,1fr);margin-bottom:1.2rem}
.partner-feature{display:grid;grid-template-columns:minmax(15rem,.75fr) minmax(0,1.25fr);overflow:hidden;margin-bottom:1.2rem;border:1px solid rgba(215,174,98,.2);border-radius:1.8rem;background:radial-gradient(circle at 80% 10%,rgba(215,174,98,.11),transparent 20rem),#0c0a08}
.partner-feature-portrait-pair{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(215,174,98,.12)}
.partner-feature-portrait-pair figure{position:relative;margin:0;overflow:hidden;min-height:32rem}
.partner-feature-portrait-pair img{width:100%;height:100%;object-fit:cover;object-position:center top}
.partner-feature-portrait-pair figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(5,4,3,.9))}
.partner-feature-portrait-pair figcaption{position:absolute;z-index:1;left:.85rem;right:.85rem;bottom:1rem;color:#f0ddb2;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.partner-feature>div:last-child{align-self:center;padding:clamp(1.5rem,4vw,3.5rem)}
.partner-feature h3{margin:.25rem 0 .8rem;color:#fff0c8;font-family:var(--font-display);font-size:clamp(2.2rem,5vw,5rem);line-height:.94;letter-spacing:-.045em}
.partner-feature p:not(.eyebrow){max-width:40rem;color:#bbaa88;line-height:1.75}
.partner-feature-marks{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:2rem;padding-top:1.2rem;border-top:1px solid rgba(215,174,98,.16)}
.partner-feature-marks img{max-width:10rem;max-height:3.7rem;object-fit:contain}
.partner-feature-marks .partner-model-mark{width:3.4rem;height:3.4rem;border-radius:.7rem}
.committee-oversight{padding-top:0}
.oversight-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid rgba(215,174,98,.18);border-radius:1.6rem;background:rgba(215,174,98,.12)}
.oversight-strip a{display:grid;grid-template-columns:6.2rem 1fr;gap:1rem;align-items:center;min-height:7.5rem;padding:.7rem;background:#0e0b08}
.oversight-strip img{width:6.2rem;height:6.2rem;border-radius:1rem;object-fit:cover;object-position:center top}
.oversight-strip span{display:grid;gap:.25rem}
.oversight-strip small{color:#aa9874;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
.oversight-strip strong{color:#f4dfb2;font-family:var(--font-display);font-size:1.5rem}
/* A quiet ending replaces repeated explanatory card trios. */
.continuation-section{padding-block:clamp(1.5rem,4vw,3rem)}
.continuation-band{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center;padding:1.35rem 1.5rem;border:1px solid rgba(215,174,98,.17);border-radius:1.35rem;background:linear-gradient(145deg,rgba(23,17,11,.9),rgba(9,7,5,.96))}
.continuation-band h2{max-width:24ch;margin:.2rem 0 0;color:#f1ddb1;font-family:var(--font-display);font-size:clamp(1.35rem,2.6vw,2.25rem);line-height:1.05}
.continuation-band nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}
.continuation-band nav a{padding:.72rem .92rem;border:1px solid rgba(215,174,98,.18);border-radius:999px;background:rgba(8,7,5,.6);color:#e6d1a4;font-size:.82rem;font-weight:600}
.continuation-band nav a:hover{border-color:rgba(215,174,98,.42);color:#fff0c8}
.directory-card{position:relative;isolation:isolate;overflow:hidden}
.directory-card:not(.has-visual){background:radial-gradient(circle at 100% 0,rgba(215,174,98,.1),transparent 10rem),linear-gradient(180deg,#15110d,#0b0907)}
.directory-card:not(.has-visual)::before{content:"";position:absolute;z-index:-1;top:-2.8rem;right:-2.8rem;width:7rem;aspect-ratio:1;border:1px solid rgba(215,174,98,.14);border-radius:50%;box-shadow:0 0 0 1.3rem rgba(215,174,98,.025)}
.directory-card>a:last-child{margin-top:auto}
.registration-desk-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;margin-bottom:1.5rem;border:1px solid rgba(215,174,98,.17);border-radius:1.35rem;background:rgba(215,174,98,.12)}
.registration-desk-strip article{display:grid;grid-template-columns:5.8rem 1fr;gap:.85rem;align-items:center;min-height:7.1rem;padding:.65rem;background:#0e0b08}
.registration-desk-strip article>img,.registration-pair{width:5.8rem;height:5.8rem;border-radius:.9rem;overflow:hidden}
.registration-desk-strip article>img{object-fit:cover;object-position:center top}
.registration-pair{display:grid;grid-template-columns:1fr 1fr;gap:1px}
.registration-pair img{width:100%;height:100%;min-width:0;object-fit:cover;object-position:center top}
.registration-desk-strip article>span:last-child{display:grid;gap:.2rem}
.registration-desk-strip small{color:#aa9874;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase}
.registration-desk-strip strong{color:#f2ddb1;font-family:var(--font-display);font-size:1.2rem}
.registration-desk-strip em{color:#948668;font-size:.72rem;font-style:normal}
@media(max-width:980px){
.village-record-nav,.village-register-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.village-intro{grid-template-columns:minmax(0,1fr) minmax(13rem,.55fr);gap:2rem}
.village-landing-hero h1{font-size:clamp(3.25rem,9vw,6.4rem)}
.enterprise-brand-rail{grid-template-columns:repeat(3,1fr)}
.enterprise-brand-amazing,.enterprise-brand-fai{min-height:7rem}
.operating-enterprise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.village-gateway-grid{grid-template-columns:1fr}
.committee-portrait-grid,.committee-seat-portraits,.resident-dossier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.enterprise-dossier{grid-template-columns:minmax(18rem,1fr) minmax(16rem,.8fr)}
.partner-feature{grid-template-columns:minmax(13rem,.85fr) minmax(0,1.15fr)}
.oversight-strip{grid-template-columns:1fr}
.registration-desk-strip{grid-template-columns:1fr}
}
@media(max-width:760px){
.village-record-nav,.village-register-grid{grid-template-columns:1fr}
.village-record-nav a{min-height:4.7rem}
.village-register-card{min-height:18rem}
.village-landing-hero{padding-top:2.4rem}
.village-intro{grid-template-columns:1fr}
.village-seal{order:-1;justify-self:start;place-items:start}
.village-seal img{width:clamp(7.5rem,37vw,10.5rem)}
.village-landing-hero h1{font-size:clamp(3rem,15vw,5.2rem)}
.village-status{grid-template-columns:1fr}
.pano-tease .village-panorama-copy{max-width:calc(100% - 2.6rem)}
.village-panorama::after{background:linear-gradient(0deg,rgba(5,4,3,.92),rgba(5,4,3,.18) 78%)}
.committee-portrait-grid{grid-template-columns:1fr}
.committee-portrait{min-height:35rem}
.committee-seat-portraits,.resident-dossier-grid,.committee-member-strip{grid-template-columns:1fr}
.committee-seat-portrait{min-height:38rem}
.resident-dossier{grid-template-rows:minmax(28rem,1fr) auto}
.resident-dossier figure img{min-height:28rem}
.enterprise-dossier{grid-template-columns:1fr}
.dossier-portraits{min-height:28rem}
.partner-feature{grid-template-columns:1fr}
.partner-feature-portrait-pair figure{min-height:28rem}
.enterprise-brand-rail{grid-template-columns:repeat(2,1fr)}
.enterprise-brand{min-height:7rem;padding:1rem}
.enterprise-brand-googoblin{grid-column:1/-1}
.operating-enterprise-grid{grid-template-columns:1fr}
.village-estate-strip{display:grid}
.village-estate-strip small{text-align:left}
.village-gateway-card{grid-template-columns:1fr;min-height:auto}
.village-gateway-card blockquote{grid-column:auto}
.village-closing{display:grid;align-items:start}
.village-closing .solid-btn{width:100%}
.continuation-band{grid-template-columns:1fr}
.continuation-band nav{justify-content:flex-start}
.info-card.has-record{padding-left:var(--s2);padding-top:12rem}
.record-thumb{inset:0 0 auto;width:auto;height:10.5rem;border-right:0;border-bottom:1px solid rgba(215,174,98,.16)}
}
/* Registration wizard */
.reg-quote{color:#cdbb95;font-style:italic}
.reg-log{margin-top:1rem;padding:1rem 1.2rem;border-radius:1.1rem;background:#0d0a07;border:1px solid rgba(215,174,98,.2)}
.reg-log p{margin:.35rem 0;color:#dec897}
.reg-log p::before{content:"› ";color:#8a744c}
.reg-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.6rem;margin:.6rem 0 0}
.reg-opts button{min-height:48px;border-radius:1rem;border:1px solid rgba(215,174,98,.24);background:#15100b;color:#ecdcb7;font-weight:500}
.reg-opts button.is-active{background:linear-gradient(180deg,#fff1c8,#d7ae62);color:#1a1209}
.reg-consent{display:flex;gap:.7rem;align-items:flex-start;line-height:1.7;margin:.8rem 0;color:var(--text)}
.reg-consent input{width:1.2rem;height:1.2rem;margin-top:.25rem;accent-color:#d7ae62}
.reg-cancelmsg{color:#f0b98a;font-style:italic}
#reg-widget button[disabled]{opacity:.55}
#reg-widget [data-step]{animation:regIn .35s ease}
@keyframes regIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.guest-card{border:1px solid rgba(215,174,98,.5);border-radius:1.4rem;padding:1.2rem 1.4rem;background:linear-gradient(160deg,#1c150d,#0c0a07);box-shadow:0 0 0 1px rgba(255,241,200,.12),0 1.6rem 4rem rgba(0,0,0,.4)}
.guest-card .gc-top{display:flex;justify-content:space-between;font-size:.74rem;letter-spacing:.2em;color:#cdbb95;margin-bottom:.6rem}
.guest-card h3{margin:.2rem 0 .6rem;color:#fff1c8;font-size:1.6rem;letter-spacing:-.03em}
.guest-card p{margin:.3rem 0;color:#e5d7ba}
.guest-card .gc-foot{margin-top:.9rem;padding-top:.7rem;border-top:1px solid rgba(215,174,98,.25);text-align:center;letter-spacing:.14em;color:#f4d38e;font-weight:600}
.reg-delivery{color:#cdbb95;margin-top:1rem}
@media (prefers-reduced-motion:reduce){#reg-widget [data-step]{animation:none}}
.acct-btn{gap:.4rem;max-width:12rem}
.acct-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:8rem}
@media (max-width:960px){.header-actions .acct-btn{display:none}}
/* Live chain widgets */
.chain-live{margin-top:.7rem;padding:.75rem .9rem;border-radius:1rem;background:#0d0a07;border:1px solid rgba(215,174,98,.22)}
.cl-line{margin:.15rem 0;color:#e5d7ba;line-height:1.8}
.cl-line b{color:#fff1c8}
.cl-note{margin:.3rem 0 0;color:#b8a47e;font-size:.9rem}
.cl-kv{display:inline-block;margin:.1rem .55rem .1rem 0;padding:.14rem .55rem;border-radius:999px;background:#15100b;border:1px solid rgba(215,174,98,.18);font-size:.86rem}
.cl-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.55rem}
.cl-actions input{max-width:7rem;background:#15100b;border:1px solid rgba(215,174,98,.24);border-radius:.7rem;color:#f0ddb3;padding:.5rem .7rem}
.cl-actions .koban-txt{max-width:none;flex:1;min-width:12rem}
.bbq-check{display:inline-flex;gap:.5rem;align-items:center}
.bbq-check input{width:1.1rem;height:1.1rem;accent-color:#d7ae62}
.bbq-state{color:#f4d38e;font-style:italic}
/* Metro live map */
.metro-wrap{border:1px solid rgba(215,174,98,.26);border-radius:var(--grand-radius,2.25rem);background:radial-gradient(circle at 50% 20%,rgba(215,174,98,.08),transparent 26rem),#0a0806;box-shadow:var(--shadow-lg);padding:1rem;overflow-x:auto}
.metro-wrap svg{min-width:640px;width:100%;height:auto;display:block}
.m-loop{fill:none;stroke:#d7ae62;stroke-width:5;opacity:.55}
.m-spur{stroke:#9f7bd8;stroke-width:4;stroke-dasharray:8 6;opacity:.8}
.m-station{fill:#0d0a07;stroke:#fff1c8;stroke-width:3}
.m-station.kinza{stroke:#c7a6ff}
a:hover .m-station{fill:#3a2b14}
.m-lbl{fill:#f0ddb3;font:600 15px var(--font-sans),system-ui,sans-serif}
.m-train{fill:#fff1c8;stroke:#7f5a22;stroke-width:2}
.m-train.spur{fill:#c7a6ff;stroke:#5e448c}
.m-tno{fill:#1a1209;font:600 10px var(--font-mono,'Space Grotesk'),monospace;text-anchor:middle;pointer-events:none}
/* Quiet rooms */
.quiet-prose{max-width:38rem}
.quiet-prose p{color:#cfc2a4;line-height:2.3;font-size:clamp(1.02rem,.95rem+.3vw,1.16rem);margin:1.6em 0}
.quiet-prose .quiet-live{color:#8a744c;font-size:.9rem;letter-spacing:.08em}
.quiet-prose + .site-footer{margin-top:var(--s5)}
/* Notice board */
.gay-date{color:#bcd9b6;font-weight:500;letter-spacing:.04em}
.speaker-bar{display:flex;align-items:center;gap:.9rem;padding:.8rem 1.1rem;border-radius:1.2rem;background:#15100b;border:1px solid rgba(215,174,98,.26);margin-bottom:var(--s2)}
.speaker{font-size:1.6rem}
#speaker-line{color:#f4d38e;font-weight:600;letter-spacing:.03em}
.dazibao-wall{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:var(--s2);align-items:start}
.dazibao{position:relative;background:linear-gradient(180deg,#f3e8cd,#e9dbb8);color:#2a2013;border-radius:.35rem;padding:1.2rem 1.2rem 2.2rem;box-shadow:0 1rem 2.4rem rgba(0,0,0,.45);transform:rotate(-.6deg)}
.dazibao:nth-child(2n){transform:rotate(.8deg)}
.dazibao:nth-child(3n){transform:rotate(-1.1deg)}
.dazibao::before{content:"";position:absolute;top:-.45rem;left:50%;transform:translateX(-50%);width:.9rem;height:.9rem;border-radius:999px;background:#8c2f22;box-shadow:0 2px 4px rgba(0,0,0,.4)}
.dazibao h3{margin:.1rem 0 .5rem;font-size:1.35rem;color:#7a1f14;letter-spacing:.12em}
.dazibao p{margin:.35rem 0;font-weight:700;font-size:1.05rem;line-height:1.7;color:#2a2013}
.dazibao .dz-en{font-weight:500;font-size:.86rem;color:#6b5a3a}
.dz-seal{position:absolute;right:.9rem;bottom:.7rem;border:2px solid #a3342a;color:#a3342a;border-radius:.3rem;padding:.1rem .45rem;font-size:.8rem;font-weight:600;transform:rotate(-6deg);letter-spacing:.15em}
.dazibao.dz-live{background:linear-gradient(180deg,#efe3c4,#e2d2ab)}
.dazibao.dz-live .chain-live{background:transparent;border:0;padding:.2rem 0}
.dazibao.dz-live .cl-line{color:#3a2c18}
.dazibao.dz-live .cl-line b{color:#7a1f14}
.dazibao.dz-live .cl-note{color:#6b5a3a}
.dazibao textarea{width:100%}
@media (prefers-reduced-motion:reduce){.dazibao{transform:none!important}}
/* Message wall */
.msg-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:1rem;margin-top:var(--s2)}
.wall-note{background:linear-gradient(180deg,#f3ecd9,#eadfc2);color:#2a2013;border-radius:.3rem;padding:.9rem 1rem .6rem;box-shadow:0 .7rem 1.6rem rgba(0,0,0,.4);transform:rotate(.5deg)}
.wall-note:nth-child(2n){transform:rotate(-.7deg)}
.wall-note:nth-child(3n){transform:rotate(1deg)}
.wall-note p{margin:0 0 .6rem;font-weight:500;line-height:1.65;color:#2a2013;word-break:break-word}
.wall-note footer{display:flex;flex-wrap:wrap;gap:.4rem .8rem;font-size:.74rem;color:#6b5a3a;border-top:1px dashed rgba(107,90,58,.4);padding-top:.45rem}
.wall-status{color:#8c2f22;font-weight:700}
@media (prefers-reduced-motion:reduce){.wall-note{transform:none!important}}
.hnode.sub rect{stroke:rgba(215,174,98,.3)}
.hnode.sub text{font-size:12px;fill:#d9c69b}
/* Ordinances */
.ordinance{max-width:46rem;background:linear-gradient(180deg,#f5eeda,#ecdfc0);color:#241b0e;border-radius:.4rem;padding:2.4rem clamp(1.2rem,4vw,3rem);box-shadow:0 1.4rem 3.4rem rgba(0,0,0,.5)}
.ordinance header{text-align:center;border-bottom:2px solid #8c2f22;padding-bottom:1.2rem;margin-bottom:1.6rem}
.ord-no{letter-spacing:.22em;font-size:.8rem;color:#8c2f22;font-weight:600;margin:0 0 .5rem}
.ordinance h2{color:#241b0e;margin:.2rem 0 .6rem;font-size:clamp(1.5rem,1.2rem+1.4vw,2.1rem);letter-spacing:-.02em}
.ord-meta{color:#6b5a3a;font-size:.85rem;margin:0}
.ord-art{margin:1.4rem 0}
.ord-art h3{color:#7a1f14;font-size:1.02rem;letter-spacing:.06em;margin:0 0 .45rem}
.ord-art p{color:#2a2013;line-height:1.85;margin:.5rem 0;font-weight:400}
.ord-seal{display:flex;justify-content:space-between;align-items:center;border-top:2px solid #8c2f22;margin-top:2rem;padding-top:1rem;color:#8c2f22;font-weight:600;letter-spacing:.18em}
.ord-seal span:first-child{border:2px solid #a3342a;border-radius:.3rem;padding:.15rem .6rem;transform:rotate(-5deg)}
/* Enterprise spacing pass · preserve structure, reduce visual density */
:root{
--container:min(90rem,calc(100vw - max(2rem,7vw)));
--measure:74ch;
--s2:clamp(1rem,.82rem + .45vw,1.55rem);
--s3:clamp(1.65rem,1.25rem + .9vw,2.7rem);
--s4:clamp(2.7rem,2rem + 1.7vw,4.8rem);
--s5:clamp(4.8rem,3.4rem + 3.2vw,8.5rem);
}
.section-head{max-width:74ch;margin-bottom:clamp(2rem,4vw,3.6rem)}
.section-head h2{max-width:20ch;font-size:clamp(2.35rem,4.4vw,4.6rem);line-height:1.02}
.section-head>p:not(.eyebrow){max-width:64ch;line-height:1.8}
.premium-divider{margin-block:clamp(3.2rem,6vw,6rem)}
.card-grid,
.grand-panel-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:clamp(1.35rem,2.4vw,2.35rem);
align-items:stretch;
}
.card-grid>:last-child:nth-child(odd),
.grand-panel-grid>:last-child:nth-child(odd){grid-column:1/-1}
.card-grid>:last-child:nth-child(odd)>p,
.grand-panel-grid>:last-child:nth-child(odd)>p{max-width:72ch}
.directory-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:clamp(1.1rem,2vw,1.8rem);
}
.info-card,
.feature-card,
.directory-card,
.panel,
.table-card,
.story-card,
.sidebar-card{
padding:clamp(1.45rem,2.6vw,2.35rem);
border-radius:1.35rem;
box-shadow:0 1.35rem 3.5rem rgba(0,0,0,.26);
}
.card-grid .info-card{min-height:17rem}
.info-card h3,
.feature-card h3,
.directory-card h3,
.table-card h3,
.story-card h3,
.sidebar-card h3{
max-width:24ch;
margin:.45rem 0 .8rem;
font-size:clamp(1.35rem,1.12rem + .65vw,2rem);
line-height:1.08;
}
.info-card p,
.feature-card p,
.directory-card p,
.table-card p,
.story-card p,
.sidebar-card p,
.panel p{max-width:68ch;margin:.6rem 0;line-height:1.78}
.info-card a,
.directory-card a,
.story-card a,
.feature-card a,
.sidebar-card a{margin-top:1.25rem}
.info-card.has-visual,
.directory-card.has-visual{padding-top:0}
.card-visual{
height:clamp(16rem,24vw,22rem);
margin:0 calc(0px - clamp(1.45rem,2.6vw,2.35rem)) 1.8rem;
background:#080706;
}
.card-visual img{
width:100%;
height:100%;
padding:0;
object-fit:cover;
object-position:center;
}
.card-visual::after{height:35%;background:linear-gradient(180deg,transparent,rgba(5,4,3,.62))}
.info-card.has-visual:hover .card-visual img,
.directory-card.has-visual:hover .card-visual img{
transform:scale(1.025);
}
.table-wrap{border-radius:1.35rem}
.commerce-table th,
.commerce-table td{padding:1.15rem 1.25rem;line-height:1.65}
.split,
.split-alt{gap:clamp(2.4rem,5vw,5.5rem)}
.timeline{gap:1.1rem}
.timeline article,
.list-panel article{padding:1.25rem 1.4rem}
/* The village front door now reads as a set of departments, not a tile wall. */
.committee-portrait-grid,
.committee-seat-portraits{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:clamp(1.3rem,2.6vw,2.4rem);
overflow:visible;
border:0;
background:transparent;
}
.committee-portrait,
.committee-seat-portrait{
min-height:clamp(33rem,48vw,46rem);
border:1px solid rgba(215,174,98,.2);
border-radius:1.55rem;
box-shadow:0 1.7rem 4.5rem rgba(0,0,0,.34);
}
.committee-seat-portrait>div{left:clamp(1.4rem,3vw,2.4rem);right:clamp(1.4rem,3vw,2.4rem);bottom:clamp(1.5rem,3vw,2.5rem)}
.committee-seat-portrait h3{font-size:clamp(2.3rem,4vw,4.1rem)}
.committee-seat-portrait p:not(.eyebrow){font-size:.9rem}
.resident-dossier-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:clamp(1.3rem,2.6vw,2.4rem);
overflow:visible;
border:0;
background:transparent;
}
.resident-dossier{
min-height:38rem;
overflow:hidden;
border:1px solid rgba(215,174,98,.19);
border-radius:1.55rem;
box-shadow:0 1.5rem 4rem rgba(0,0,0,.3);
}
.resident-dossier figure img{min-height:26rem}
.resident-dossier>div{padding:1.55rem 1.7rem 1.8rem}
.resident-dossier strong{font-size:clamp(1.8rem,3vw,2.7rem)}
.resident-dossier-grid>.resident-dossier:last-child:nth-child(odd){
grid-column:1/-1;
grid-template-columns:minmax(18rem,.75fr) minmax(20rem,1.25fr);
grid-template-rows:1fr;
min-height:30rem;
}
.resident-dossier-grid>.resident-dossier:last-child:nth-child(odd) figure img{min-height:30rem}
.resident-dossier-grid>.resident-dossier:last-child:nth-child(odd)>div{
display:flex;
flex-direction:column;
justify-content:flex-end;
border-top:0;
border-left:1px solid rgba(215,174,98,.15);
}
.enterprise-brand-rail{
grid-template-columns:repeat(6,minmax(0,1fr));
gap:clamp(.75rem,1.5vw,1.25rem);
overflow:visible;
border:0;
background:transparent;
}
.enterprise-brand{
min-height:10.5rem;
border:1px solid rgba(215,174,98,.17);
border-radius:1.25rem;
box-shadow:0 1rem 2.8rem rgba(0,0,0,.24);
}
.village-enterprise-section .enterprise-brand:nth-child(-n+3){grid-column:span 2}
.village-enterprise-section .enterprise-brand:nth-child(n+4){grid-column:span 3}
.partner-brand-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
.partner-brand-rail .enterprise-brand{grid-column:auto!important}
.operating-enterprise-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:clamp(1rem,2vw,1.7rem);
overflow:visible;
border:0;
background:transparent;
}
.operating-enterprise-grid article{
min-height:12.5rem;
padding:1.7rem;
border:1px solid rgba(215,174,98,.15);
border-radius:1.2rem;
box-shadow:0 1rem 2.7rem rgba(0,0,0,.22);
}
.operating-enterprise-grid strong{font-size:1.8rem}
.partner-logo-rail{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:clamp(1rem,2vw,1.6rem);
margin-top:clamp(1.4rem,3vw,2.4rem);
}
.partner-logo-rail>span{
display:grid;
grid-template-columns:4.5rem 1fr;
grid-template-rows:auto auto;
align-items:center;
column-gap:1rem;
min-height:7.75rem;
padding:1rem 1.15rem;
overflow:hidden;
border:1px solid rgba(215,174,98,.17);
border-radius:1.15rem;
background:linear-gradient(145deg,rgba(26,22,17,.96),rgba(10,9,7,.98));
box-shadow:0 1rem 2.8rem rgba(0,0,0,.22);
}
.partner-logo-rail img{
grid-row:1/3;
width:4.5rem;
height:4.5rem;
border-radius:.9rem;
object-fit:contain;
}
.partner-logo-rail strong{align-self:end;color:#f2dfb6;font-family:var(--font-display);font-size:1.2rem}
.partner-logo-rail small{align-self:start;color:#9f8d6b;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}
.village-gateway-grid{grid-template-columns:1fr;gap:clamp(1.4rem,3vw,2.6rem)}
.village-gateway-card{
grid-template-columns:minmax(18rem,.72fr) minmax(24rem,1.28fr);
min-height:24rem;
gap:clamp(2rem,5vw,5rem);
padding:clamp(2rem,4vw,4rem);
}
.village-gateway-card h3{font-size:clamp(2.3rem,4vw,4.2rem)}
.village-gateway-card nav a{padding:1.15rem .2rem}
.committee-member-strip,
.registration-desk-strip,
.oversight-strip{
gap:clamp(1rem,2vw,1.7rem);
overflow:visible;
border:0;
background:transparent;
}
.committee-member-strip article,
.registration-desk-strip article,
.oversight-strip a{
border:1px solid rgba(215,174,98,.16);
border-radius:1.15rem;
box-shadow:0 1rem 2.6rem rgba(0,0,0,.2);
}
.enterprise-dossier-grid{gap:clamp(1.6rem,3vw,3rem)}
.enterprise-dossier{
grid-template-columns:minmax(28rem,1.15fr) minmax(22rem,.85fr);
min-height:36rem;
border-radius:1.55rem;
box-shadow:0 1.7rem 4.5rem rgba(0,0,0,.3);
}
.dossier-portraits{gap:.7rem;padding:.7rem;background:#080706}
.dossier-portraits figure{border-radius:1rem}
.dossier-portraits-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.dossier-copy{padding:clamp(2.2rem,4.5vw,4.5rem)}
.partner-feature{grid-template-columns:minmax(26rem,1.05fr) minmax(24rem,.95fr);border-radius:1.55rem}
.partner-feature-portrait-pair{gap:.7rem;padding:.7rem;background:#080706}
.partner-feature-portrait-pair figure{border-radius:1rem}
.ballzos-partner-card{
grid-column:1/-1;
display:grid;
grid-template-columns:minmax(17rem,.72fr) minmax(24rem,1.28fr);
align-items:stretch;
gap:0;
padding:0;
overflow:hidden;
}
.ballzos-portrait{min-height:34rem;margin:0;background:#080706}
.ballzos-portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}
.ballzos-partner-card>div{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(2rem,4vw,4rem)}
.ballzos-mark{width:min(100%,17rem);max-height:4.5rem;margin:0 0 2rem;object-fit:contain;object-position:left center}
.partner-network-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:clamp(1.3rem,2.6vw,2.4rem);
margin-bottom:clamp(2.6rem,6vw,5rem);
}
.partner-network-card{
display:grid;
grid-template-columns:minmax(12rem,.7fr) minmax(17rem,1.3fr);
min-height:25rem;
overflow:hidden;
border:1px solid rgba(215,174,98,.17);
border-radius:1.45rem;
background:linear-gradient(145deg,rgba(25,21,16,.98),rgba(8,7,6,.99));
box-shadow:0 1.5rem 4rem rgba(0,0,0,.28);
}
.partner-network-card figure{position:relative;min-height:25rem;margin:0;overflow:hidden;background:#050504}
.partner-network-card figure::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,rgba(8,7,6,.72))}
.partner-network-card figure img{width:100%;height:100%;padding:1.35rem;object-fit:contain;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.partner-network-card:hover figure img{transform:scale(1.035)}
.partner-network-card>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.6rem,3vw,2.8rem)}
.partner-network-card h3{margin:.15rem 0 .8rem;color:#f3dfb4;font-family:var(--font-display);font-size:clamp(2rem,3vw,3.2rem)}
.partner-network-card p:not(.eyebrow){color:#b4a487;line-height:1.7}
.partner-network-card span{margin-top:auto;padding-top:1.3rem;color:#8f7b58;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase}
.partner-network-card a{display:inline-flex;margin-top:1rem;color:#f4d58c;font-weight:600}
.partner-ringo figure{background:radial-gradient(circle at center,rgba(95,9,16,.38),#040404 66%)}
.partner-tinyduro figure{background:radial-gradient(circle at center,rgba(55,115,163,.2),#060709 68%)}
.partner-san-pablo figure{background:radial-gradient(circle at center,rgba(112,57,24,.24),#080604 70%)}
.partner-la-plaza figure{background:#020202}
.continuation-band{
padding:1.8rem 2rem;
gap:3rem;
border-radius:1.2rem;
}
@media(max-width:1180px){
.card-grid,.grand-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.enterprise-dossier,.partner-feature{grid-template-columns:1fr}
.dossier-portraits,.partner-feature-portrait-pair{min-height:34rem}
}
@media(max-width:820px){
:root{--container:min(46rem,calc(100% - 2rem))}
.card-grid,.grand-panel-grid,.directory-grid{grid-template-columns:1fr}
.card-grid>:last-child:nth-child(odd),
.grand-panel-grid>:last-child:nth-child(odd){grid-column:auto}
.committee-portrait-grid,
.committee-seat-portraits,
.resident-dossier-grid,
.operating-enterprise-grid,
.partner-logo-rail,
.partner-network-grid{grid-template-columns:1fr}
.resident-dossier-grid>.resident-dossier:last-child:nth-child(odd){
grid-column:auto;
grid-template-columns:1fr;
grid-template-rows:minmax(24rem,1fr) auto;
}
.resident-dossier-grid>.resident-dossier:last-child:nth-child(odd)>div{border-top:1px solid rgba(215,174,98,.15);border-left:0}
.enterprise-brand-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
.village-enterprise-section .enterprise-brand{grid-column:auto}
.village-enterprise-section .enterprise-brand:last-child{grid-column:1/-1}
.village-gateway-card{grid-template-columns:1fr;min-height:auto}
.committee-member-strip{grid-template-columns:1fr}
.card-visual{height:clamp(16rem,62vw,24rem)}
.ballzos-partner-card,.partner-network-card{grid-template-columns:1fr}
.ballzos-portrait,.partner-network-card figure{min-height:26rem}
}
@media(max-width:520px){
:root{--container:min(42rem,calc(100% - 2rem))}
.section-head h2{font-size:clamp(2.1rem,11vw,3.3rem)}
.info-card,.feature-card,.directory-card,.panel,.table-card,.story-card,.sidebar-card{padding:1.3rem}
.card-visual{margin:0 -1.3rem 1.4rem}
.committee-portrait,.committee-seat-portrait{min-height:34rem}
.resident-dossier{min-height:34rem}
.resident-dossier figure img{min-height:23rem}
.enterprise-brand-rail{grid-template-columns:1fr}
.village-enterprise-section .enterprise-brand:last-child{grid-column:auto}
.dossier-portraits,.partner-feature-portrait-pair{min-height:28rem}
}
/* Editorial refinement: fewer template cues, clearer hierarchy, quieter surfaces. */
:lang(zh){--font-display:"Songti SC","STSong","Noto Serif CJK SC",serif}
:lang(ja){--font-display:"Hiragino Mincho ProN","Yu Mincho","Noto Serif CJK JP",serif}
h1,h2,h3,
.section-head h2,
.feature-copy h2,
.dossier-copy h3,
.partner-feature h3,
.partner-network-card h3{
font-weight:500;
letter-spacing:-.018em;
}
.info-card,
.feature-card,
.directory-card,
.panel,
.table-card,
.story-card,
.sidebar-card{
border-radius:.85rem;
box-shadow:0 1.2rem 3rem rgba(0,0,0,.18);
}
.card-visual{border-radius:0}
.info-card,
.directory-card,
.story-card{border-color:rgba(215,174,98,.13)}
.info-card .card-description,
.directory-card .card-description{
margin:.75rem 0 0;
color:#bbae92;
font-size:.94rem;
line-height:1.7;
}
.info-card .card-facts,
.directory-card .card-facts{
display:flex;
flex-wrap:wrap;
gap:.45rem;
margin:1rem 0 .35rem;
padding:0;
list-style:none;
}
.info-card .card-facts li,
.directory-card .card-facts li{
padding:.38rem .58rem;
border:1px solid rgba(215,174,98,.14);
border-radius:.35rem;
background:rgba(215,174,98,.045);
color:#c7b691;
font-size:.68rem;
font-weight:500;
line-height:1.25;
letter-spacing:.04em;
}
.section-head>p:not(.eyebrow){color:#b8aa8d;line-height:1.72}
.eyebrow,.pill,.card-kicker{letter-spacing:.16em}
.committee-portrait-grid{
grid-template-columns:repeat(4,minmax(0,1fr));
gap:clamp(.8rem,1.4vw,1.15rem);
}
.committee-portrait{
min-height:clamp(28rem,35vw,36rem);
border-radius:.8rem;
box-shadow:0 1.25rem 3rem rgba(0,0,0,.2);
}
.committee-portrait-copy strong{font-size:clamp(2rem,2.7vw,3.1rem)}
.resident-dossier-grid{
grid-template-columns:repeat(6,minmax(0,1fr));
gap:clamp(.8rem,1.4vw,1.15rem);
}
.resident-dossier{
grid-column:span 2;
grid-template-columns:1fr;
grid-template-rows:minmax(18rem,1fr) auto;
min-height:29rem;
border-radius:.8rem;
box-shadow:0 1.2rem 3rem rgba(0,0,0,.18);
}
.resident-dossier:nth-child(4){grid-column:2/span 2}
.resident-dossier:nth-child(5){grid-column:4/span 2}
.resident-dossier-grid>.resident-dossier:last-child:nth-child(odd){
grid-column:4/span 2;
grid-template-columns:1fr;
grid-template-rows:minmax(18rem,1fr) auto;
min-height:29rem;
}
.resident-dossier-grid>.resident-dossier:last-child:nth-child(odd)>div{
border-top:1px solid rgba(215,174,98,.15);
border-left:0;
}
.resident-dossier figure img,
.resident-dossier-grid>.resident-dossier:last-child:nth-child(odd) figure img{min-height:18rem}
.resident-dossier>div{padding:1.3rem 1.4rem 1.5rem}
.resident-dossier strong{font-size:clamp(1.6rem,2.1vw,2.2rem)}
.resident-dossier p{font-size:.92rem}
.enterprise-brand-rail{
grid-template-columns:repeat(5,minmax(0,1fr));
gap:1px;
overflow:hidden;
border:1px solid rgba(215,174,98,.14);
border-radius:.7rem;
background:rgba(215,174,98,.1);
}
.enterprise-brand{
min-height:8.25rem;
border:0;
border-radius:0;
box-shadow:none;
}
.village-enterprise-section .enterprise-brand{grid-column:auto}
.partner-brand-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
.operating-enterprise-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:1px;
}
.operating-enterprise-grid article{
min-height:9.5rem;
padding:1.45rem;
border:0;
border-radius:0;
box-shadow:none;
}
.operating-enterprise-grid strong{font-size:1.55rem}
.operating-enterprise-grid p{font-size:.9rem}
.partner-logo-rail{gap:.8rem}
.partner-logo-rail>span{
min-height:7rem;
border-radius:.7rem;
box-shadow:none;
}
.enterprise-dossier-grid{gap:clamp(1.1rem,2vw,1.8rem)}
.enterprise-dossier{
min-height:31rem;
border-radius:.8rem;
box-shadow:0 1.25rem 3rem rgba(0,0,0,.18);
}
.dossier-portraits{gap:1px;padding:0}
.dossier-portraits figure{border-radius:0}
.dossier-copy{padding:clamp(2rem,4vw,3.7rem)}
.dossier-copy h3{font-size:clamp(2.5rem,4.4vw,4.7rem)}
.partner-feature,
.partner-network-card{
border-radius:.8rem;
box-shadow:0 1.25rem 3rem rgba(0,0,0,.18);
}
.partner-network-card{min-height:22rem}
.partner-network-card figure{min-height:22rem}
.ballzos-partner-card{border-radius:.8rem}
.ballzos-partner-card>div{padding:clamp(2rem,4vw,3.5rem)}
.village-gateway-card{
min-height:22rem;
border-radius:.8rem;
box-shadow:0 1.25rem 3rem rgba(0,0,0,.18);
}
.village-gateway-card h3{font-size:clamp(2rem,3.4vw,3.5rem)}
.continuation-band{border-radius:.7rem}
@media(max-width:1180px){
.committee-portrait-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.resident-dossier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.resident-dossier,
.resident-dossier:nth-child(4),
.resident-dossier:nth-child(5),
.resident-dossier-grid>.resident-dossier:last-child:nth-child(odd){grid-column:auto}
.resident-dossier-grid>.resident-dossier:last-child:nth-child(odd){grid-column:1/-1}
.enterprise-brand-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
.village-enterprise-section .enterprise-brand:last-child{grid-column:auto}
}
@media(max-width:820px){
.committee-portrait-grid,
.resident-dossier-grid,
.operating-enterprise-grid,
.enterprise-brand-rail{grid-template-columns:1fr}
.resident-dossier-grid>.resident-dossier:last-child:nth-child(odd){grid-column:auto}
.resident-dossier,
.resident-dossier-grid>.resident-dossier:last-child:nth-child(odd){
grid-template-rows:minmax(24rem,1fr) auto;
}
.resident-dossier figure img,
.resident-dossier-grid>.resident-dossier:last-child:nth-child(odd) figure img{min-height:24rem}
}
/* Public interface rhythm · structured forms, aligned cards, quieter density */
.booking-widget,
.route-widget,
.calendar-widget,
.support-widget,
.filter-widget{
padding:clamp(1.5rem,3vw,2.8rem);
border-radius:.85rem;
box-shadow:0 1.2rem 3rem rgba(0,0,0,.2);
}
.booking-widget>h2,
.route-widget>h2,
.support-widget>h2{
max-width:22ch;
margin:.35rem 0 1.8rem;
color:var(--heading);
font-family:var(--font-display);
font-size:clamp(1.8rem,3vw,3rem);
font-weight:500;
line-height:1.06;
letter-spacing:-.02em;
text-wrap:balance;
}
.booking-widget form,
.route-widget form,
.support-widget form{
gap:1.15rem 1.3rem;
}
.booking-widget label,
.route-widget label,
.support-widget label{
display:grid;
align-content:start;
gap:.55rem;
min-width:0;
color:#c8b790;
font-family:var(--font-mono);
font-size:.7rem;
font-weight:600;
letter-spacing:.1em;
line-height:1.35;
text-transform:uppercase;
}
.booking-widget input,
.booking-widget select,
.route-widget input,
.route-widget select,
.support-widget input,
.support-widget select{
width:100%;
min-width:0;
min-height:3.35rem;
padding:.78rem .95rem;
border:1px solid rgba(215,174,98,.2);
border-radius:.48rem;
outline:0;
background-color:#0d0b09;
color:#f0e1bf;
font-family:var(--font-sans);
font-size:.94rem;
font-weight:450;
letter-spacing:0;
line-height:1.3;
text-transform:none;
transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease;
}
.booking-widget input:hover,
.booking-widget select:hover,
.route-widget input:hover,
.route-widget select:hover,
.support-widget input:hover,
.support-widget select:hover{border-color:rgba(215,174,98,.36);background-color:#12100d}
.booking-widget input:focus-visible,
.booking-widget select:focus-visible,
.route-widget input:focus-visible,
.route-widget select:focus-visible,
.support-widget input:focus-visible,
.support-widget select:focus-visible{
border-color:#d7ae62;
box-shadow:0 0 0 3px rgba(215,174,98,.12);
}
.booking-widget option,
.route-widget option,
.support-widget option{background:#0d0b09;color:#f0e1bf}
.support-widget button.wide{
min-height:3.35rem;
justify-content:center;
margin-top:.25rem;
}
.checkout-steps{
gap:1px;
overflow:hidden;
margin-bottom:1.8rem;
border:1px solid rgba(215,174,98,.14);
border-radius:.48rem;
background:rgba(215,174,98,.12);
}
.checkout-steps span{
display:grid;
min-height:3rem;
place-items:center;
border:0;
border-radius:0;
background:#0f0d0b;
font-size:.72rem;
letter-spacing:.04em;
}
.estimate-output,
.route-output-grand,
.support-output,
.calendar-output{
margin-top:1.8rem;
padding:clamp(1.2rem,2.4vw,2rem);
border-radius:.62rem;
background:#0a0907;
}
.estimate-output:empty,
.route-output-grand:empty,
.support-output:empty,
.calendar-output:empty{display:none}
.estimate-output p,
.support-output p{max-width:58ch;line-height:1.7}
.support-output p+p{margin-top:.5rem;color:#9f9278;font-size:.86rem}
.enterprise-badge{gap:.35rem;max-width:100%;white-space:normal}
.info-card,
.directory-card,
.feature-card,
.story-card{
display:flex;
min-width:0;
flex-direction:column;
}
.info-card>h3,
.directory-card>h3,
.feature-card>h3,
.story-card>h3,
.section-head h2,
.feature-copy h2{text-wrap:balance}
.info-card>a:last-child,
.directory-card>a:last-child,
.feature-card>a:last-child,
.story-card>a:last-child{
align-self:flex-start;
margin-top:auto;
padding-top:1.25rem;
}
.info-card .card-facts li,
.directory-card .card-facts li{
font-size:.72rem;
line-height:1.35;
}
.card-grid:has(>:nth-child(3):last-child){
grid-template-columns:repeat(3,minmax(0,1fr));
}
.card-grid:has(>:nth-child(3):last-child)>:last-child:nth-child(odd){
grid-column:auto;
}
.card-grid[data-route-context]{
margin-bottom:clamp(1.4rem,2.8vw,2.4rem);
}
.continuation-band nav a{
min-height:2.75rem;
display:inline-flex;
align-items:center;
padding:.6rem .85rem;
border:1px solid rgba(215,174,98,.12);
border-radius:.42rem;
background:rgba(215,174,98,.035);
}
@media(max-width:900px){
.card-grid:has(>:nth-child(3):last-child){grid-template-columns:1fr}
.card-grid .info-card{min-height:auto}
}
@media(max-width:520px){
.booking-widget,
.route-widget,
.calendar-widget,
.support-widget,
.filter-widget{padding:1.2rem}
.checkout-steps{grid-template-columns:1fr 1fr}
.checkout-steps span{min-height:2.7rem}
.event-card{gap:.5rem;padding:1rem}
.continuation-band{padding:1.3rem}
.continuation-band nav{display:grid;grid-template-columns:1fr}
}
.info-card.has-record{
display:flex;
min-width:0;
min-height:0;
overflow:hidden;
padding:0 0 1.45rem!important;
border-radius:1rem;
}
.card-grid:has(.info-card.has-record){align-items:start}
.info-card.has-record{align-self:start}
.info-card.has-record .record-thumb{
position:relative;
inset:auto;
width:100%;
height:clamp(15rem,22vw,19rem);
min-height:0;
flex:0 0 auto;
margin:0 0 1.2rem;
overflow:hidden;
border:0;
border-bottom:1px solid rgba(215,174,98,.18);
background:#080706;
}
.info-card.has-record .record-thumb::after{content:"";position:absolute;inset:auto 0 0;height:24%;background:linear-gradient(180deg,transparent,rgba(7,6,5,.5));pointer-events:none}
.info-card.has-record .record-thumb img{width:100%;height:100%;object-fit:cover;object-position:center 16%;transition:transform .32s ease}
.info-card.has-record>:not(.record-thumb){margin-left:clamp(1.2rem,2.1vw,1.7rem);margin-right:clamp(1.2rem,2.1vw,1.7rem)}
.info-card.has-record .eyebrow{margin-top:.05rem;margin-bottom:.35rem}
.info-card.has-record h3{font-size:clamp(1.55rem,2.3vw,2.1rem);line-height:1.04;overflow-wrap:anywhere}
.info-card.has-record p{margin-top:.65rem;line-height:1.68}
.handle{max-width:100%;overflow-wrap:anywhere;word-break:break-word;line-height:1.45}
.committee-seat-portraits{gap:clamp(1rem,2vw,1.6rem)}
.committee-seat-portrait{min-height:clamp(31rem,43vw,39rem);border-radius:1rem;isolation:isolate}
.committee-seat-portrait::after{background:linear-gradient(180deg,transparent 32%,rgba(5,4,3,.18) 50%,rgba(5,4,3,.97) 100%)}
.committee-seat-portrait>div{display:grid;gap:.18rem;padding-top:3rem}
.committee-seat-portrait h3{font-size:clamp(2.15rem,3.6vw,3.55rem)}
.committee-seat-portrait p:not(.eyebrow),.committee-seat-portrait small{overflow-wrap:anywhere}
.committee-member-strip{gap:clamp(.8rem,1.6vw,1.25rem)}
.committee-member-strip article{min-height:0;padding:1.35rem 1.45rem;border-radius:.85rem}
.enterprise-dossier-grid{gap:clamp(1rem,2vw,1.7rem)}
.enterprise-dossier,.partner-feature{border-radius:1rem}
.dossier-portraits,.partner-feature-portrait-pair{gap:.55rem;padding:.55rem}
.dossier-portraits figure,.partner-feature-portrait-pair figure{border-radius:.65rem}
.dossier-portraits figcaption,.partner-feature-portrait-pair figcaption{line-height:1.4;text-wrap:balance}
.info-card,.directory-card,.story-card,.feature-card,.sidebar-card,
.committee-member-strip article,.enterprise-dossier,.partner-feature,.partner-network-card{
transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
@media(hover:hover){
.info-card:hover,.directory-card:hover,.story-card:hover,.feature-card:hover,.sidebar-card:hover,
.committee-member-strip article:hover,.enterprise-dossier:hover,.partner-feature:hover,.partner-network-card:hover{
border-color:rgba(244,211,142,.38);
box-shadow:0 1.35rem 3.2rem rgba(0,0,0,.26);
}
.info-card.has-record:hover .record-thumb img{transform:scale(1.025)}
}
.info-card:focus-within,.directory-card:focus-within,.story-card:focus-within,.feature-card:focus-within,.sidebar-card:focus-within{border-color:rgba(244,211,142,.5)}
@media(max-width:760px){
.mobile-drawer{width:min(92vw,28rem);padding-inline:1rem}
.info-card.has-record{padding-top:0!important}
.info-card.has-record .record-thumb{height:clamp(14rem,64vw,18rem)}
.committee-seat-portrait{min-height:32rem}
.committee-seat-portrait>div{left:1.25rem;right:1.25rem;bottom:1.35rem}
.committee-seat-portrait h3{font-size:clamp(2rem,10vw,3rem)}
}
@media(max-width:560px){
.dossier-portraits,.dossier-portraits-three,.partner-feature-portrait-pair{grid-template-columns:1fr;min-height:0}
.dossier-portraits figure,.partner-feature-portrait-pair figure{min-height:21rem}
.dossier-copy,.partner-feature>div:last-child{padding:1.5rem}
}
@media(prefers-reduced-motion:reduce){
.mobile-link,.drawer-langs button,
.info-card.has-record .record-thumb img{transition:none}
}
/* ============================================================
Character card — one template, three sizes
----------------------------------------------------------
![]()
Role
Name
@handle
House · note
Quote
Bio
- Label
- Value
Wrap tiles: …
Wrap rows: …
============================================================ */
.character-card{
--cc-radius:var(--card-radius,1rem);
--cc-border:rgba(215,174,98,.22);
--cc-ink:#fff0c8;
--cc-muted:#bbaa8b;
--cc-soft:#9e8a65;
margin:0;
overflow:hidden;
border:1px solid var(--cc-border);
border-radius:var(--cc-radius);
background:linear-gradient(155deg,#16110c,#090806 70%);
box-shadow:0 1.2rem 2.8rem rgba(0,0,0,.26);
}
.character-card-media{position:relative;margin:0;overflow:hidden;background:#080706}
.character-card-media img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center 18%;
transition:transform .42s ease;
}
.character-card-body{display:flex;min-width:0;flex-direction:column;gap:.35rem}
.character-card-body>.eyebrow{margin:0}
.character-card-name{
margin:0;
color:var(--cc-ink);
font-family:var(--font-display);
font-weight:500;
line-height:.95;
letter-spacing:-.04em;
text-wrap:balance;
overflow-wrap:anywhere;
}
.character-card-body>.handle{margin:.15rem 0 0;width:fit-content}
.character-card-meta{margin:.15rem 0 0;color:var(--cc-muted);font-size:.88rem;line-height:1.45}
.character-card-profile{
margin:.55rem 0 0;
color:#ead7ad;
font-family:var(--font-display);
font-size:1.05rem;
font-style:italic;
line-height:1.45;
}
.character-card-profile::before{content:"“"}
.character-card-profile::after{content:"”"}
.character-card-bio{margin:.55rem 0 0;max-width:42rem;color:var(--cc-muted);line-height:1.7}
.character-card-facts{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));
gap:1px;
margin:1.15rem 0 0;
overflow:hidden;
border:1px solid rgba(215,174,98,.14);
border-radius:.65rem;
background:rgba(215,174,98,.12);
}
.character-card-facts>div{display:grid;gap:.3rem;min-width:0;padding:.9rem 1rem;background:#0d0a08}
.character-card-facts dt{
margin:0;
color:var(--cc-soft);
font-family:var(--font-mono);
font-size:.62rem;
letter-spacing:.13em;
text-transform:uppercase;
}
.character-card-facts dd{margin:0;color:#f0ddb6;font-size:.84rem;font-weight:500;line-height:1.4;overflow-wrap:anywhere}
/* Featured — mayor / primary officeholder */
.character-card--featured{
display:grid;
grid-template-columns:minmax(15rem,18rem) minmax(0,1fr);
align-items:stretch;
margin-bottom:clamp(1.25rem,2.5vw,2rem);
background:radial-gradient(circle at 86% 12%,rgba(215,174,98,.12),transparent 22rem),linear-gradient(145deg,#17110c,#090806 72%);
}
.character-card--featured .character-card-media{min-height:18rem}
.character-card--featured .character-card-media::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,transparent 70%,rgba(8,7,6,.45));
pointer-events:none;
}
.character-card--featured .character-card-body{justify-content:center;padding:clamp(1.5rem,3vw,2.75rem)}
.character-card--featured .character-card-name{font-size:clamp(2.4rem,4.2vw,4rem)}
/* Tile — seat / cast grid */
.character-card-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));
gap:var(--card-gap,1rem);
margin-bottom:clamp(1.25rem,2.5vw,2rem);
}
.character-card--tile{display:flex;flex-direction:column;min-height:0}
.character-card--tile .character-card-media{aspect-ratio:1 / 1;flex:0 0 auto}
.character-card--tile .character-card-body{flex:1 1 auto;padding:1.15rem 1.2rem 1.35rem}
.character-card--tile .character-card-name{font-size:clamp(1.55rem,2.2vw,2.1rem)}
.character-card--tile .character-card-meta{font-size:.8rem;color:var(--cc-soft)}
/* Row — secondary seats without portrait */
.character-card-rows{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));
gap:var(--card-gap,1rem);
margin-bottom:clamp(1.25rem,2.5vw,2rem);
}
.character-card--row{padding:1.15rem 1.25rem 1.3rem}
.character-card--row:has(.character-card-media){display:grid;grid-template-columns:7.2rem 1fr;gap:1rem;align-items:center}
.character-card--row .character-card-media{aspect-ratio:1;border-radius:.8rem}
.character-card--row .character-card-name{font-size:1.35rem}
.character-card--row .character-card-body{gap:.25rem}
.government-organ-grid{margin-bottom:clamp(2rem,4vw,3.5rem)}
@media(hover:hover){
.character-card:hover{border-color:rgba(244,211,142,.4)}
.character-card:hover .character-card-media img{transform:scale(1.02)}
}
@media(max-width:900px){
.character-card--featured{grid-template-columns:1fr}
.character-card--featured .character-card-media{min-height:0;aspect-ratio:1 / 1;max-height:min(22rem,88vw)}
.character-card--featured .character-card-media::after{background:linear-gradient(180deg,transparent 70%,rgba(8,7,6,.55))}
.character-card--featured .character-card-body{padding:clamp(1.35rem,5vw,2.25rem)}
.character-card--featured .character-card-name{font-size:clamp(2.2rem,9vw,3.4rem)}
}
@media(max-width:560px){
.character-card-grid,.character-card-rows{grid-template-columns:1fr}
.character-card-facts{grid-template-columns:1fr}
.character-card-facts>div{padding:.85rem 1rem}
}
@media(prefers-reduced-motion:reduce){.character-card-media img{transition:none}}
/* ============================================================
Landmark card — place / lineage filed at a landmark
(not the character register; not a civic seat)
----------------------------------------------------------
![]()
Landmark · …
Name
@handle
Title · note
Quote
Body
============================================================ */
.landmark-card{
--lc-ink:#f3e4bf;
--lc-muted:#b5a686;
--lc-soft:#9a8864;
margin:0;
overflow:hidden;
border:1px solid rgba(215,174,98,.18);
border-radius:var(--card-radius,1rem);
border-left:3px solid rgba(215,174,98,.42);
background:#0c0a08;
box-shadow:0 1rem 2.4rem rgba(0,0,0,.2);
}
.landmark-card-media{margin:0;overflow:hidden;background:#080706;aspect-ratio:16 / 10}
.landmark-card-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.landmark-card-body{display:flex;min-width:0;flex-direction:column;gap:.35rem;padding:1.2rem 1.3rem 1.4rem}
.landmark-card-body>.eyebrow{margin:0}
.landmark-card-name{
margin:0;
color:var(--lc-ink);
font-family:var(--font-display);
font-size:clamp(1.35rem,1.8vw,1.85rem);
font-weight:500;
line-height:1.05;
letter-spacing:-.03em;
overflow-wrap:anywhere;
}
.landmark-card-body>.handle{margin:.1rem 0 0;width:fit-content}
.landmark-card-meta{margin:.1rem 0 0;color:var(--lc-soft);font-size:.84rem;line-height:1.45}
.landmark-card-profile{
margin:.45rem 0 0;
color:#e6d4a8;
font-family:var(--font-display);
font-size:.98rem;
font-style:italic;
line-height:1.45;
}
.landmark-card-profile::before{content:"“"}
.landmark-card-profile::after{content:"”"}
.landmark-card-bio{margin:.45rem 0 0;color:var(--lc-muted);font-size:.94rem;line-height:1.65}
.landmark-card-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--card-gap,1rem);
margin-bottom:clamp(1rem,2vw,1.6rem);
}
.landmark-card--place{
background:linear-gradient(155deg,#16110c,#090806 72%);
border-left-color:rgba(244,211,142,.58);
}
.landmark-card--place .landmark-card-name{font-size:clamp(1.55rem,2.4vw,2.2rem)}
.landmark-card--place:has(.landmark-card-media){
grid-column:1 / -1;
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
align-items:stretch;
}
.landmark-card--place:has(.landmark-card-media) .landmark-card-media{aspect-ratio:auto;min-height:14rem;height:100%}
.landmark-card--place:has(.landmark-card-media) .landmark-card-body{justify-content:center}
.landmark-card--figure{background:#0b0907}
@media(hover:hover){.landmark-card:hover{border-color:rgba(244,211,142,.36)}}
@media(max-width:900px){
.landmark-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.landmark-card--place:has(.landmark-card-media){grid-template-columns:1fr}
.landmark-card--place:has(.landmark-card-media) .landmark-card-media{min-height:0;aspect-ratio:16 / 10;max-height:18rem}
}
@media(max-width:560px){.landmark-card-grid{grid-template-columns:1fr}}
/* ============================================================
Canon · 162-page visual lock (load last — wins the cascade)
Typography, spacing, cards, and media sizes shared site-wide.
============================================================ */
:root{
--card-pad:clamp(1.35rem,2.2vw,1.85rem);
--card-radius:1rem;
--card-gap:clamp(1rem,1.8vw,1.45rem);
--media-card-h:clamp(14.5rem,22vw,18.5rem);
--media-record-h:clamp(14rem,20vw,17.5rem);
--media-hero-max:min(100%,46rem);
}
body{font-family:var(--font-sans);font-weight:400;letter-spacing:-.012em}
h1,h2,h3,h4,h5,h6,.section-head h2,.feature-copy h2,.dossier-copy h3,.partner-feature h3,.partner-network-card h3,.village-gateway-card h3,.character-card-name,.landmark-card-name,.committee-seat-portrait h3{font-family:var(--font-display);font-weight:500;letter-spacing:-.02em}
.eyebrow,.pill,.card-kicker,.handle,.fac-sub,.gl-no,.orient-no,.commerce-table th,.ribbon-ticker{font-family:var(--font-mono)}
.brand strong{font-family:var(--font-sans);font-weight:600;letter-spacing:-.03em}
.brand small{font-family:var(--font-mono);letter-spacing:.1em}
.section{padding-block:clamp(3.25rem,6vw,5.5rem)}
.section.tight,.commerce-hero.subhero,.subhero{padding-block:clamp(2.4rem,4.5vw,3.75rem)}
.section-head{margin-bottom:clamp(1.35rem,2.4vw,2.1rem)}
.section-head h2{max-width:20ch;line-height:1.08}
.section-head>p:not(.eyebrow),.lede,.hero-lede{max-width:62ch;line-height:1.7;color:#b8aa8d}
.premium-divider{margin-block:clamp(1.75rem,3.2vw,2.75rem)}
.card-grid,.directory-grid,.story-grid,.grand-panel-grid,.government-organ-grid,.partner-compact-grid{gap:var(--card-gap)}
.info-card,.feature-card,.directory-card,.panel,.table-card,.story-card,.sidebar-card{padding:var(--card-pad);border-radius:var(--card-radius);border-color:rgba(215,174,98,.16);box-shadow:0 1.15rem 2.8rem rgba(0,0,0,.22)}
.card-grid .info-card{min-height:15.5rem}
.info-card h3,.feature-card h3,.directory-card h3,.table-card h3,.story-card h3,.sidebar-card h3{max-width:26ch;margin:.35rem 0 .7rem;font-size:clamp(1.28rem,1.05rem + .55vw,1.85rem);line-height:1.1}
.info-card p,.feature-card p,.directory-card p,.table-card p,.story-card p,.sidebar-card p,.panel p{max-width:60ch;margin:.5rem 0;line-height:1.7}
.info-card a,.directory-card a,.story-card a,.feature-card a,.sidebar-card a{margin-top:1.05rem}
.info-card.has-visual,.directory-card.has-visual{padding-top:0}
.card-visual{height:var(--media-card-h);margin:0 calc(0px - var(--card-pad)) 1.35rem;border-radius:0;border-bottom:1px solid rgba(215,174,98,.16);background:#080706}
.card-visual img{width:100%;height:100%;padding:0;object-fit:cover;object-position:center}
.info-card .card-description,.directory-card .card-description{margin:.65rem 0 0;color:#bbae92;font-size:.94rem;line-height:1.68}
.info-card .card-facts,.directory-card .card-facts{display:flex;flex-wrap:wrap;gap:.4rem;margin:.95rem 0 .25rem;padding:0;list-style:none}
.info-card .card-facts li,.directory-card .card-facts li{padding:.34rem .55rem;border:1px solid rgba(215,174,98,.14);border-radius:.35rem;background:rgba(215,174,98,.04);color:#c7b691;font-size:.68rem;font-weight:500;line-height:1.25;letter-spacing:.04em}
.info-card.has-record{display:flex;flex-direction:column;padding:0 0 1.35rem!important;min-height:0;overflow:hidden}
.info-card.has-record .record-thumb{position:relative;inset:auto;width:100%;height:var(--media-record-h);margin:0 0 1.1rem;border:0;border-bottom:1px solid rgba(215,174,98,.16);background:#080706}
.info-card.has-record .record-thumb img{width:100%;height:100%;object-fit:cover;object-position:center 18%}
.info-card.has-record>:not(.record-thumb){margin-left:var(--card-pad);margin-right:var(--card-pad)}
.hero-visual .place-render{width:var(--media-hero-max);max-height:clamp(22rem,42vw,34rem);object-fit:contain}
.hero-visual .home-gate-render{max-height:clamp(26rem,48vw,40rem)}
.gov-seal img{width:clamp(13rem,28vw,22rem)}
.gov-seal.committee-hall-seal img{width:clamp(18rem,34vw,34rem)}
.commerce-table th,.commerce-table td{padding:1.05rem 1.2rem;line-height:1.65;font-size:.9375rem}
.commerce-table th{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em}
.table-wrap,.table-card{border-radius:var(--card-radius)}
.character-card,.landmark-card{border-radius:var(--card-radius)}
.character-card-grid,.character-card-rows,.landmark-card-grid{gap:var(--card-gap)}
.committee-seat-portraits{gap:var(--card-gap)}
.committee-seat-portrait{min-height:clamp(30rem,42vw,38rem);border-radius:var(--card-radius)}
.committee-member-strip{gap:var(--card-gap)}
.committee-member-strip article{min-height:0;padding:1.25rem 1.35rem;border-radius:.85rem}
.village-gateway-card,.enterprise-dossier,.partner-feature,.partner-network-card{border-radius:var(--card-radius)}
.village-secondary-note{margin:.35rem auto 0;color:#a89874;font-size:.88rem;line-height:1.55}
.village-record-nav{gap:var(--card-gap);margin-block:clamp(1rem,2vw,1.6rem)}
@media(max-width:760px){
.card-grid .info-card{min-height:0}
.card-visual{height:clamp(14rem,56vw,20rem);margin:0 calc(0px - var(--card-pad)) 1.2rem}
.info-card.has-record .record-thumb{height:clamp(13rem,58vw,17rem)}
.hero-visual .place-render{max-height:24rem}
.committee-seat-portrait{min-height:30rem}
}
@media(max-width:520px){
:root{--card-pad:1.25rem}
.info-card,.feature-card,.directory-card,.panel,.table-card,.story-card,.sidebar-card{padding:var(--card-pad)}
.card-visual{margin:0 calc(0px - var(--card-pad)) 1.15rem}
}