/* Use the shared chapter spacing and typography. */
.next-chapter{background:var(--green);color:var(--cream)}
.next-top .eyebrow{margin-bottom:32px}
.next-chapter h2.big-title{font-size:var(--section-title-size);line-height:.98;letter-spacing:-.045em;font-weight:1000;margin:0}
.next-chapter .next-message{font-family:inherit;font-style:normal;font-weight:700;font-size:var(--section-copy-size);line-height:1.3;letter-spacing:-.025em;max-width:560px;margin:24px 0 0}
.next-bottom{margin-top:40px}.next-bottom p{font-size:12px;font-weight:700;letter-spacing:.14em;line-height:1.4;margin:0}
.next-chapter.next-motion h2,.next-chapter.next-motion .next-message{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.next-chapter.next-visible h2,.next-chapter.next-copy .next-message{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.next-chapter.next-motion h2,.next-chapter.next-motion .next-message{opacity:1;transform:none;transition:none}}

.next-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:center;gap:clamp(32px,6vw,96px)}
.next-mystery{width:100%;max-width:340px;aspect-ratio:4/5;justify-self:end;border:1px solid currentColor;display:grid;place-items:center;color:inherit}
.next-mystery span{font-family:Arial,Helvetica,sans-serif;font-size:clamp(110px,17vw,240px);font-weight:1000;line-height:1;letter-spacing:-.045em}
@media(max-width:690px){.next-layout{grid-template-columns:1fr;gap:40px}.next-mystery{justify-self:start;max-width:260px;aspect-ratio:1}.next-mystery span{font-size:150px}}

/* Align the frame with the heading, following the television layout. */
.next-layout{align-items:start}.next-mystery{align-self:start}

.next-copy-block{display:contents}.next-layout{grid-template-columns:minmax(0,1fr) minmax(180px,.6fr);gap:24px 7vw}.next-layout h2{grid-column:1;grid-row:1}.next-mystery{grid-column:2;grid-row:1;justify-self:center;max-width:300px;aspect-ratio:1}.next-layout .next-message{grid-column:1/-1;grid-row:2;margin:0}.next-bottom{grid-column:1/-1;grid-row:3;margin-top:16px}
@media(max-width:690px){.next-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px 20px}.next-layout h2.big-title{font-size:clamp(32px,9vw,62px)}.next-mystery{width:100%;max-width:180px}.next-mystery span{font-size:clamp(65px,20vw,120px)}}

/* Mystery portrait: the same framed-image language as Television. */
.next-layout{grid-template-columns:minmax(0,1fr) minmax(220px,.6fr);column-gap:7vw;row-gap:24px;align-items:center}
.next-mystery{position:relative;width:min(100%,300px);max-width:300px;aspect-ratio:4/5;justify-self:center;align-self:center;margin:0 20px 18px 0;border:7px solid var(--cream);background:var(--green);color:var(--cream);box-shadow:14px 14px 0 var(--accent);transform:rotate(3deg);isolation:isolate}
.next-mystery:before{content:'';position:absolute;inset:15px;border:1px solid var(--cream);opacity:.3;z-index:-1}
.next-mystery:after{content:'';position:absolute;width:70%;aspect-ratio:1;border:1px solid var(--cream);border-radius:50%;opacity:.16;z-index:-1}
.next-mystery span{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:clamp(120px,17vw,220px);line-height:1;letter-spacing:-.065em;transform:rotate(-3deg);padding-right:.06em}
.next-layout .next-message{max-width:560px}
@media(max-width:690px){.next-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:30px 22px}.next-layout h2.big-title{font-size:clamp(36px,10vw,68px)}.next-mystery{width:calc(100% - 10px);margin:0 8px 14px 0;border-width:4px;box-shadow:8px 8px 0 var(--accent)}.next-mystery:before{inset:8px}.next-mystery span{font-size:clamp(75px,23vw,130px)}}
@media(prefers-reduced-motion:reduce){.next-mystery{transform:none}.next-mystery span{transform:none}}
/* Clean framed question mark without inner decoration. */
.next-mystery:before,.next-mystery:after{content:none}
.next-mystery span{transform:rotate(-12deg)}
.next-mystery span{transform:rotate(6deg)}
/* Banner variant inside the existing frame. */
.next-mystery{overflow:hidden}
.next-mystery span{display:flex;align-items:center;justify-content:center;width:135%;height:46%;padding:0 .06em 0 0;background:var(--cream);color:var(--green);transform:rotate(8deg);font-size:clamp(100px,13vw,175px)}
@media(max-width:690px){.next-mystery span{font-size:clamp(65px,19vw,110px)}}