/* One type hierarchy shared by collection, content and commerce pages. */
.rev3-series-grid .collection-card>img{width:100%;height:auto;aspect-ratio:8/5;max-height:300px;object-fit:contain;padding:18px 10%;box-sizing:border-box}
.rev3-series-grid .collection-card[href="#collections/DOM"]>img{padding:28px 17%}
@media(max-width:760px){.rev3-series-grid .collection-card>img{max-height:220px;padding:12px 8%}.rev3-series-grid .collection-card[href="#collections/DOM"]>img{padding:18px 14%}}
:root{--type-display:clamp(38px,4.6vw,68px);--type-heading:clamp(30px,3.1vw,46px);--type-series:clamp(28px,2.5vw,38px)}
.section-head h2,.split-copy h2,.rev3-shop h2{font-size:var(--type-heading);line-height:1.2}
.page-title h1{font-size:var(--type-display);line-height:1.14}
.rev3-series-grid .collection-card h3,.collection-card h3 .series-name{font-size:var(--type-series);line-height:1.18;font-weight:400;letter-spacing:-.025em}
.collection-card .series-meta,.series-caption{font-size:14px;line-height:1.7}
.collection-card .eyebrow{font-size:11px;letter-spacing:.13em}
.collection-card h3{margin:16px 0 12px}
.product h3{font-size:16px;line-height:1.5}
.library-buckets h3,.journal-card h3{font-size:clamp(26px,2.4vw,36px);line-height:1.25}
.library-buckets p,.article p,.split-copy>p{line-height:1.8}
.nav-panel{padding:24px;gap:18px;border:1px solid #f0eeea;box-shadow:0 12px 28px #0000000a}
header .nav-panel a{font-size:14px;letter-spacing:0}
.series-nav{min-width:460px;grid-template-columns:1fr 1fr;gap:20px 32px}
.nav-series-group{display:flex;flex-direction:column;gap:3px;min-width:0}
.nav-series-group .eyebrow{font-size:11px;color:#847b6d;letter-spacing:.04em;margin:0 0 8px}
.nav-series-group a{display:block;padding:6px 0;min-height:36px}
.nav-overview{padding-bottom:14px;border-bottom:1px solid #eee}
.brand-story{--story-gutter:8%;font-size:16px;line-height:1.85}
.brand-opening{display:grid;grid-template-columns:1fr 1fr;height:min(72vw,680px)}
.brand-opening img{width:100%;height:100%;min-height:0;object-fit:cover}
.brand-intro{padding:72px var(--story-gutter);display:grid;grid-template-columns:1fr 1fr;gap:20px 64px;align-items:center}
.brand-intro>.eyebrow{grid-column:1/-1;margin:0}
.brand-intro h1{font-family:Lora,Georgia,serif;font-size:var(--type-display);font-weight:400;line-height:1.15;letter-spacing:-.04em;margin:0}
.brand-intro p,.brand-chapter p{color:#756f66;max-width:560px}
.brand-intro .brand-lead{font-size:24px;color:#292723;margin-top:0}
.brand-chapter{padding:40px var(--story-gutter) 64px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}
.brand-chapter h2,.brand-ending h2{font-family:Lora,Georgia,serif;font-size:var(--type-heading);font-weight:400;line-height:1.2;margin:18px 0 24px}
.brand-chapter>img{width:100%;max-height:600px;object-fit:contain}
.brand-chapter .core-values{grid-template-columns:1fr;gap:12px;margin:28px 0 0}
.brand-chapter .core-values>div{padding:0;display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:baseline}
.brand-chapter .core-values p{margin:0;font-size:14px}
.brand-chapter .core-values .eyebrow{font-size:11px}
.brand-panorama{margin:0 var(--story-gutter) 40px}
.brand-panorama img{width:100%;max-height:620px;object-fit:cover}
.brand-panorama figcaption{font-size:12px;color:#827a70;margin-top:12px}
.brand-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px}
.brand-ending{text-align:center;background:#f8f7f4;padding:56px var(--story-gutter)}
@media(max-width:1399px){header .series-nav{min-width:0;width:100%;max-height:none}.nav-series-group a{min-height:40px}}
@media(max-width:760px){
 :root{--type-display:38px;--type-heading:30px;--type-series:28px}
 .rev3-series-grid{gap:30px 18px}.collection-card .series-meta,.series-caption{font-size:13px}
 .brand-story{--story-gutter:22px}.brand-opening{height:350px}
 .brand-intro{grid-template-columns:1fr;padding:36px var(--story-gutter);gap:20px}
 .brand-chapter{grid-template-columns:1fr;padding:24px var(--story-gutter) 36px;gap:28px}
 .brand-chapter>img{max-height:420px}.brand-chapter-reverse>img{order:2}
 .brand-panorama{margin-bottom:24px}.brand-ending{padding:36px 22px}
 .brand-intro .brand-lead{font-size:22px}.brand-links{gap:12px 22px}
}
@media(max-width:380px){.rev3-series-grid{grid-template-columns:1fr}.brand-opening{height:280px}.series-nav{gap:16px}.nav-series-group .eyebrow{font-size:10px}}
