/* Detail openings share the homepage's image scale and editorial typography. */
.detail-opening{padding-block:32px 36px}
.detail-opening .breadcrumb{margin:0 0 28px}
.detail-spread{display:grid;grid-template-columns:minmax(0,46%) minmax(0,48%);justify-content:space-between;align-items:stretch;border-top:1px solid #111;padding-top:24px}
.detail-visual{width:100%;min-width:0;margin:0;align-self:start;background:#fff}
.detail-image-frame{width:100%;aspect-ratio:4/5;background:#fff}
.detail-image-frame>img.brand-image{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;padding:0;object-fit:contain;object-position:center}
.detail-visual>.image-caption{margin:0;padding-top:12px;font-size:11px;line-height:1.5;color:#777}
.detail-copy{display:flex;flex-direction:column;min-width:0;border-left:1px solid #111;padding:4px 0 0 clamp(22px,2.8vw,40px)}
.detail-kicker,.detail-colophon{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font:500 10px/1.6 Inter,Arial,sans-serif;letter-spacing:.065em}
.detail-kicker{color:#555}
.detail-kicker>span:last-child{text-align:right}
.detail-brand-mark{margin:30px 0 0}
.detail-brand-mark.brand-name .supplied-logo{width:clamp(160px,18vw,245px);max-width:80%}
.detail-copy .detail-type{margin:clamp(30px,4vw,58px) 0 0;font:600 clamp(42px,6.8vw,92px)/1.01 Inter,Arial,sans-serif;letter-spacing:-.065em;color:#111;overflow-wrap:normal}
.detail-type>span{display:block}
.detail-copy .detail-descriptor{margin:28px 0 0;font:500 11px/1.7 Inter,Arial,sans-serif;letter-spacing:.1em;color:#666}
.detail-colophon{margin-top:auto;padding-top:32px;padding-bottom:2px;color:#777;letter-spacing:.025em}
.detail-colophon>span:last-child{text-align:right}
.detail-spread-journal .detail-type{margin-top:30px;font-size:clamp(38px,5.6vw,76px);line-height:1.02}
.detail-copy .detail-article-title{margin:30px 0 0;font-size:clamp(20px,2.2vw,29px);line-height:1.45;letter-spacing:-.045em;font-weight:600;word-break:keep-all;overflow-wrap:break-word}
.detail-copy .detail-summary{margin:18px 0 0;max-width:420px;font-size:15px;line-height:1.8;letter-spacing:-.025em;color:#666;word-break:keep-all}
.detail-opening+.brand-story-layout{padding-top:54px}
.journal-detail-opening~.article-body{padding-top:30px}
.journal-detail-opening~.article-body>h2:first-child{margin-top:18px}
.journal-page .editorial-page>.editorial-lead{margin-top:18px;margin-bottom:48px}
.journal-page .reading-grid{max-width:none}
.journal-page .reading-section:not(.reading-section-visual){max-width:1120px;margin-left:auto}
.journal-page .reading-section-visual{grid-template-columns:minmax(0,46%) minmax(0,48%);justify-content:space-between;gap:0;padding-top:24px}
.journal-page .reading-section-visual>.editorial-image{margin:0;align-self:start}
.journal-page .reading-section-visual>.editorial-image>img.brand-image{width:100%;height:auto;max-height:none;aspect-ratio:auto}
.reading-visual-copy{border-left:1px solid #111;padding:4px 0 0 clamp(22px,2.8vw,40px)}
.reading-visual-copy>.reading-num{font-size:13px;margin-bottom:26px}
.article-body>.journal-inline-image{width:min(100%,480px);margin:44px auto}
.article-body>.journal-inline-image>img.brand-image{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.journal-inline-image>.image-caption{padding-top:12px;font-size:11px;line-height:1.5;color:#777}

@media(min-width:700px) and (max-width:1000px){
 .detail-opening{padding-block:28px 30px}
 .detail-spread{padding-top:20px}
 .detail-copy{padding-left:22px}
 .detail-brand-mark{margin-top:24px}
 .detail-copy .detail-type{margin-top:28px}
 .detail-copy .detail-descriptor{margin-top:22px;font-size:10px}
 .detail-spread-journal .detail-type{margin-top:18px}
 .detail-copy .detail-article-title{margin-top:18px;font-size:20px;line-height:1.4}
 .detail-copy .detail-summary{margin-top:14px;font-size:14px;line-height:1.7}
 .detail-colophon{padding-top:22px;font-size:9px;gap:8px;flex-wrap:wrap}
 .reading-visual-copy{padding-left:22px}
 .reading-visual-copy>h2{font-size:24px}
}

@media(max-width:699px){
 .detail-opening{padding-block:24px 28px}
 .detail-opening .breadcrumb{margin-bottom:22px}
 .detail-spread{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:18px}
 .detail-copy{border-left:0;border-top:1px solid #111;padding:20px 0 0}
 .detail-brand-mark{margin-top:22px}
 .detail-brand-mark.brand-name .supplied-logo{width:155px;max-width:65%}
 .detail-copy .detail-type{margin-top:24px;font-size:clamp(40px,10vw,62px);line-height:1.05;letter-spacing:-.06em}
 .detail-type>span{display:inline}
 .detail-copy .detail-descriptor{margin-top:18px;font-size:10px}
 .detail-copy .detail-article-title{margin-top:24px;font-size:24px;line-height:1.45}
 .detail-copy .detail-summary{margin-top:14px;font-size:15px}
 .detail-colophon{padding-top:24px;font-size:9px;gap:10px;flex-wrap:wrap}
 .detail-opening+.brand-story-layout{padding-top:28px}
 .journal-detail-opening~.article-body{padding-top:12px}
 .journal-page .editorial-page>.editorial-lead{margin-top:12px;margin-bottom:36px}
 .journal-page .reading-section-visual{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:18px}
 .reading-visual-copy{border-left:0;padding:0}
 .reading-visual-copy>.reading-num{margin-bottom:12px}
}