/* Source-informed refinement. Original Vantage illustration; not source artwork.
   Scoped to Midnight Stage except the shared, nonmodal navigation assistance. */
.site-header .brand { padding:0 8px; background:#101011; border-radius:3px; line-height:0; }
.site-header .brand img { display:block; width:132px; height:48px; object-fit:contain; }
body[data-hero=stage] section[id],body[data-hero=stage] h2[id],body[data-hero=stage] form { scroll-margin-top:128px; }
body[data-hero=stage] { --surface:#0a0a0a; --text:#fafaf7; --secondary:#aaa9a4; --line:#30302e; }
body[data-hero=stage] .site-header { border-bottom:1px solid var(--line); position:sticky; top:0; z-index:20; background:var(--surface); }
body[data-hero=stage] .brand { font-weight:500; letter-spacing:-.04em; }
body[data-hero=stage] .hero-stage { max-width:1440px; padding:100px 40px 24px; gap:0; }
body[data-hero=stage] .hero-copy { max-width:1060px; }
body[data-hero=stage] .hero-copy h1 { font-size:clamp(40px,5.1vw,76px); line-height:1.06; font-weight:400; letter-spacing:-.05em; }
body[data-hero=stage] .hero-copy h1 span, body[data-hero=stage] .hero-copy h1 em { display:block; }
body[data-hero=stage] .hero-copy h1 em { font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:-.055em; margin-top:9px; }
body[data-hero=stage] .hero-copy .eyebrow { font-size:10px; letter-spacing:.17em; color:#c6b978; margin-bottom:28px; }
body[data-hero=stage] .hero-deck { max-width:62ch; font-size:16px; line-height:1.55; margin-top:28px; }
body[data-hero=stage] .button { border-radius:24px; min-height:44px; padding:11px 24px; }
body[data-hero=stage] .primary { background:#edd68a; border-color:#edd68a; }
body[data-hero=stage] .secondary { background:#242423; border-color:#242423; }
body[data-hero=stage] .button:hover { filter:brightness(1.13); }
body[data-hero=stage] .hero-stage .art-stage { min-height:0; height:auto; width:100%; margin-top:64px; overflow:hidden; mask-image:linear-gradient(to bottom,transparent,#000 13%,#000 88%,transparent); }
body[data-hero=stage] .art-stage svg { height:auto; width:100%; max-height:410px; }
.art-stage .signal-grid { fill:#32322c; }
.art-stage .signal-path { stroke:#726744; stroke-width:1; fill:none; stroke-dasharray:4 6; }
.art-stage .signal-tile { fill:#171714; stroke:#59513b; stroke-width:1; }
.art-stage .signal-chip { fill:#353023; }
.art-stage .signal-label { stroke:#a39c86; stroke-width:3; }
.art-stage .muted-label { opacity:.35; stroke-width:2; }
.art-stage .signal-symbol { stroke:#ecd488; stroke-width:1; fill:none; }
.art-stage .signal-core { fill:#edd68a; }
.art-stage .signal-halo { fill:#ddbf5630; }
.stage-caption { font-size:11px; color:var(--secondary); margin:12px auto 20px; }
.service-explorer { max-width:1280px; margin:60px auto 100px; padding:0 40px; }
.explorer-intro { display:grid; grid-template-columns:1fr 1fr; gap:12px 70px; align-items:end; margin-bottom:45px; }
.explorer-intro .eyebrow { grid-column:1/-1; font-size:10px; letter-spacing:.16em; color:#c6b978; margin:0; }
.explorer-intro h2 { font-size:40px; line-height:1.2; font-weight:400; }
.explorer-intro>p:last-child { color:var(--secondary); font-size:15px; max-width:40ch; justify-self:end; }
.service-tabs { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; border-bottom:1px solid var(--line); }
.service-tab { padding:16px 0 20px; min-height:74px; background:transparent; border:0; border-bottom:2px solid transparent; text-align:left; font-size:13px; line-height:1.55; color:#a7a59e; }
.service-tab[aria-selected=true] { border-bottom-color:#edd68a; color:#fff; }
.service-tab:hover { color:#fff; }
.service-panel { display:grid; grid-template-columns:1fr 1.05fr; gap:72px; padding-top:48px; align-items:start; min-height:430px; }
.family-copy .eyebrow { font-size:10px; color:#aaa38c; margin-bottom:20px; }
.family-copy h3 { font-size:36px; font-weight:400; line-height:1.15; max-width:17ch; }
.family-copy>p:not(.eyebrow) { color:var(--secondary); margin:22px 0; font-size:15px; }
.family-copy .button { margin-top:16px; }
.service-sheet { position:relative; padding:25px 30px; border:1px solid #514c3f; background:linear-gradient(140deg,#25231d,#121311); border-radius:10px; box-shadow:0 18px 70px #0006; }
.sheet-heading { display:flex; justify-content:space-between; gap:16px; font-size:9px; letter-spacing:.12em; color:#d0c49b; padding-bottom:25px; }
.sheet-heading span:last-child { white-space:nowrap; }
.sheet-records { padding:0; margin:0; list-style:none; }
.sheet-records li { border-top:1px solid #39382e; padding:19px 0; margin:0; }
.service-kind { color:#9f9f91; font-size:10px; display:block; }
.sheet-records .record-link { display:block; font-size:18px; border:0; padding:8px 0; min-height:44px; }
.sheet-records .record-link::after { content:' ↗'; color:#e8d394; }
.sheet-records p { font-size:12px; color:#b5b3a9; }
.sheet-note { font-size:11px; color:#aaa89d; padding-top:18px; border-top:1px solid #39382e; }
body[data-hero=stage] .composition-stage .content-section { padding-block:90px; }
body[data-hero=stage] .composition-stage .evidence { border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
body[data-hero=stage] .composition-stage .inset { background:#ece9df; color:#22221e; --secondary:#56574f; padding:64px 40px; }
body[data-hero=stage] .composition-stage .inset h2 { font-family:Georgia,serif; font-weight:400; }
body[data-hero=stage] .closing-inquiry { padding-block:110px; }
body[data-hero=stage] .closing-inquiry>p { font-family:Georgia,serif; font-size:clamp(38px,4.5vw,66px); font-weight:400; }
.assistance-panel { position:fixed; z-index:30; right:24px; bottom:88px; width:380px; max-width:calc(100vw - 32px); max-height:calc(100dvh - 112px); overflow:auto; padding:24px; border:1px solid var(--line); border-radius:18px; background:var(--surface); color:var(--text); box-shadow:0 18px 60px #0007; }
.assistance-heading { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-bottom:28px; }
.assistance-heading>span { font-size:9px; letter-spacing:.12em; color:var(--secondary); }
.assistance-close { border:1px solid var(--line); border-radius:30px; padding:8px 14px; background:transparent; font-size:12px; }
.assistance-panel h2 { font-size:30px; font-weight:400; margin-bottom:16px; }
.assistance-panel>p { font-size:13px; color:var(--secondary); line-height:1.65; }
.assistance-paths { margin-top:22px; }
.assistance-link { display:block; text-decoration:none; border-top:1px solid var(--line); padding:17px 25px 17px 0; font-size:14px; position:relative; }
.assistance-link::after { content:'↗'; position:absolute; right:0; color:#b09334; }
.assistance-link:hover { text-decoration:underline; }
.source-captures { margin-top:24px; border-top:1px solid #c9c4b7; padding-top:12px; }
.source-captures summary { min-height:44px; padding:12px 0; cursor:pointer; }
.source-captures figure { margin-top:18px; }
.source-captures img { display:block; width:100%; height:auto; border-radius:6px; }
.source-captures figcaption { font-size:12px; margin:10px 0 24px; }
body[data-hero=stage] .support-trigger { border:1px solid #8a8065; padding:14px 22px; background:#191917; color:#f1e7c7; box-shadow:0 0 0 4px #e5cb6610,0 8px 24px #0008; }
body[data-hero=stage] .support-trigger::before { content:'✧'; font-size:19px; vertical-align:middle; margin-right:12px; }
body[data-complexity=essential] .art-stage .signal-grid { opacity:.35; }
body[data-complexity=essential] .art-stage .signal-tile,body[data-complexity=essential] .art-stage .signal-chip,body[data-complexity=essential] .art-stage .signal-label,body[data-complexity=essential] .art-stage .signal-symbol { display:none; }
body[data-hero=stage][data-motion] .hero .artwork svg { animation:none; }
body[data-motion=subtle] .signal-point,body[data-motion=expressive] .signal-point { animation:signal-glow 6s ease-in-out infinite; animation-play-state:paused; }
body[data-motion=expressive] .signal-path { animation:signal-flow 18s linear infinite; animation-play-state:paused; }
body[data-playing=true] .signal-point,body[data-playing=true] .signal-path { animation-play-state:running; }
body[data-motion] .point-1,body[data-motion] .point-4 { animation-delay:-2s; }
body[data-motion] .point-2,body[data-motion] .point-5 { animation-delay:-4s; }
@keyframes signal-glow { 0%,100%{opacity:.4}50%{opacity:1} }
@keyframes signal-flow { to{stroke-dashoffset:-120} }
@media(min-width:1600px) { body[data-hero=stage] .hero-stage { padding-top:120px; } }
@media(max-width:800px) {
 body[data-hero=stage] .hero-stage { display:flex; text-align:center; padding:65px 24px 20px; }
 body[data-hero=stage] .hero-copy h1 { font-size:clamp(38px,6.3vw,58px); }
 body[data-hero=stage] .hero .hero-deck { font-size:16px; }
 body[data-hero=stage] .hero .actions { justify-content:center; }
 body[data-hero=stage] .hero-stage .art-stage { min-height:0; margin-top:46px; }
 .service-explorer { padding:0 24px; margin:40px auto 70px; }
 .explorer-intro { gap:18px; grid-template-columns:1fr; }
 .explorer-intro h2 { font-size:34px; }
 .explorer-intro>p:last-child { justify-self:start; max-width:50ch; }
 .service-tabs { grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px 18px; }
 .service-tab { min-height:64px; padding:12px 0; }
 .service-panel { grid-template-columns:1fr; gap:32px; padding-top:32px; }
 .family-copy h3 { max-width:none; font-size:32px; }
 .service-sheet { padding:22px; }
 .assistance-panel { right:16px; bottom:78px; width:380px; padding:22px; }
 body[data-hero=stage] .composition-stage .content-section { padding-block:54px; }
}
@media(prefers-reduced-motion:reduce) { .signal-point,.signal-path { animation:none!important; } }

/* Operating Brief: original editorial adaptation of retained display/section
   hierarchy. Paper outside, one deliberately ink-dark illustrated reading panel. */
body[data-hero=cover] { --surface:#f3f0e8; --text:#222823; --secondary:#5e655f; --line:#cbcfc3; --gold:#d9b35a; }
body[data-hero=cover] .site-header { padding:22px 4%; max-width:1560px; }
body[data-hero=cover] .site-header .primary-nav { gap:23px; }
body[data-hero=cover] .primary-nav a { font-size:13px; }
body[data-hero=cover] .hero-cover { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); align-items:start; gap:6%; padding:76px 4% 80px; max-width:1560px; }
body[data-hero=cover] .hero-copy { border:0; padding:14px 0 0; min-width:0; }
body[data-hero=cover] .hero-copy::after { display:none; }
body[data-hero=cover] .hero-copy .eyebrow { font-size:10px; letter-spacing:.16em; max-width:33ch; margin-bottom:28px; line-height:1.7; }
body[data-hero=cover] .hero-copy h1 { font-size:clamp(48px,5.6vw,86px); font-weight:400; letter-spacing:-.065em; line-height:1.04; max-width:13ch; }
body[data-hero=cover] .hero-copy h1 em { display:block; font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:-.06em; color:#5a674a; }
body[data-hero=cover] .hero-deck { font-size:16px; line-height:1.65; max-width:45ch; margin-top:30px; }
body[data-hero=cover] .actions { gap:12px; margin-top:28px; }
body[data-hero=cover] .button { border-radius:24px; min-height:44px; font-size:13px; padding:12px 22px; }
body[data-hero=cover] .primary { background:#26332a; color:#f4f1e5; border-color:#26332a; }
body[data-hero=cover] .secondary { background:transparent; border-color:#939d8e; }
body[data-hero=cover] .button:hover { box-shadow:inset 0 0 0 1px currentColor; }
body[data-hero=cover] .hero-cover>.artwork { border:0; background:#e8e9df; border-radius:120px 0 0 0; padding:25px; }
.brief-reader { --text:#f4f0e2; --secondary:#bec7b7; --line:#4c5849; position:relative; background:#1c2923; color:var(--text); padding:27px 28px 24px; border:1px solid #354639; border-radius:4px; box-shadow:12px 12px 0 #dce0d2; min-width:0; }
.brief-masthead { display:flex; gap:15px; justify-content:space-between; font-size:9px; letter-spacing:.13em; color:#bdc8b7; margin-bottom:23px; }
.brief-reader>h2 { font-family:Georgia,'Times New Roman',serif; font-size:clamp(24px,2.5vw,35px); line-height:1.12; letter-spacing:-.035em; font-weight:400; max-width:17ch; }
.brief-diagram { display:block; width:100%; height:auto; margin:15px 0 0; overflow:visible; }
.brief-grid { fill:#56614a; opacity:.55; }
.brief-trace { stroke:#8d9d7a; stroke-width:1; stroke-dasharray:4 5; }
.brief-point .brief-ring { stroke:#728065; stroke-width:1; fill:#233128; }
.brief-point .brief-dot { fill:#2a392f; }
.brief-point text { fill:#aebda0; font-family:Arial,sans-serif; font-size:10px; }
.brief-point[data-active=true] .brief-ring { stroke:#e9cc82; }
.brief-point[data-active=true] .brief-dot { fill:#e9cc82; }
.brief-point[data-active=true] text { fill:#202a20; }
.brief-tabs { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-bottom:1px solid #4c5849; }
.brief-tab { background:transparent; color:#bec7b7; padding:12px 0; min-height:44px; font-size:11px; letter-spacing:.08em; border:0; border-bottom:2px solid transparent; }
.brief-tab[aria-selected=true] { border-bottom-color:#e9cc82; color:#f5d995; }
.brief-tab:hover { background:#354239; }
.brief-reader :focus-visible { outline:2px solid #f5d995; outline-offset:4px; }
.brief-panel { padding:22px 0 18px; min-height:240px; }
.brief-panel h3 { font-size:19px; font-weight:400; line-height:1.35; letter-spacing:-.025em; max-width:28ch; }
.brief-panel p { color:#c0c8ba; font-size:13px; line-height:1.7; margin-top:14px; }
.brief-scope-note { margin-top:12px; }
.brief-scope-note summary { font-size:11px; color:#dccb9e; padding:12px 0; cursor:pointer; min-height:44px; }
.brief-scope-note p { border-left:1px solid #809174; padding-left:14px; font-size:12px; }
.brief-footnote { border-top:1px solid #4c5849; padding-top:18px; }
.brief-footnote>span { display:block; font-size:8px; color:#aeb9a7; letter-spacing:.12em; }
.brief-footnote .record-link { font-size:12px; display:block; border:0; padding:13px 0 0; min-height:44px; color:#e9dec0; }
.brief-footnote .record-link::after { content:' ↗'; }
body[data-hero=cover] .composition-cover { display:block; max-width:1560px; padding:0 4%; }
body[data-hero=cover] .composition-cover>.contents-nav { display:flex; position:static; flex-direction:row; flex-wrap:wrap; gap:0; border-block:1px solid #a4ad9d; padding:18px 0; margin-bottom:25px; }
body[data-hero=cover] .contents-nav a { flex:1 1 150px; max-width:none; padding:12px 22px; margin:0; border-right:1px solid var(--line); font-size:11px; line-height:1.6; min-height:44px; }
body[data-hero=cover] .contents-nav a:first-child { padding-left:0; }
body[data-hero=cover] .contents-nav a:last-child { border-right:0; }
body[data-hero=cover] .content-section { padding-block:80px; grid-template-columns:45px minmax(0,1fr); gap:25px; align-items:start; }
body[data-hero=cover] .content-section .copy { max-width:none; min-width:0; }
body[data-hero=cover] .content-section .copy h2 { font-size:clamp(32px,3.6vw,50px); font-weight:400; line-height:1.12; letter-spacing:-.045em; max-width:23ch; margin-bottom:28px; }
body[data-hero=cover] .content-section .copy>p { max-width:68ch; font-size:16px; line-height:1.7; }
body[data-hero=cover] .section-number { font-size:11px; padding-top:10px; color:#626d56; }
body[data-hero=cover] .content-section .related { margin-top:28px; }
body[data-hero=cover] .composition-cover .essay { border-top:0; }
body[data-hero=cover] .composition-cover .essay .copy { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:0 60px; }
body[data-hero=cover] .composition-cover .essay h2 { grid-column:1; grid-row:1 / span 3; font-family:Georgia,'Times New Roman',serif; max-width:17ch; }
body[data-hero=cover] .composition-cover .essay .copy>p,body[data-hero=cover] .composition-cover .essay .related { grid-column:2; }
body[data-hero=cover] .composition-cover .spread { background:#e3e7da; padding:60px 40px; border:0; }
body[data-hero=cover] .composition-cover .spread>.artwork { display:none; }
body[data-hero=cover] .composition-cover .spread .copy { grid-column:2; grid-row:auto; }
.brief-family-index { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; gap:1px; background:#b8c2ad; border:1px solid #b8c2ad; margin:10px 0 24px; }
.brief-family-entry { min-width:0; position:relative; background:#eef0e5; padding:25px 25px 22px; }
.brief-family-number { display:block; font-size:10px; letter-spacing:.08em; color:#6c765e; margin-bottom:30px; }
.brief-family-entry h3 { font-size:21px; line-height:1.25; font-weight:400; letter-spacing:-.025em; max-width:16ch; }
.brief-family-button { font:inherit; text-align:left; background:transparent; border:0; padding:0; min-height:52px; }
.brief-family-button::after { content:' ↗'; font-size:15px; color:#64764e; }
.brief-family-button::before { content:''; position:absolute; inset:0; }
.brief-family-button:hover { text-decoration:underline; text-underline-offset:5px; }
.brief-family-button:focus-visible::before { outline:2px solid #486136; outline-offset:-4px; }
.brief-family-entry p { font-size:13px; line-height:1.6; margin:15px 0 24px; color:#59634e; max-width:29ch; }
.brief-family-count { border-top:1px solid #c3cbb7; padding-top:15px; display:block; color:#58664b; font-size:10px; }
body[data-hero=cover] .composition-cover .ruled { border:0; }
body[data-hero=cover] .composition-cover .ruled .copy { border-left:1px solid #9aa88d; padding-left:38px; }
body[data-hero=cover] .composition-cover .feature { --text:#f4f0e2; --secondary:#bec7b7; --line:#4c5849; background:#1c2923; color:var(--text); padding:55px 40px; grid-template-columns:30px minmax(0,1.25fr) minmax(0,.75fr); }
body[data-hero=cover] .composition-cover .feature .section-number { color:#c4cfae; }
body[data-hero=cover] .composition-cover .feature .secondary { color:#f4f0e2; border-color:#8c9a78; }
body[data-hero=cover] .composition-cover .notes { border-top:0; margin:0; }
body[data-hero=cover] .closing-inquiry { border-top:1px solid #a4ad9d; padding-block:85px; }
body[data-hero=cover] .closing-inquiry>p { font-family:Georgia,'Times New Roman',serif; font-weight:400; font-size:clamp(36px,5vw,66px); letter-spacing:-.05em; }
body[data-hero=cover] .site-footer { background:#1c2923; color:#f3f0e8; --secondary:#bec7b7; --line:#4c5849; }
body[data-hero=cover] .footer-statement { font-weight:400; max-width:24ch; }
body[data-hero=cover] .support-trigger { background:#1c2923; color:#ede2bb; border:1px solid #879171; box-shadow:0 5px 20px #17241b22; }
body[data-hero=cover] .support-trigger::before { content:'✧'; font-size:16px; margin-right:10px; }
body[data-hero=cover] .detail-page>h1 { font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:-.045em; }
body[data-hero=cover] .detail-page .composition-cover { padding:0; }
body[data-hero=cover] .catalogue-record { border-radius:0; box-shadow:none; border-top:1px solid #a4ad9d; background:#ecefe3; padding:26px; }
body[data-hero=cover] .catalogue-record h3 { font-family:Georgia,'Times New Roman',serif; font-weight:400; font-size:26px; }
body[data-hero=cover] [id] { scroll-margin-top:24px; }
/* Authored motion: never moves text or the entire reading panel. */
body[data-hero=cover][data-motion] .hero .artwork svg { animation:none; }
body[data-hero=cover][data-motion=subtle] .brief-point[data-active=true] .brief-ring,
body[data-hero=cover][data-motion=expressive] .brief-point[data-active=true] .brief-ring { animation:brief-pulse 7s ease-in-out infinite; animation-play-state:paused; }
body[data-hero=cover][data-motion=expressive] .brief-trace { animation:brief-flow 18s linear infinite; animation-play-state:paused; }
body[data-hero=cover][data-playing=true] .brief-point[data-active=true] .brief-ring,
body[data-hero=cover][data-playing=true] .brief-trace { animation-play-state:running; }
body[data-hero=cover][data-complexity=essential] .brief-grid { display:none; }
body[data-hero=cover][data-complexity=rich] .brief-grid { opacity:1; }
@keyframes brief-pulse { 0%,100%{opacity:.45}50%{opacity:1} }
@keyframes brief-flow { to{stroke-dashoffset:-90} }
@media(max-width:1100px) {
 body[data-hero=cover] .hero-cover { gap:4%; padding:54px 4% 60px; }
 body[data-hero=cover] .hero-copy h1 { font-size:clamp(44px,5.5vw,65px); }
 .brief-reader { padding:22px; }
 body[data-hero=cover] .site-header .primary-nav { gap:14px; }
 body[data-hero=cover] .composition-cover .essay .copy { gap:0 30px; }
}
@media(max-width:800px) {
 body[data-hero=cover] .hero-cover { display:grid; grid-template-columns:1fr; gap:45px; padding:50px 6% 60px; }
 body[data-hero=cover] .hero-copy h1 { font-size:clamp(46px,8vw,66px); max-width:16ch; }
 body[data-hero=cover] .hero-copy .eyebrow { max-width:40ch; }
 body[data-hero=cover] .hero-copy .hero-deck { max-width:56ch; }
 .brief-reader { width:100%; padding:27px; }
 .brief-reader>h2 { font-size:32px; max-width:none; }
 .brief-diagram { max-height:200px; }
 .brief-panel { min-height:220px; }
 body[data-hero=cover] .composition-cover { padding:0 6%; }
 body[data-hero=cover] .composition-cover>.contents-nav { gap:0; }
 body[data-hero=cover] .contents-nav a { flex-basis:45%; padding:12px 15px 12px 0; border:0; }
 body[data-hero=cover] .composition-cover .essay .copy { display:block; }
 body[data-hero=cover] .composition-cover .essay h2 { max-width:22ch; }
 body[data-hero=cover] .composition-cover .spread,body[data-hero=cover] .composition-cover .feature { padding:40px 22px; }
 body[data-hero=cover] .composition-cover .ruled .copy { padding-left:0; border:0; }
 .brief-family-index { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .brief-family-entry { padding:22px 18px; }
 .brief-family-entry h3 { font-size:21px; }
 body[data-hero=cover] .composition-cover .feature>.artwork { max-height:240px; }
 body[data-hero=cover] .content-section .copy h2 { font-size:36px; }
}
@media(max-width:520px) {
 body[data-hero=cover] .hero-cover { padding-inline:6%; gap:35px; }
 body[data-hero=cover] .hero-copy h1 { font-size:49px; }
 body[data-hero=cover] .hero-cover .actions { flex-wrap:wrap; }
 .brief-reader { padding:24px 20px; box-shadow:7px 7px 0 #dce0d2; }
 .brief-reader>h2 { font-size:29px; }
 .brief-panel { min-height:280px; }
 .brief-panel h3 { font-size:20px; }
 .brief-panel p { font-size:14px; }
 body[data-hero=cover] .contents-nav a { flex-basis:100%; }
 body[data-hero=cover] .composition-cover .spread,body[data-hero=cover] .composition-cover .feature { padding:30px 17px; }
 .brief-family-index { grid-template-columns:1fr; }
 .brief-family-entry { padding:24px; }
 .brief-family-number { margin-bottom:14px; }
 .brief-family-entry h3 { max-width:none; }
 body[data-hero=cover] .content-section .copy h2 { font-size:30px; }
 body[data-hero=cover] .composition-cover .feature>.artwork { grid-column:1 / -1!important; }
}
@media(prefers-reduced-motion:reduce) { .brief-ring,.brief-trace { animation:none!important; } }