/* Shared editorial layout primitives. Site-specific composition belongs in the app. */
.eqc-container,.wrap{width:min(var(--eqc-content-width),calc(100% - 128px));margin-inline:auto}
.eqc-reading{width:min(100%,var(--eqc-reading-width))}
.eqc-stack>*+*{margin-block-start:var(--eqc-space-12)}
.eqc-cluster{display:flex;flex-wrap:wrap;gap:var(--eqc-space-4);align-items:center}
.eqc-section{padding-block:var(--eqc-space-12)}

:where(.hero){padding:64px 0 58px}
:where(.hero-grid){display:grid;grid-template-columns:1.2fr .8fr;gap:58px;align-items:start}
:where(.hero-grid.solo){grid-template-columns:1fr}
:where(.section){padding:70px 0;border-top:1px solid var(--eqc-rule)}
.section.alt{background:var(--eqc-surface-low)}
.section.mid{background:var(--eqc-surface-mid)}
.section.blue{background:var(--eqc-blue);color:var(--eqc-surface)}
.section.blue .brand-head,.section.blue .micro,.section.blue .copy,.section.blue .lead{color:var(--eqc-surface)}
.section-head{display:flex;justify-content:space-between;gap:36px;align-items:flex-end;margin-bottom:32px}
.section-head>div:first-child{max-width:780px}
.section-head .aside{max-width:340px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 42px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 42px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.split.feature{grid-template-columns:1.12fr .88fr}
.photo{overflow:hidden;background:#e8e2d7}
.photo img{width:100%;height:100%;object-fit:cover}
.photo.wide{aspect-ratio:16/9}
.photo.landscape{aspect-ratio:3/2}
.photo.square{aspect-ratio:1/1}
.photo.tall{aspect-ratio:4/5}
.caption{display:flex;justify-content:space-between;gap:16px;margin-top:7px;font:600 8px/1.4 var(--eqc-font-factual);letter-spacing:.08em;text-transform:uppercase;color:#716b63}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}

@media(min-width:48rem){.eqc-section{padding-block:var(--eqc-space-16)}}
@media(max-width:1080px){.eqc-container,.wrap{width:min(var(--eqc-content-width),calc(100% - 64px))}}
@media(max-width:820px){.eqc-container,.wrap{width:calc(100% - 32px)}:where(.hero){padding:38px 0}:where(.hero-grid),.split,.split.feature{grid-template-columns:1fr;gap:26px}:where(.section){padding:48px 0}.section-head{display:block}.section-head .aside{margin-top:12px}.grid2,.grid3{grid-template-columns:1fr;gap:28px}}
@media(max-width:480px){.eqc-container,.wrap{width:calc(100% - 24px)}}
