/* Shared editorial system for the four F&G detail pages. */
.detail-body{--detail-ink:#35242e;--detail-muted:#74636b;--detail-accent:#793e52;background:#fffaf5;color:var(--detail-ink);font-family:var(--font-ui);font-size:16px;line-height:1.65;overflow-x:clip}
.detail-body *{box-sizing:border-box}.detail-body a{color:inherit}.detail-body button{font:inherit}.detail-body :is(a,button,summary):focus-visible{outline:2px solid var(--detail-accent);outline-offset:5px}
.detail-skip{position:fixed;left:20px;top:-100px;background:#fff;padding:12px 20px;z-index:200}.detail-skip:focus{top:12px}
.detail-body .topic-nav{position:sticky;top:0;z-index:50;background:rgba(255,250,245,.96);border-bottom:1px solid #d8c4c54d;backdrop-filter:blur(18px)}
.detail-body .topic-nav .inner{width:min(1240px,calc(100% - 64px));min-height:88px;margin:auto;padding:0;display:flex;align-items:center;justify-content:space-between;gap:28px}
.detail-body .topic-nav .home{font-family:var(--font-brand);font-size:19px;letter-spacing:-.4px;text-decoration:none;white-space:nowrap;min-height:44px}.detail-body .topic-nav .home sup{font-size:9px;margin-left:-5px}
.detail-body .topic-nav .trail{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.detail-body .topic-nav .trail a{font-size:14px;line-height:1.4;padding:12px 0;text-decoration:none;color:#74636b;border-bottom:1px solid transparent}.detail-body .topic-nav .trail a[aria-current=page]{color:var(--detail-accent);border-color:currentColor}.detail-body .topic-nav .trail a:hover{color:var(--detail-ink)}
.detail-main{width:min(1184px,calc(100% - 64px));margin:0 auto}.detail-breadcrumb{padding-top:30px;font-size:13px;color:var(--detail-muted);display:flex;align-items:center;gap:12px}.detail-breadcrumb a{text-decoration:none}
.detail-hero{display:grid;grid-template-columns:1.03fr 1fr;gap:7%;align-items:center;min-height:690px;padding:48px 0 76px}.detail-kicker{font-size:12px!important;font-weight:600;letter-spacing:.18em;text-transform:uppercase;line-height:1.6;color:var(--detail-accent);margin:0 0 22px}
.detail-body h1,.detail-body h2,.detail-body h3,.detail-body p{overflow-wrap:break-word}
.detail-body h1{font-family:var(--font-brand);font-weight:400;line-height:1.03;letter-spacing:-.05em;font-size:clamp(56px,6.6vw,88px);margin:0 0 28px}.detail-body h1 em,.detail-body h2 em{font-family:var(--font-soul);font-weight:400;color:var(--detail-accent);letter-spacing:-.035em}.detail-body h2{font-family:var(--font-brand);font-weight:400;font-size:clamp(35px,4.5vw,58px);letter-spacing:-.035em;line-height:1.12;margin:0 0 24px}.detail-body h3{font-family:var(--font-brand);font-weight:400;font-size:26px;letter-spacing:-.02em;line-height:1.25;margin:0 0 12px}.detail-body p{margin:0 0 18px}.detail-body p:last-child{margin-bottom:0}
.detail-lead{font-size:18px;line-height:1.7;color:#74616b;max-width:510px}.detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px 25px;margin-top:30px}.detail-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:13px 23px;background:var(--detail-accent);color:#fff!important;border:1px solid var(--detail-accent);border-radius:7px;text-decoration:none;font-size:14px;transition:background .2s,transform .2s}.detail-button:hover{background:#562c3b;transform:translateY(-2px)}.detail-link{font-size:14px;text-decoration:none;border-bottom:1px solid #ad7b8b;padding:12px 0;min-height:44px;display:inline-flex;align-items:center;gap:12px}
.detail-hero-art{position:relative;margin:0;min-width:0}.detail-hero-art>img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:110px 16px 16px 16px;display:block}.detail-image-note{font-size:12px;color:var(--detail-muted);line-height:1.6;margin:13px 0 0;max-width:580px}
.detail-section{padding:86px 0;border-top:1px solid #d9c4c65e;scroll-margin-top:128px}.detail-section-head{max-width:730px;margin-bottom:42px}.detail-section-head>p:not(.detail-kicker){color:var(--detail-muted);font-size:18px;max-width:620px}.detail-split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.detail-photo{margin:0;min-width:0}.detail-photo img{display:block;width:100%;height:auto;object-fit:cover;border-radius:20px}.detail-visual{position:relative;overflow:hidden}
.detail-points{display:grid;gap:0}.detail-points article{border-top:1px solid #d9c4c67a;padding:24px 0}.detail-points article>span{display:block;font-size:12px;letter-spacing:.12em;color:#9a6c7d;margin-bottom:10px}.detail-points p{color:var(--detail-muted);font-size:16px}.detail-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.detail-cards>article{padding:30px 0;border-top:1px solid #d7bdc2}.detail-cards>article>span{font-size:12px;color:#956d7c;letter-spacing:.12em;display:block;margin-bottom:18px}.detail-cards p{color:var(--detail-muted)}
.detail-band{padding:62px;border-radius:20px;background:#35212e;color:#fff5ef;position:relative;overflow:hidden}.detail-band .detail-kicker{color:#dcb09d}.detail-band p{color:#e0cdd4;max-width:710px}.detail-band h2 em{color:#e4b89c}.detail-band .detail-link{color:#fff5ef;border-color:#b5818e}.detail-quote{font-family:var(--font-soul);font-style:italic;font-size:clamp(30px,4.7vw,56px);letter-spacing:-.025em;line-height:1.23;color:var(--detail-accent);margin:0}
.detail-cta{padding:70px 0 66px;border-top:1px solid #d9c4c67a;display:flex;align-items:center;justify-content:space-between;gap:45px}.detail-cta h2{max-width:680px;margin-bottom:14px;font-size:clamp(34px,4vw,50px)}.detail-cta p{color:var(--detail-muted);max-width:570px}.detail-cta .detail-actions{flex-shrink:0;margin:0}.detail-footer{border-top:1px solid #d9c4c67a;padding:25px 0 40px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;font-size:13px;color:var(--detail-muted)}.detail-footer a{text-decoration:none;display:inline-flex;align-items:center;min-height:44px}.detail-footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:22px}
[data-detail-motion]{background:transparent;border:1px solid #d0b9c1;border-radius:6px;padding:10px 14px;min-height:44px;color:var(--detail-muted);cursor:pointer;font-size:13px!important}[data-detail-tablist]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}[data-detail-tab]{padding:13px 20px;min-height:48px;border:1px solid #d9c4c6;border-radius:6px;background:transparent;color:var(--detail-ink);font-size:14px;cursor:pointer;transition:background .2s,color .2s}[data-detail-tab][aria-selected=true]{background:var(--detail-accent);border-color:var(--detail-accent);color:#fff}[data-detail-panel]{scroll-margin-top:140px}[data-detail-panel]+[data-detail-panel]{margin-top:40px}.detail-tabs-ready [data-detail-panel]+[data-detail-panel]{margin-top:0}.detail-tabs-ready [data-detail-panel]:not([hidden]){animation:detail-panel-in .4s ease both}.detail-body [hidden]{display:none!important}
.detail-revealed{animation:detail-reveal .7s cubic-bezier(.2,.6,.2,1) both}.detail-body[data-motion=paused] *,.detail-body[data-motion=paused] *::before,.detail-body[data-motion=paused] *::after{animation-play-state:paused!important}
@keyframes detail-reveal{from{opacity:.7;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes detail-panel-in{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.detail-body .topic-nav .inner{gap:16px}.detail-body .topic-nav .trail{gap:17px}.detail-body .topic-nav .home{font-size:17px}.detail-hero{gap:5%;min-height:600px}.detail-body h1{font-size:clamp(50px,6.6vw,70px)}.detail-band{padding:42px}.detail-cta{align-items:flex-start;flex-direction:column;gap:24px}}
@media(max-width:760px){.detail-body .topic-nav .inner{width:calc(100% - 40px);min-height:0;padding:12px 0 0;display:block}.detail-body .topic-nav .home{font-size:17px}.detail-body .topic-nav .home::before{width:27px;height:27px;flex-basis:27px}.detail-body .topic-nav .trail{display:flex;gap:22px;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;margin-top:5px;scrollbar-width:none}.detail-body .topic-nav .trail a{font-size:12px;padding:12px 0;min-height:44px}.detail-main{width:calc(100% - 40px)}.detail-breadcrumb{padding-top:22px;font-size:12px}.detail-hero{grid-template-columns:1fr;gap:36px;padding:38px 0 55px;min-height:0}.detail-body h1{font-size:clamp(48px,11vw,72px);max-width:600px;margin-bottom:22px}.detail-lead{font-size:17px}.detail-kicker{font-size:11px!important;letter-spacing:.14em;margin-bottom:16px}.detail-hero-art>img{aspect-ratio:5/4;border-top-left-radius:80px}.detail-section{padding:55px 0}.detail-section-head{margin-bottom:28px}.detail-body h2{font-size:clamp(34px,8vw,46px)}.detail-body h3{font-size:25px}.detail-section-head>p:not(.detail-kicker){font-size:17px}.detail-split{grid-template-columns:1fr;gap:30px}.detail-cards{grid-template-columns:1fr;gap:0}.detail-cards>article{padding:25px 0}.detail-band{padding:34px 25px;border-radius:14px}.detail-cta{padding:50px 0}.detail-footer{padding-bottom:24px}.detail-footer nav{gap:20px}.detail-actions{gap:12px 22px;margin-top:25px}.detail-button{padding:13px 19px}.detail-photo img{border-radius:14px}[data-detail-tablist]{gap:6px;margin-bottom:24px}[data-detail-tab]{padding:11px 14px;font-size:13px}.detail-image-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.detail-body *,.detail-body *::before,.detail-body *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.detail-footer>div{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.detail-body>footer.detail-footer{width:min(1184px,calc(100% - 64px));margin:auto}@media(max-width:760px){.detail-body>footer.detail-footer{width:calc(100% - 40px)}.detail-footer>div{gap:18px}}
.detail-cta{scroll-margin-top:128px}
.detail-body .topic-nav{padding:0}.detail-body .topic-nav .trail{text-transform:none;letter-spacing:0}
/* Let the photographs arrive earlier in the mobile reading sequence. */
@media(max-width:760px){
 .detail-hero{row-gap:22px}
 .detail-hero-copy{display:contents}
 .detail-hero-copy>.detail-kicker{order:0;margin:0}
 .detail-hero-copy>h1{order:1;margin:0}
 .detail-hero-copy>.detail-lead{order:2;margin:0}
 .detail-hero>.detail-hero-art,.detail-hero>.detail-visual{order:3;margin-top:12px}
 .detail-hero-copy>p:not(.detail-kicker):not(.detail-lead){order:4;margin:0}
 .detail-hero-copy>.detail-actions{order:5;margin-top:3px}
 .detail-hero-copy>.culture-hero-index{order:6;margin-top:4px}
 .brands-detail .detail-hero-copy>.brands-hero-note{order:6}
 .brands-detail .brands-hero{row-gap:22px}
}
@media(max-width:760px){.detail-body .detail-main .detail-hero{row-gap:22px}}