:root{--obsidian:#11100f;--ink:#181512;--ink-2:#24201b;--gold:#c9a96e;--gold-light:#ead6a8;--ivory:#f5f0e7;--muted:#bcb2a2;--line:rgba(201,169,110,.25);--serif:"Cormorant Garamond",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}html{background:var(--obsidian)}body{background:var(--obsidian);color:var(--ivory);font-family:var(--sans)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 88% 8%,rgba(201,169,110,.09),transparent 32rem),radial-gradient(circle at 10% 78%,rgba(201,169,110,.05),transparent 26rem)}a{color:inherit}.site-header,.nav-shell{background:rgba(17,16,15,.9)!important;border-color:var(--line)!important}.site-header{backdrop-filter:blur(16px)}.nav-pill{background:rgba(24,21,18,.92)!important;border:1px solid var(--line)!important;box-shadow:none!important}.brand,.brand strong{color:var(--gold-light)!important}.brand small{color:var(--muted)!important}.brand-mark{border-color:var(--gold)!important;color:var(--gold)!important}.nav-links>a:not(.button):not(.nav-cta),.mobile-nav>a{color:var(--ivory)!important}.nav-links>a:hover,.mobile-nav>a:hover{color:var(--gold)!important}.nav-cta,.button,.btn-gold{background:var(--gold)!important;color:var(--obsidian)!important;border-color:var(--gold)!important;border-radius:0!important;font-weight:800!important}.button.secondary{background:transparent!important;color:var(--gold-light)!important;border-color:var(--gold)!important}.nav-cta:hover,.button:hover,.btn-gold:hover{background:var(--gold-light)!important;transform:translateY(-2px)}.hero,.page-hero,.section,.section-tight,.section.panel-light{background:transparent!important}.hero--metroo{position:relative;isolation:isolate;min-height:100dvh;display:grid;align-items:end;padding:8rem 0 5rem;overflow:hidden}.hero--metroo:before{content:"";position:absolute;inset:0;z-index:-2;background:center/cover no-repeat url('/images/hero-metroo-desktop.png')}.hero--metroo:after,.page-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,9,8,.9) 0%,rgba(10,9,8,.6) 42%,rgba(10,9,8,.1) 78%),linear-gradient(0deg,rgba(10,9,8,.68),transparent 50%)}.hero--metroo .lede{color:#e7ded1!important;max-width:43rem}.hero--metroo h1{max-width:14ch;color:#fff!important;font-family:var(--serif)!important;letter-spacing:-.045em;text-wrap:balance}.eyebrow{color:var(--gold)!important}.section,.section-tight{padding-block:clamp(4.5rem,9vw,8rem)!important}.wrap,.shell{max-width:1260px!important}.lede,.body-copy,p,.rule-list p,.content-grid li{color:#d6cdbf!important}.lede{font-family:var(--serif)!important}.section h1,.section h2,.section h3,.page-hero h1,.page-hero h2,.page-hero h3{color:var(--ivory)!important;font-family:var(--serif)!important}.page-hero{position:relative;isolation:isolate;min-height:min(76dvh,54rem);display:grid;align-content:end;padding-bottom:clamp(4rem,8vw,7rem)!important;background:center/cover no-repeat url('/images/hero-metroo-desktop.png')!important}.page-hero>*{position:relative}.page-hero .lede{max-width:48rem;color:#eee5d8!important}.service-card,.article-card,.form-wrap{background:var(--ink-2)!important;border-color:var(--line)!important;box-shadow:none!important;border-radius:0!important}.service-card,.article-card{overflow:hidden}.service-card img,.art-media img,.split-media img{filter:saturate(.78) contrast(1.05);transition:transform .5s ease,filter .5s ease}.service-card:hover img,.article-card:hover img{transform:scale(1.04);filter:saturate(1) contrast(1.08)}.service-card__body h3,.art-body h3{color:var(--ivory)!important}.service-card__body p,.art-body p{color:var(--muted)!important}.text-link,.art-go,.related-strip a,.breadcrumbs a{color:var(--gold-light)!important}.text-link:after,.art-go b,.related-strip a b{content:"→";margin-left:.5em;color:var(--gold);font-weight:500}.art-go b,.related-strip a b{font-size:0}.feature,.panel-light{background:var(--ink-2)!important;border-block:1px solid var(--line)}.site-footer{background:#0b0a09!important;border-top:1px solid var(--line)}.site-footer,.site-footer p,.footer-bottom{color:var(--muted)!important}.site-footer a{color:var(--ivory)!important}.site-footer a:hover{color:var(--gold)!important}input,select,textarea{background:#171411!important;color:var(--ivory)!important;border-color:rgba(234,214,168,.4)!important;border-radius:0!important}label{color:var(--gold-light)!important}.area-grid{border-color:var(--line)!important}.area-grid a{border-color:var(--line)!important;color:var(--ivory)!important}.area-grid a:hover{background:rgba(201,169,110,.08);color:var(--gold-light)!important}.article-grid{gap:1.25rem!important}.related-strip{border-color:var(--line)!important}.related-strip a{border-color:var(--line)!important}.skip,.skip-link{background:var(--gold)!important;color:var(--obsidian)!important}.hero-actions{gap:1rem}@media(max-width:800px){.hero--metroo{padding:7rem 0 3.5rem;align-items:end}.hero--metroo:before{background-image:url('/images/hero-metroo-mobile.png');background-position:center}.hero--metroo:after,.page-hero:after{background:linear-gradient(0deg,rgba(10,9,8,.92) 0%,rgba(10,9,8,.48) 72%,rgba(10,9,8,.25) 100%)}.hero--metroo h1{font-size:clamp(3.2rem,15vw,4.8rem)!important}.page-hero{min-height:74dvh;background-image:url('/images/hero-metroo-mobile.png')!important}.nav-links.is-open,.mobile-nav{background:#12100e!important}.hero-actions .button{width:auto!important}.service-grid,.article-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

.hero--metroo .hero-grid{display:block;min-height:0}.hero--metroo .hero-copy{padding:0;max-width:50rem}.hero--metroo .hero-media{display:none}
/* Same visual identity, with legible controls and stable responsive layouts. */
:root{--serif:Baskerville,"Palatino Linotype",Palatino,Georgia,serif;--sans:"Segoe UI",system-ui,sans-serif;--ease:cubic-bezier(.2,.8,.2,1)}
.hero--metroo:before{background-image:url('/images/hero-metroo-desktop.webp')}
.page-hero{background-image:url('/images/hero-metroo-desktop.webp')!important}
.hero--metroo{min-height:calc(100svh - 4.75rem);padding:6rem 0 5rem}
.hero--metroo h1{font-size:clamp(3rem,5.5vw,5.8rem);max-width:16ch;line-height:1.04}
.hero--metroo .hero-copy{max-width:47rem}
.hero-copy .lede{max-width:38rem;font-size:clamp(1.1rem,1.55vw,1.35rem)}
.nav-toggle{color:var(--gold-light);min-height:44px;min-width:60px;cursor:pointer;border:1px solid var(--line);padding:.5rem .8rem}
.nav-links a[aria-current=page]{text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--gold)}
.site-header .brand{font-size:.68rem;letter-spacing:.08em}
.hero-actions .button{min-height:48px}
.service-card,.article-card{min-width:0}
.service-card img{aspect-ratio:4/3}
.form-wrap h3,.feature .form-wrap h3{color:var(--ivory)!important}
.form-wrap input,.form-wrap select,.form-wrap textarea{font-size:1rem;min-height:48px}
.form-grid{min-width:0}
.form-grid label{min-width:0}
.form-grid .consent-row{display:grid;grid-template-columns:22px minmax(0,1fr);gap:.75rem;align-items:start;font-weight:400;font-size:.88rem;line-height:1.6}
.consent-row input{width:20px;height:20px;min-height:20px;accent-color:var(--gold);margin:.25rem 0 0}
.consent-row a{text-decoration:underline;text-underline-offset:3px}
.form-status[data-state=error]{color:#ffbab0!important}
.form-status[data-state=success]{color:#b8e6c8!important}
.form-status:focus{outline:2px solid var(--gold);outline-offset:6px}
button:disabled{opacity:.7;cursor:default;transform:none!important}
.reading-width{max-width:820px!important}
.reading-width h2{font-size:clamp(1.65rem,3vw,2.6rem);margin:2.2rem 0 .7rem}
.reading-width p{max-width:65ch}
.reading-width a,.decision-grid a,.source-note a{text-decoration:underline;text-underline-offset:3px;color:var(--gold-light)}
.source-note{max-width:1132px;margin:3rem auto 0;padding:1.5rem clamp(1.25rem,5vw,4rem);border-top:1px solid var(--line);font-size:.9rem}
.source-note h2{font-size:1.6rem!important;line-height:1.2}
.source-note li{margin:.6rem 0}
.rule-list .source-note{padding:1.25rem 0;margin:0}
.editorial-note{max-width:1132px;margin:1rem auto;padding:0 clamp(1.25rem,5vw,4rem);font-size:.82rem}
.decision-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem 3rem;border-top:1px solid var(--line);margin:2rem 0}
.decision-grid>div{padding:1.5rem 0;border-bottom:1px solid var(--line)}
.decision-grid>div:last-child{grid-column:1/-1;max-width:65ch}
.decision-grid h3{color:var(--ivory);font-size:1.7rem}
.breadcrumbs{overflow-wrap:anywhere}
.content-grid>*,.intro-grid>*,.feature-grid>*{min-width:0}
.content-grid h2,.content-grid h3{line-height:1.18}
.site-footer .footer-grid{font-size:.9rem}
.mobile-inquiry{display:none}
:focus-visible{outline-color:var(--gold-light)!important}
@media(max-width:1000px) and (min-width:801px){.nav-links{gap:.8rem}.nav-links .button{font-size:.65rem;padding:.65rem .8rem}.site-header .brand{max-width:14rem}}
@media(max-width:800px){
 .hero--metroo:before{background-image:url('/images/hero-metroo-mobile.webp')}
 .page-hero{background-image:url('/images/hero-metroo-mobile.webp')!important;min-height:32rem}
 .hero--metroo{padding:4.5rem 0 3.5rem;min-height:calc(100svh - 4.75rem)}
 .hero--metroo h1{font-size:clamp(2.6rem,10.5vw,4rem)!important;max-width:18ch;line-height:1.08}
 .hero--metroo .lede{font-size:1.15rem!important;line-height:1.5}
 .hero-actions .button{width:100%!important}
 .hero-actions{gap:.75rem}
 .service-grid,.article-grid{grid-template-columns:minmax(0,1fr)!important}
 .service-card,.service-card:nth-child(n),.article-card{grid-column:1/-1!important}
 .service-card img{height:auto;aspect-ratio:4/3;object-fit:cover}
 .form-wrap{padding:1.5rem}
 .feature-grid{gap:2rem}
 .feature .quote{font-size:2rem}
 .decision-grid{grid-template-columns:minmax(0,1fr)}
 .decision-grid>div:last-child{grid-column:auto}
 .nav-links.is-open{overflow-y:auto;max-height:calc(100dvh - 4.75rem)}
 .nav-links.is-open>a{padding:.75rem;min-height:48px}
 .nav-links.is-open .button{width:100%}
 .brand{max-width:16rem}
 .page-hero h1{font-size:clamp(2.5rem,10vw,4rem);overflow-wrap:break-word}
 .section{padding-block:3.5rem!important}
 .source-note{margin-top:1.5rem}
 .mobile-inquiry{display:flex;position:fixed;z-index:15;bottom:calc(.75rem + env(safe-area-inset-bottom));left:1rem;right:1rem;min-height:48px;box-shadow:0 6px 20px #11100f55}
 body.has-mobile-inquiry{padding-bottom:5rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Legacy journal templates share the main site's navigation and reading layout. */
.journal-main h1,.journal-main h2,.journal-main h3{color:var(--ivory)!important}
.journal-main .section{padding-block:clamp(2.5rem,6vw,5rem)!important}
.journal-main .body-copy{font-family:var(--sans);font-size:1.05rem!important;line-height:1.85!important}
.journal-main .body-copy h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:2.2rem 0 .8rem}
.journal-main .body-copy p+p{margin-top:1rem}
.journal-main .body-copy a{text-decoration:underline;text-underline-offset:3px;color:var(--gold-light)}
.journal-main>.breadcrumbs{max-width:1260px;margin:auto;padding-inline:clamp(1.25rem,5vw,4rem)}
.journal-main>.breadcrumbs span{padding-inline:.35rem}
.journal-main .article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2rem}
.journal-main .article-card{display:flex;flex-direction:column}
.journal-main .art-media img{width:100%;aspect-ratio:4/3;object-fit:cover}
.journal-main .art-body{padding:1.5rem;display:flex;flex-direction:column;gap:.8rem;flex:1}
.journal-main .art-body h3{font-size:1.8rem;line-height:1.12}
.journal-main .art-go{margin-top:auto;font-size:.8rem;font-weight:700}
.journal-main .split-media img{width:100%;object-fit:cover}
.journal-main .related-strip{display:flex;flex-wrap:wrap;gap:1rem;border-top:1px solid var(--line);padding-top:1.5rem}
.journal-main .related-strip a{padding:.75rem 1rem;border:1px solid var(--line)}
.journal-main .faq-list{margin-top:2rem}
.journal-main details{border-top:1px solid var(--line);padding:1.25rem 0}
.journal-main summary{cursor:pointer;color:var(--gold-light);font-weight:600}
.journal-main summary .ic{display:none}
@media(max-width:800px){.journal-main h1{font-size:clamp(2.4rem,9vw,4rem);line-height:1.08}.journal-main .article-grid{grid-template-columns:minmax(0,1fr)}.journal-main .body-copy{font-size:1rem!important}}