/* Calder Row: home + shared page layouts */
.nb{white-space:nowrap}
.hero{padding:clamp(28px,4vw,56px) 0 clamp(48px,6vw,88px)}
.hero-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);align-items:end}
.hero-h{margin:0 0 28px;font-size:clamp(4.2rem,11.4vw,11.2rem)}
.hero-h .nb{color:var(--ink);position:relative}
.hero-cta{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:28px 0 36px}
.hero-facts{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 40px;margin:0;padding-top:20px;border-top:1px solid var(--rule)}
.hero-facts div{margin:0}
.hero-facts dt{color:var(--mute);margin-bottom:4px}
.hero-facts dd{margin:0;font-stretch:62%;font-weight:800;font-size:1.9rem;text-transform:uppercase;line-height:1}
.hero-ph{position:relative;margin:0;align-self:stretch;display:flex;flex-direction:column}
.hero-ph picture{flex:1;min-height:0}
.hero-ph img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.hero-ph figcaption{margin-top:10px;color:var(--mute)}
.slash{position:absolute;right:-10px;top:12%;width:14px;height:34%;background:var(--red);transform:skewY(-28deg);transform-origin:top}
/* board band */
.boardband{padding:clamp(48px,6vw,80px) 0}
.boardband-in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,5vw,72px);align-items:center}
.bb-copy h2{margin-bottom:18px}
.bb-copy p{max-width:42ch}
.boardband .board{background:#0a0b0e;border:1px solid rgba(237,233,225,.14)}
.board-wait .u{display:inline;font-size:.9rem;margin-left:4px;color:inherit;font-stretch:100%;font-weight:600}
/* ledger cta */
.ledger-cta{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:28px}
/* cuts mosaic */
.mosaic{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto;gap:clamp(10px,1.4vw,18px)}
.mo{position:relative;display:block;overflow:hidden;text-decoration:none;color:var(--on-ink);background:var(--ink)}
.mo-0{grid-row:span 2}
.mo img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.mo:hover img{transform:scale(1.03)}
.mo-c{position:absolute;left:0;right:0;bottom:0;padding:40px 14px 12px;background:linear-gradient(transparent,rgba(17,19,23,.82));display:flex;flex-direction:column;gap:2px}
.mo-c b{font-weight:600}
.mo-c .mono{color:#d6d3cc;font-size:.68rem}
.mo-0 .mo-c b{font-stretch:62%;font-weight:800;text-transform:uppercase;font-size:2rem;line-height:1}
/* membership band */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,24px)}
.plan{border:1px solid rgba(237,233,225,.22);padding:24px;display:flex;flex-direction:column;gap:10px}
.plan .mono{color:var(--on-ink-mute)}
.plan .pp{margin:0;font-size:1rem}
.plan .pp b{font-stretch:62%;font-weight:800;font-size:3.4rem;line-height:.9;margin-right:6px}
.plan p{margin:0}
.plan-hi{background:var(--on-ink);color:var(--ink);border-color:var(--on-ink)}
.plan-hi .mono{color:var(--red)}
.plan-hi .muted{color:var(--mute)}
.mem-cta{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px}
/* shops */
.shops2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,40px)}
.shopc picture img{width:100%;aspect-ratio:4/3;object-fit:cover}
.shopc-b{padding-top:18px}
.shopc-b .mono{color:var(--mute)}
.shopc-b h3{margin:6px 0 12px}
/* policies */
.on-paper{background:var(--paper);border-top:1px solid var(--rule)}
.pol3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,48px);margin:32px 0}
.pol3 p{margin:0 0 6px;font-size:1.05rem}
.pol3 .mono{font-size:.78rem}
/* page header (inner pages) */
.phead{padding:clamp(36px,5vw,72px) 0 clamp(24px,3vw,40px)}
.phead h1{margin:0 0 20px}
.phead-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:end}
.phead-in .lede{margin:0}
.crumb{font-family:var(--m);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--mute);margin-bottom:18px}
.crumb a{text-decoration:none}
.crumb a:hover{text-decoration:underline}
@media (max-width:980px){
 .hero-in,.boardband-in,.phead-in{grid-template-columns:1fr}
 .hero-ph{max-width:560px}
 .hero-ph img{aspect-ratio:4/3}
 .slash{right:-6px}
 .plans{grid-template-columns:1fr}
}
@media (max-width:760px){
 .hero-facts{grid-template-columns:repeat(3,1fr);gap:12px 16px}
 .hero-facts dd{font-size:1.4rem}
 .mosaic{grid-template-columns:1fr 1fr}
 .mo-0{grid-column:1/-1;grid-row:auto}
 .mo-0 img{aspect-ratio:4/3}
 .shops2,.pol3{grid-template-columns:1fr}
 .slash{display:none}
}