/* Phase 1 art-direction correction. Canon palette and type roles unchanged. */
html { scroll-behavior:auto; }
body, main { width:100%; }
.section, .masthead, .navigation-inner { width:100%; }
.masthead-word { font-size:clamp(10rem,30vw,25rem); padding-bottom:12px; }
.masthead { padding-top:16px; }
.navigation:not(.is-stuck) .compact-mark { display:none; }
.navigation.is-stuck .compact-mark { display:block; }
.utility, .kicker { font-size:.875rem; }
.cover-meta { border-top:4px solid var(--tnb-blue); padding-top:12px; }
.cover-copy .kicker { max-width:25ch; }
.cover-copy .button { background:transparent; color:var(--tnb-blue); padding:12px 0; border-bottom:2px solid var(--tnb-blue); }
.cover-copy .button:hover { color:var(--tnb-ink); border-color:var(--tnb-ink); }
.cover-copy h1 { font-size:clamp(4rem,6.7vw,6.5rem); }
.cover-image figcaption { padding-top:12px; border-bottom:1px solid var(--tnb-blue); padding-bottom:12px; }
.editorial-grid { gap:0 32px; }
.editorial-lead { grid-column:span 8; }
.editorial-artist { grid-column:span 4; grid-row:auto; }
.story-top { margin-bottom:20px; }
.digest-photo { margin-bottom:28px; }
.summer-window { position:relative; overflow:hidden; aspect-ratio:828/850; background:var(--tnb-paper); }
.summer-window img { position:absolute; width:131.1594%; max-width:none; height:auto; left:-28.744%; top:-28.588%; }
.digest-photo figcaption { padding-top:10px; }
.editorial-lead h3 { font-size:clamp(3rem,5.5vw,5.5rem); margin-bottom:24px; }
.editorial-artist { padding-top:80px!important; }
.editorial-artist figure { max-width:none; }
.editorial-artist img { width:100%; max-height:none; }
.editorial-artist h3 { font-size:clamp(2.5rem,3.2vw,3.5rem); }
.editorial-read { grid-column:span 4; }
.editorial-field { grid-column:span 8; background:var(--tnb-blue); color:var(--tnb-paper); padding:32px!important; border:0; }
.editorial-field .kicker { color:inherit; }
.editorial-field h3 { font-size:clamp(3rem,5vw,5rem); }
.editorial-notebook { grid-column:span 7; }
.editorial-tools { grid-column:span 5; padding-left:24px!important; }
.paste-up { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); align-items:start; padding:32px 16px 24px; gap:0; }
.artifact { padding:8px; border:0; color:var(--tnb-ink); background:var(--tnb-paper); box-shadow:0 4px 12px #00000019; }
.artifact-one { grid-column:1/6; grid-row:1; transform:rotate(-2deg); z-index:2; }
.artifact-two { grid-column:5/9; grid-row:1; margin-top:112px; transform:rotate(2deg); z-index:3; }
.artifact-three { grid-column:9/13; grid-row:1; margin-left:-12px; margin-top:32px; transform:rotate(-1.5deg); z-index:1; }
.artifact img { width:100%; }
.artifact figcaption { padding:16px 8px 8px; font-size:.8125rem; }
.artifact figcaption span, .artifact figcaption strong { display:block; margin-bottom:5px; }
.artifact figcaption strong { color:var(--tnb-blue); letter-spacing:.04em; }
.archive-note { display:grid; grid-template-columns:7fr 5fr; gap:48px; padding-top:40px; border-top:2px solid var(--tnb-blue); margin-top:24px; }
.archive-note>p:first-child { font-size:clamp(1.5rem,2.4vw,2rem); line-height:1.3; }
.archive-note .copy-status { margin-top:0; align-self:end; }
.studio { background:var(--tnb-paper); color:var(--tnb-ink); padding-top:48px; border-top:8px solid var(--tnb-blue); }
.studio .kicker { color:var(--tnb-blue); }
.studio-grid { grid-template-columns:8fr 4fr; gap:48px; }
.studio h2 { font:700 .875rem var(--utility); color:var(--tnb-blue); margin-bottom:24px; }
.studio-manifesto { font:clamp(2.8rem,5.7vw,5.5rem)/1.04 var(--display); border:0; padding:0; color:var(--tnb-blue); }
.studio-aside { align-self:end; }
.studio-aside img { width:96px; }
.studio-aside p { font-size:1.25rem; }
.studio a:focus-visible { outline-color:var(--tnb-blue); }
.about-block { grid-template-columns:8fr 4fr; gap:48px; }
.about-block h3 { font-size:clamp(2rem,3.5vw,3rem); }
.coaching { max-width:1344px; width:calc(100% - 96px); margin-top:24px; padding:40px; }
.coaching h2 { font-size:clamp(3rem,7vw,6.5rem); max-width:16ch; margin-bottom:24px; }
.coaching-grid { grid-template-columns:7fr 5fr; gap:32px; }
.coaching .deck { font-size:clamp(1.5rem,2.3vw,2.1rem); }
.conversation { margin-top:24px; padding-top:24px; }
.team .section-heading { border-top:0; }
.team h2 { font:clamp(2rem,3.3vw,3.2rem)/1.12 var(--serif); max-width:28ch; }
.team-grid { grid-template-columns:repeat(12,minmax(0,1fr)); gap:24px; border-top:0; margin-top:40px; }
.voice,.voice+.voice { grid-column:span 2; padding:16px 0!important; border:0; border-top:1px solid var(--tnb-blue); }
.voice:nth-child(2), .voice:nth-child(4) { grid-column:span 3; margin-top:40px; }
.voice:nth-child(3) { margin-top:16px; }
.voice p { font-size:1.25rem; line-height:1.35; }
.back-page-meta { display:flex; justify-content:space-between; gap:16px; padding-bottom:24px; border-bottom:1px solid; margin-bottom:40px; }
.colophon h2 { font-size:clamp(4rem,11vw,10rem); margin-bottom:64px; }
.footer-grid { grid-template-columns:3fr 4fr 5fr; }
.back-page-signature { font:900 clamp(5rem,14vw,12rem)/.85 var(--utility); letter-spacing:-.09em; margin-top:64px; }
.footer-bottom { margin-top:24px; }
.capture-mode { scroll-behavior:auto!important; }
.capture-mode .navigation { position:relative; }
.capture-mode .compact-mark { display:none!important; }
@media(min-width:1440px) { .cover-copy h1 { font-size:6.5rem; } }
@media(min-width:768px) and (max-width:1023px) {
 .editorial-grid { grid-template-columns:repeat(6,minmax(0,1fr)); gap:0 24px; }
 .editorial-lead { grid-column:span 4; }
 .editorial-artist,.editorial-read { grid-column:span 2; }
 .editorial-field { grid-column:span 4; }
 .editorial-notebook { grid-column:span 4; }
 .editorial-tools { grid-column:span 2; }
 .cover-copy h1 { font-size:clamp(3rem,6.5vw,4.5rem); }
 .coaching { width:calc(100% - 48px); padding:32px; }
 .team-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
 .voice:nth-child(n) { grid-column:span 2; margin-top:0; }
 .studio-grid,.about-block { gap:32px; }
}
@media(max-width:767px) {
 .masthead-word { font-size:40vw; padding-block:12px 20px; }
 .navigation:not(.is-stuck) .compact-mark,.navigation.is-stuck .compact-mark { display:block; }
 .utility,.kicker { font-size:.8125rem; }
 .cover-copy h1 { font-size:clamp(3.6rem,12vw,6rem); }
 .cover-meta { padding-top:12px; }
 .editorial-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
 .editorial-grid>article { grid-column:1/-1; }
 .editorial-artist { display:block; padding-top:32px!important; }
 .editorial-artist figure { max-width:460px; margin:0 auto 24px; }
 .editorial-artist h3 { font-size:2.8rem; }
 .editorial-field { padding:24px!important; }
 .editorial-tools { padding-left:0!important; }
 .paste-up { grid-template-columns:repeat(4,minmax(0,1fr)); padding:24px 8px; gap:32px 0; }
 .artifact-one { grid-column:1/4; grid-row:1; }
 .artifact-two { grid-column:2/5; grid-row:2; margin-top:-32px; }
 .artifact-three { grid-column:1/4; grid-row:3; margin-top:-32px; margin-left:0; }
 .artifact figcaption { font-size:.8125rem; padding:12px 4px 4px; }
 .archive-note { grid-template-columns:1fr; gap:0; padding-top:24px; }
 .studio-grid,.about-block { grid-template-columns:1fr; gap:24px; }
 .studio-manifesto { font-size:clamp(2.4rem,7vw,3.5rem); }
 .studio-aside { display:grid; grid-template-columns:80px 1fr; gap:16px; }
 .studio-aside img { width:80px; }
 .studio-aside .text-link,.studio-aside .copy-status { grid-column:2; }
 .studio-aside p { font-size:1.1rem; }
 .studio-aside .copy-status { margin-top:0; }
 .coaching { width:calc(100% - 32px); padding:32px 24px; }
 .coaching h2 { font-size:clamp(2.8rem,10vw,5rem); max-width:15ch; }
 .coaching-grid { grid-template-columns:1fr; }
 .team-grid { grid-template-columns:1fr; gap:8px; }
 .voice:nth-child(n) { grid-column:1; margin-top:0; display:grid; grid-template-columns:84px 1fr; gap:16px; }
 .voice p { margin:0; }
 .team h2 { font-size:2rem; }
 .colophon h2 { font-size:clamp(3rem,11vw,5rem); margin-bottom:48px; }
 .back-page-meta { flex-direction:column; gap:8px; }
 .footer-grid { grid-template-columns:1fr; }
 .back-page-signature { font-size:34vw; margin-top:48px; }
 .capture-mode .compact-mark { display:block!important; }
}
@media(prefers-reduced-motion:reduce) { .capture-mode,html { scroll-behavior:auto; } }

/* Keep live captions clear of overlapping paper edges. */
.artifact-one figcaption { max-width:80%; }