/* Home editorial layer. Kept local so shared pages retain their own visual system. */
.home-editorial {}
.main > .wrap { max-width: 1180px; }
.hero { position:relative; isolation:isolate; padding:clamp(42px,7vw,92px) clamp(22px,5vw,76px) 34px; border:1px solid color-mix(in srgb,var(--ink) 18%,transparent); border-radius:28px; background:linear-gradient(115deg,color-mix(in srgb,var(--archive-glass,#101512) 96%,transparent),color-mix(in srgb,var(--era-soft,#20352a) 66%,transparent)); box-shadow:0 28px 80px #0005; overflow:hidden; }
.hero::after { content:""; position:absolute; inset:0 0 0 58%; background:radial-gradient(circle at 70% 35%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 62%); pointer-events:none; z-index:-1; }
.hero h1,.hero .lede,.hero .eyebrow,.hero .hero-cta,.hero > p,.hero .stats { position:relative; max-width:760px; text-shadow:0 2px 18px #000; }
.hero h1 { letter-spacing:-.045em; line-height:.95; }
.hero .lede { color:var(--ink-bright); font-size:1.06rem; line-height:1.7; }
.hero .stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:28px; }
.hero .stat { border:1px solid color-mix(in srgb,var(--accent) 30%,transparent); border-radius:14px; padding:15px 16px; background:color-mix(in srgb,var(--archive-glass,#101512) 82%,transparent); }
.hero .stat .n { color:var(--accent); font-size:1.8rem; }
.section { position:relative; }
.section-head { align-items:end; }
.era-grid { grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:14px; }
.era-card { min-height:190px; border:1px solid color-mix(in srgb,var(--ink) 22%,transparent); background:linear-gradient(145deg,color-mix(in srgb,var(--archive-glass,#111) 90%,transparent),color-mix(in srgb,var(--era-soft,#223) 65%,transparent)); box-shadow:0 14px 34px #0003; }
.era-card .eb { color:var(--ink-bright); line-height:1.5; }
.feature,.split-card,.cta-card { background:color-mix(in srgb,var(--archive-glass,#111) 90%,transparent); border-color:color-mix(in srgb,var(--ink) 20%,transparent); box-shadow:0 14px 34px #0003; }
.site { background:color-mix(in srgb,var(--archive-glass,#101512) 94%,transparent); }
@media (max-width:700px) { .hero { padding:34px 20px 24px; border-radius:18px; } .hero::after { inset:45% 0 0; } .hero .stats { grid-template-columns:repeat(3,1fr); gap:6px; } .hero .stat { padding:10px 8px; } .hero .stat .n { font-size:1.35rem; } .hero .stat .l { font-size:.68rem; } }
body .hero{background:linear-gradient(120deg,rgba(7,20,17,.81),rgba(15,34,25,.61));backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%)}
[data-theme="bone-parchment"] .hero{background:rgba(241,233,211,.88)}