/* Shared scale. Desktop media has explicit geometry rather than intrinsic height. */
:root{--max:1360px;--layout-gutter:clamp(20px,3vw,44px);--layout-section-y:clamp(40px,4.5vw,64px)}
body{font-size:16px;line-height:1.7}
main,main>*,.header-inner,.utility-bar,.breadcrumbs{min-width:0}
.utility-bar,.header-inner,.breadcrumbs,.hero,.page-hero,.section,.editorial-note,
.influencer-feature,.influencer-hero,.directory-visual-story,.editorial-triptych,
.capital-visuals,.editorial-pair,.home-editorial-image,.creator-editorial,
.guide-content-wrap,.media-provenance{width:100%;max-width:var(--max);margin-inline:auto}
.utility-bar{gap:20px;font-size:11px;letter-spacing:.08em}
.header-inner{min-height:84px;gap:28px}
.main-nav{gap:clamp(14px,1.6vw,24px)}
.main-nav a{font-size:12px;letter-spacing:.06em;padding-block:26px}
.main-nav a::after{bottom:19px}
.brand-name{font-size:11px;letter-spacing:.11em}
.breadcrumbs{padding:12px var(--layout-gutter)}
.breadcrumbs ol{font-size:11px;letter-spacing:.04em}
.hero{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);min-height:0}
.hero-copy{padding:40px var(--layout-gutter);min-height:0}
.hero h1,.page-hero h1,.influencer-hero h1{font-size:clamp(38px,4vw,56px);line-height:1.06;letter-spacing:-.035em}
.hero h1,.page-hero h1{max-width:18ch}
.lead,.page-hero p:not(.eyebrow):not(.guide-meta),.influencer-hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.75;max-width:64ch;margin-top:24px}
.hero-actions{flex-wrap:wrap;gap:20px;margin-top:28px}
.button,.text-link{font-size:12px;letter-spacing:.065em}
.button{min-height:44px;padding:12px 18px}
.eyebrow,.kicker,.chapter-number{font-size:11px;line-height:1.5;letter-spacing:.12em;margin-bottom:16px}
.hero-stats{gap:28px;margin-top:30px}
.hero-stats dd,.directory-stats dd{font-size:11px;letter-spacing:.06em}
.hero-visual{position:relative;min-height:500px}
.hero-visual img,.page-hero-image img,.influencer-hero figure>img,.influencer-feature figure>img,
.directory-visual-card img,.editorial-triptych img,.capital-visuals img,.editorial-pair img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-visual figcaption{font-size:11px;letter-spacing:.07em}
.page-hero{min-height:0;padding:48px var(--layout-gutter)}
.page-hero--image{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);padding:0}
.page-hero--image .page-hero-copy{min-height:0;padding:44px var(--layout-gutter)}
.page-hero-image{position:relative;min-height:440px}
.guide-meta{font-size:11px!important;letter-spacing:.05em;margin-top:24px!important}
.guide-hub-stats{margin-top:24px}
.guide-hub-stats span{min-height:74px;font-size:11px;letter-spacing:.03em;padding:12px}
.section{padding:var(--layout-section-y) var(--layout-gutter)}
.section-heading{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;margin-bottom:32px}
.section-heading h2,.section h2,.directory-visual-intro h2,.home-editorial-image h2,
.creator-editorial h2,.influencer-feature h2,.guide-chapter>h2,.guide-checklist>h2,.guide-sources>h2{font-size:clamp(30px,3vw,44px);line-height:1.12;letter-spacing:-.025em}
.section-heading>p{font-size:16px;line-height:1.7}
.section-heading>div,.section-heading>p{min-width:0}
.section-dark>*{max-width:none}
.split-feature,.about-grid,.source-guide,.creator-method{gap:40px}
.reference-card,.journey-card,.topic-hub-grid article,.guide-card,.universe-entry,
.universe-method-grid article,.media-card,.capital-card{min-width:0;min-height:0;padding:24px}
.reference-card h3,.journey-card h3,.topic-hub-grid h3,.guide-card h2,.guide-card h3,
.universe-method-grid h3,.media-card h2,.capital-card h2{font-size:28px;line-height:1.15;letter-spacing:-.02em;margin-top:20px;margin-bottom:14px}
.guide-card p,.journey-card p,.topic-hub-grid p,.topic-hub-grid li,.universe-method-grid p,
.universe-method-grid li,.universe-entry-copy>span,.media-card p,.capital-card p,.creator-body p{font-size:15px;line-height:1.75}
.reference-card>span,.reference-card>p,.reference-card b,.guide-card>span,.guide-card b,
.journey-card b,.media-card>span,.media-card b,.universe-entry-copy b,.universe-entry-copy small,.creator-card small{font-size:11px;letter-spacing:.05em}
.guide-card b,.reference-card b{padding-top:20px}
.guide-card--illustrated{padding-top:0}
.guide-card--illustrated>img{width:calc(100% + 48px);max-width:none;height:200px;margin:0 -24px 20px;object-fit:cover}
.guide-card--illustrated h2{margin-top:16px}
.editorial-triptych figure,.capital-visuals figure,.editorial-pair figure,.directory-visual-card{position:relative;min-height:0;height:340px}
.editorial-triptych{grid-template-columns:repeat(3,minmax(0,1fr))}
.editorial-triptych figcaption,.capital-visuals figcaption,.editorial-pair figcaption,.directory-visual-card figcaption{padding:70px 22px 22px;gap:7px}
.editorial-triptych figcaption strong,.capital-visuals figcaption strong,.editorial-pair figcaption strong,.directory-visual-card figcaption strong{font-size:25px;line-height:1.2}
.editorial-triptych figcaption span,.capital-visuals figcaption span,.editorial-pair figcaption span,.directory-visual-card figcaption span{font-size:11px;letter-spacing:.08em}
.directory-visual-card figcaption small{font-size:11px;text-align:left}
.directory-visual-card figcaption{grid-template-columns:1fr}
.directory-visual-intro{padding:40px var(--layout-gutter);gap:30px}
.directory-visual-intro>p:last-child{font-size:16px}
.directory-visual-grid{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}
.directory-visual-card,.directory-visual-card--wide{grid-column:auto}
.directory-visual-card:last-child:nth-child(odd){grid-column:1/-1;height:280px}
.home-editorial-image figure,.creator-editorial figure{min-height:0;grid-template-columns:1fr 1fr}
.home-editorial-image img,.creator-editorial img{height:380px;object-fit:cover}
.home-editorial-image figcaption,.creator-editorial figcaption{padding:32px}
.home-editorial-image h2,.creator-editorial h2{margin-block:10px 20px}
.influencer-feature,.influencer-hero{min-height:0;grid-template-columns:1fr 1fr}
.influencer-feature figure,.influencer-hero figure{position:relative;min-height:440px;margin:0}
.influencer-feature>div,.influencer-hero-copy{min-height:0;padding:40px var(--layout-gutter)}
.directory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-left:1px solid var(--line)}
.directory-entry{grid-template-columns:26px 56px minmax(0,1fr);gap:14px;min-height:0;padding:24px 20px;border-right:1px solid var(--line)}
.entry-brand{width:56px;height:56px;padding:7px}
.entry-meta{grid-column:3;align-items:flex-start;text-align:left}
.entry-meta span,.entry-meta time,.entry-meta b,.entry-copy small{font-size:12px}
.entry-meta b{margin-top:12px}
.directory-entry h3{font-size:29px;line-height:1.15}
.entry-description{font-size:15px!important;line-height:1.75!important}
.directory-stats{margin-top:28px}
.directory-tools,.creator-tools{gap:16px;margin-bottom:24px}
.filters{flex-wrap:wrap}
.filters button,.search-field>span,.select-field>span{font-size:12px}
.universe-entry-mark{width:56px;height:56px}
.universe-entry-copy strong{font-size:25px;line-height:1.15}
.universe-next{align-items:flex-start}
.creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.creator-card{grid-template-columns:130px minmax(0,1fr)}
.creator-body{padding:22px}
.creator-body h2{font-size:27px;line-height:1.15}
.creator-visual{min-height:0}
.guide-content-wrap{grid-template-columns:240px minmax(0,1fr)}
.guide-sidebar{padding:32px 22px}
.guide-sidebar a{font-size:14px;padding-block:12px}
.guide-sidebar>p,.guide-sidebar a span{font-size:11px}
.guide-chapter,.guide-checklist,.guide-sources{padding:44px 32px}
.chapter-intro{margin:24px 0 28px;font-size:20px;line-height:1.65}
.guide-point-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.guide-point-grid section{min-height:0;padding:22px}
.guide-point-grid section:last-child:nth-child(odd){grid-column:1/-1}
.guide-point-grid h3{font-size:25px;line-height:1.2;margin-bottom:16px}
.guide-point-grid p,.guide-sources span{font-size:16px;line-height:1.75}
.guide-sources a{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:22px}
.guide-answer{gap:32px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.guide-answer>p{font-size:22px}
.term-list summary{padding-block:20px}
.term-list summary strong{font-size:24px;line-height:1.25}
.term-list details>p{font-size:16px;line-height:1.8;max-width:78ch}
.editorial-comparison{font-size:15px}
.editorial-comparison th,.editorial-comparison td{padding:16px}
.comparison-scroll{max-width:100%}
.footer-inner{max-width:1272px;margin-inline:auto}
.site-footer{padding:48px var(--layout-gutter) 24px}
.footer-lead{gap:40px;padding-bottom:32px}
.footer-lead p{font-size:22px}
.footer-nav{padding-block:30px}
.footer-nav a,.footer-bottom{font-size:13px}
.media-provenance{margin-block:0;padding:16px var(--layout-gutter)}
@media(max-width:1199px){
    .header-inner{gap:16px}.main-nav{gap:14px}.main-nav a{font-size:11px;letter-spacing:.025em}.brand-name{letter-spacing:.05em}
    .directory-list{grid-template-columns:1fr}.guide-content-wrap{grid-template-columns:210px minmax(0,1fr)}
    .universe-entry-grid,.guide-card-grid,.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:999px){
    .utility-bar{display:none}.header-inner{min-height:76px}.menu-toggle{display:block;flex:none}
    .main-nav{display:none;position:absolute;top:100%;inset-inline:0;width:100%;padding:16px var(--layout-gutter);background:var(--paper);border-bottom:1px solid var(--line)}
    .main-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.main-nav a{padding-block:12px;font-size:14px}.main-nav a::after{bottom:8px}
    .hero,.page-hero--image,.influencer-feature,.influencer-hero{grid-template-columns:1fr}
    .hero-visual,.page-hero-image,.influencer-feature figure,.influencer-hero figure{min-height:0;height:320px}
    .page-hero-image{border-left:0;border-top:1px solid var(--line)}
    .hero h1,.page-hero h1,.influencer-hero h1{font-size:clamp(38px,6vw,54px);max-width:22ch}
    .hero-copy,.page-hero--image .page-hero-copy,.influencer-hero-copy{padding:36px var(--layout-gutter)}
    .section-heading,.guide-answer,.split-feature,.source-guide,.creator-method,.about-grid,.guide-bridge{grid-template-columns:1fr;gap:22px}
    .guide-content-wrap{grid-template-columns:1fr}.guide-sidebar{position:static;border-right:0;border-bottom:1px solid var(--line)}
    .guide-sidebar ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
    .editorial-triptych figure{height:300px}.editorial-triptych figcaption p{display:none}
    .creator-grid{grid-template-columns:1fr}.topic-hub-grid,.journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:679px){
    .hero h1,.page-hero h1,.influencer-hero h1{font-size:clamp(36px,9.2vw,46px)}
    .section-heading h2,.section h2,.guide-chapter>h2,.guide-checklist>h2,.guide-sources>h2{font-size:32px}
    .hero-visual,.page-hero-image,.influencer-feature figure,.influencer-hero figure{height:260px}
    .hero-copy,.page-hero--image .page-hero-copy{padding-block:32px}.hero-stats{flex-wrap:wrap;gap:24px}
    .topic-line{justify-content:flex-start;overflow-x:auto}.topic-line a{flex:none;font-size:11px;padding:14px 18px}.topic-line a+a::before{margin-right:20px}
    .card-grid,.guide-card-grid,.guide-card-grid--hub,.city-strip,.journey-grid,.topic-hub-grid,.topic-hub-grid--five,
    .universe-entry-grid,.universe-method-grid,.capital-grid,.media-grid,.answer-pillars,.guide-point-grid,
    .editorial-triptych,.directory-visual-grid,.capital-visuals,.editorial-pair{display:grid;grid-template-columns:1fr}
    .editorial-triptych figure,.capital-visuals figure,.editorial-pair figure,.directory-visual-card,.directory-visual-card:last-child:nth-child(odd){height:280px;grid-column:auto}
    .editorial-triptych figure+figure{border-left:0;border-top:1px solid #494641}
    .home-editorial-image figure,.creator-editorial figure{display:flex;flex-direction:column}
    .home-editorial-image img,.creator-editorial img{height:260px}.home-editorial-image figcaption,.creator-editorial figcaption{padding:28px var(--layout-gutter)}
    .home-editorial-image h2,.creator-editorial h2{font-size:32px}
    .directory-entry{grid-template-columns:22px 48px minmax(0,1fr);gap:10px;padding:22px 12px}.entry-brand{width:48px;height:48px}
    .directory-entry h3{font-size:26px}.directory-entry .entry-meta{grid-column:3}.directory-tools{grid-template-columns:1fr}.directory-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
    .guide-sidebar{padding:24px var(--layout-gutter)}.guide-sidebar ol{grid-template-columns:1fr}
    .guide-chapter,.guide-checklist,.guide-sources{padding:36px var(--layout-gutter)}.guide-point-grid section:last-child:nth-child(odd){grid-column:auto}
    .guide-sources a{grid-template-columns:1fr;gap:8px}.guide-card--illustrated>img{height:180px}
    .guide-meta{gap:8px}.guide-meta span+span::before{margin-right:8px}.creator-card{grid-template-columns:94px minmax(0,1fr)}.creator-body{padding:18px}
    .term-list summary strong{font-size:22px}.term-list summary{grid-template-columns:24px minmax(0,1fr) 20px;gap:12px}
    .footer-lead{flex-direction:column;gap:24px}.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-bottom{gap:14px;flex-wrap:wrap}
}
.topic-line{max-width:var(--max);margin-inline:auto;flex-wrap:wrap;justify-content:center;padding:10px 20px;gap:8px 24px}
.topic-line a{padding:8px 0;font-size:12px;white-space:normal}
.topic-line a+a::before{display:none}
.journey-grid>a{min-height:0;padding:24px;min-width:0}
.journey-grid h3{font-size:28px;line-height:1.2;margin:20px 0 16px}
.journey-grid p,.answer-pillars p{font-size:15px;line-height:1.75}
.journey-grid b,.journey-grid>a>span,.answer-pillars>article>span{font-size:11px}
.journey-grid b{margin-top:24px}
.principles article p,.editorial-note p,.topic-hub-grid article p,.capital-list li p{font-size:15px;line-height:1.75}
.principles article{min-height:0;padding:24px}
.principles h3{margin:24px 0 16px;font-size:27px;line-height:1.2}
.answer-pillars article{min-height:0;padding:24px}
.answer-pillars h3{font-size:27px;line-height:1.2;margin:20px 0 16px}
.documentary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.documentary-photo{margin:0;min-width:0;background:var(--paper)}
.documentary-photo>img{display:block;width:100%;height:300px;object-fit:contain;background:#e8e4dc}
.documentary-photo figcaption{position:static;padding:18px 0;color:var(--ink);background:none;letter-spacing:normal}
.documentary-photo figcaption p{font-size:15px;line-height:1.6;margin:0 0 12px}
.documentary-photo figcaption small{display:block;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.documentary-photo figcaption a,.documentary-credit a,.hero-visual figcaption a{text-decoration:underline;text-underline-offset:3px}
.documentary-credit{position:absolute;inset:auto 0 0;padding:14px 20px;background:rgba(18,18,18,.88);color:#fff;font-size:12px;line-height:1.7;z-index:1}
.page-hero-image img[src*="/met-"],.page-hero-image img[src*="/robe-mousseline"]{object-fit:contain;background:#ddd9d1;padding:16px 16px 76px}
.photo-atlas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.photo-atlas-card{min-width:0;border:1px solid var(--line);padding:24px;scroll-margin-top:100px}
.photo-atlas-card h3{font-size:28px;line-height:1.2;margin:12px 0 18px}
.photo-atlas-card>div>p{font-size:16px;line-height:1.75;margin-bottom:20px}
.photo-atlas-card .documentary-photo>img{height:360px}
.atlas-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.guide-bridge>div:last-child{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}
@media(max-width:999px){.documentary-grid{grid-template-columns:1fr 1fr}.documentary-grid>.documentary-photo:last-child{grid-column:1/-1}.photo-atlas-card{padding:20px}.photo-atlas-card .documentary-photo>img{height:300px}}
@media(max-width:679px){.documentary-grid,.photo-atlas-grid{grid-template-columns:1fr}.documentary-grid>.documentary-photo:last-child{grid-column:auto}.documentary-photo>img,.photo-atlas-card .documentary-photo>img{height:260px}.topic-line{padding:12px 20px;gap:4px 18px;overflow:visible}.topic-line a{padding:7px 0}.journey-grid h3,.photo-atlas-card h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
