/* Round 4 · what changed over Round 3, in one place (2026-09-28). Loaded last. */

/* The 58: "/100" sits on the number's baseline and a caption says what it is. */
.r3-score-figure{white-space:nowrap}
.r3-score-figure .r3-score-denominator{display:inline-block;margin:0 0 0 .06em;font-size:.22em;letter-spacing:-.02em;vertical-align:baseline;text-align:left;line-height:1}
.r3-score-caption{margin:16px 0 0;text-align:right;font-size:14px;line-height:1.3;color:#b8b8b8}
@media(min-width:1024px){ .r3-campaign-score{max-width:none} .r3-score-caption{margin-right:0} }
@media(max-width:1023px){ .r3-score-figure{font-size:clamp(132px,38vw,200px)} }

/* Movement: the group is named before the figure; the other group's figure follows. */
.r2m-comparison{margin:0 0 18px;font-size:15px;line-height:1.4;color:#b8b8b8;max-width:34ch}
.r2m-other{margin:10px 0 0;font-size:15px;line-height:1.4;color:#b8b8b8;max-width:34ch}

/* People and movement: both cards on every size, stacked on phones; no tabs. */
@media(max-width:1023px){
 .v7-moment-choices{display:none!important}
 .v7-moment-cards{display:grid!important;grid-template-columns:minmax(0,1fr);gap:28px}
}

/* The quiz: no counter in the photo tile, no "more choices" hint, one footer line. */
.v7-quiz-material-index,.v7-quiz-more{display:none!important}

/* The story ends on the invitation. */
.r4-invite{padding:clamp(80px,14vh,160px) var(--gutter);color:#fff;background:#000}
.r4-invite-inner{max-width:1440px;margin:0 auto}
.r4-invite h2{margin:18px 0 0;font:300 clamp(44px,7.4vw,92px)/1.02 'Equinox Sans',Arial,sans-serif;letter-spacing:-.02em;max-width:12ch}
.r4-invite-deck{margin:22px 0 0;font-size:18px;line-height:1.45;max-width:34ch;color:#d8d8d8}
.r4-invite-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;width:min(100%,390px);min-height:56px;margin-top:32px;padding:16px 20px;background:#fff;color:#000;border:0;font:500 13px/1 'Equinox Sans',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;-webkit-appearance:none}
.r4-invite-cta:hover{background:#ddd}
.r4-invite-cta:focus-visible{outline:2px solid #fff;outline-offset:4px}

/* Results: the reader's score beside America's; each dimension beside America's. */
.v7r-pair{display:flex;align-items:baseline;gap:clamp(24px,4vw,48px);flex-wrap:wrap}
.v7r-america{display:flex;flex-direction:column;gap:6px}
.v7r-america-n{font-size:clamp(46px,6vw,64px);line-height:.9;font-weight:300;letter-spacing:-.04em;color:#b8b8b8;font-variant-numeric:tabular-nums}
.v7r-america-label{font-size:12px;color:#b8b8b8;letter-spacing:.06em;text-transform:uppercase}
.v7r-america-line{margin:8px 0 0;font-size:14px;color:#b8b8b8}
.v7r-america-line small{font-size:.8em;margin-left:.1em}
.v7r-signature-score{font-size:11px!important;letter-spacing:.06em}
@media(max-width:767px){
 .v7r-pair{order:1;align-self:flex-start}
 .v7r-score{order:0}
}


/* ============================================================================================================
   Chain 2 · one hand: type, labels, buttons, edges, spacing; effects off; photographs; data as type (2026-09-28).
   ============================================================================================================ */

/* One headline step for every chapter-level line (phone 36px, laptop 64px), one tracking, one line-height. The hero keeps its own size. */
#dc-root #study-intro h2, #dc-root #findings h2, #dc-root #inway.r2-signal-section h2, #dc-root #feeling h2, #dc-root #lifestages .r2-age-intro h2,
#dc-root #people h2, #dc-root #wake h2, #dc-root #members h2, #dc-root #next #v7-choice-title, #dc-root #equinox .r2-closing-copy h2, #dc-root .r4-invite h2,
.v7a-page h1, .v7a-page h2, .v7r-score-copy h1{font-size:clamp(36px,4.4vw,64px)!important;font-weight:300!important;line-height:1.04!important;letter-spacing:-.01em!important}
/* One second step for the chapters' sentence-case sub-heads. */
#dc-root #people .r2r-shared-proof h3{font-size:clamp(26px,2.7vw,38px)!important;line-height:1.1!important;letter-spacing:-.015em!important}
/* The story sub-heads (movement, members, the ages) are short sentences: they fill their column (Krish, 2026-09-28: "make it so large that it fills the space"). */
#dc-root #wake .r2r-movement-story-title{font-size:clamp(34px,9vw,40px)!important;line-height:1.06!important;letter-spacing:-.03em!important;max-width:14ch!important;min-height:0!important}
#dc-root #members .r2mem-heading{font-size:clamp(32px,8.5vw,40px)!important;line-height:1.06!important;letter-spacing:-.03em!important;min-height:0!important}
#dc-root #lifestages h3{font-size:clamp(30px,8vw,38px)!important;line-height:1.06!important;letter-spacing:-.03em!important}
@media(min-width:1024px){
 #dc-root #wake .r2r-movement-story-title{font-size:clamp(52px,5.4vw,80px)!important;line-height:1.02!important;max-width:13ch!important}
 #dc-root #members .r2mem-heading{font-size:clamp(44px,4.2vw,62px)!important;line-height:1.04!important;max-width:14ch!important}
 #dc-root #lifestages h3{font-size:clamp(40px,3.8vw,56px)!important;line-height:1.04!important}
}

/* One label voice: the mono eyebrow. Section eyebrows keep the dash; kickers on the quiz, results and About match it. */
.v7-quiz-eyebrow,.v7a-kicker,.v7r-kicker,.v7-stage-kicker,.v7r-brand{font-family:'Messina Mono',Menlo,monospace!important;font-size:11px!important;font-weight:400!important;letter-spacing:.1em!important;text-transform:uppercase!important;line-height:1.5!important}
/* The product name is already in the header: not again in the hero or on results. */
html[data-v7-embedded=true] .v7-entry-name,html[data-v7-embedded=true] .v7r-brand{display:none!important}

/* One button: white block, black caps, the header's voice. The bar's cell stays a bar. */
.v7a-cta,.v7-quiz-primary,.v7r-page .v7r-share-score,.r4-invite-cta,.v7r-button.v7r-complete-test{
  display:inline-flex!important;align-items:center;justify-content:space-between;gap:24px;min-height:56px!important;padding:16px 20px!important;
  background:#fff!important;color:#000!important;border:0!important;border-radius:0!important;
  font-family:'Equinox Sans',Arial,sans-serif!important;font-size:13px!important;font-weight:500!important;letter-spacing:.12em!important;text-transform:uppercase!important;line-height:1!important}
.v7a-cta:hover,.v7-quiz-primary:hover,.v7r-page .v7r-share-score:hover,.r4-invite-cta:hover{background:#ddd!important}
.v7-quiz-primary[disabled],.v7-quiz-primary:disabled{background:#2a2a2a!important;color:#8a8a8a!important;opacity:1!important}
.v7-quiz-next{min-width:150px}

/* One left edge on the laptop: the story's gutter everywhere. */
@media(min-width:1024px){
 .v7-quiz .af-quiz-body{padding-left:var(--gutter,64px)!important;padding-right:var(--gutter,64px)!important}
 .v7r-wrap{padding-left:var(--gutter,64px)!important;padding-right:var(--gutter,64px)!important}
 .v7a-page{--v7a-gutter:var(--gutter,64px)}
 #next .v7-personal-inner{padding-left:var(--gutter,64px)!important;padding-right:var(--gutter,64px)!important}
}

/* One space from a chapter's top to its headline where the headline comes first (phone 64, laptop 96). */
#dc-root #findings .af-sec{padding-top:64px!important}
#dc-root #lifestages .r2-age-intro,#dc-root #people .v7-stage-main,#dc-root #wake .r2r-inner,#dc-root #members .r2r-inner{padding-top:64px!important}
#dc-root #next .v7-personal-inner{padding-top:64px!important}
@media(min-width:1024px){
 #dc-root #findings .af-sec{padding-top:96px!important}
 #dc-root #lifestages .r2-age-intro,#dc-root #people .v7-stage-main,#dc-root #wake .r2r-inner,#dc-root #members .r2r-inner{padding-top:96px!important}
 #dc-root #next .v7-personal-inner{padding-top:96px!important}
 /* Room under the last line for the floating bar. */
 #lifestages,#people,#members,#next,#feeling{padding-bottom:96px!important}
}

/* Effects off: flat white numerals, no echo layers, no glow, no light sweep across the hero. The hero's stepped lines stay: the campaign's stagger (Krish, 2026-09-28). */
.r3-number-echo{display:none!important}
.r3-number-ink{text-shadow:none!important}
.v5-photo.v7-photo-light.is-light-passing::before{animation:none!important;opacity:0!important}
[data-result-form]>g>circle{display:none}


/* Tired and distracted: the headline sits above the photograph, never on her face. */
/* Round 4 had moved the tired chapter's photograph out from under the headline (a grid: headline, then the photograph). Removed
   2026-10-05 on the client's Round 4 note ("revert to the R3 version, with the text overlay on top of the image"): Round 3's own
   rules in friction-signal.css place the headline over the photograph again. */

/* The closing photograph: a pale wash and ink type, the posters' way, instead of a black veil. */
@media(min-width:1024px){
 #dc-root .r2-closing-shade{background:linear-gradient(90deg,rgba(236,231,232,.72),rgba(236,231,232,.5) 45%,rgba(236,231,232,.08) 75%),linear-gradient(0deg,rgba(236,231,232,.3),transparent 60%)!important}
 #dc-root .r2-closing-copy h2{color:#0a0a0a!important;text-shadow:none!important}
}
/* On phones the closing copy sits under the photograph on black, as before: white type, no wash. */

/* Data as type: the by-age figures on hairlines, no tracks; the members' six scores as pairs of type, no bars. */
.r2r-generations{gap:0!important;margin-top:20px!important}
.r2r-generations>div{grid-template-columns:minmax(0,1fr) auto!important;gap:16px!important;padding:12px 0;border-top:1px solid rgba(10,10,10,.18)}
.r2r-generations>div:last-child{border-bottom:1px solid rgba(10,10,10,.18)}
.r2r-generations i{display:none!important}
.r2r-generations strong{font-size:22px!important;font-weight:300!important;letter-spacing:-.02em}
.r2mem-score-bars,.r2mem-scale{display:none!important}

/* The footer lockup in the posters' order: The / Aliveness Index / Equinox. */
.r4-lockup{display:flex;flex-direction:column;gap:2px;margin:0;color:#fff;line-height:1.1}
.r4-lockup-the{font:400 11px/1.2 'Messina Mono',Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:#b8b8b8}
.r4-lockup-name{font:300 20px/1.1 'Equinox Sans',Arial,sans-serif;letter-spacing:.02em;text-transform:uppercase}
.r4-lockup-brand{margin-top:6px;font:500 11px/1.2 'Equinox Sans',Arial,sans-serif;letter-spacing:.28em;text-transform:uppercase}


/* ============================================================================================================
   Chain 3 · motion with intent (2026-09-28). Three curves, four durations; see r4.js for the arrivals.
   ============================================================================================================ */
:root{--r4-ease:cubic-bezier(.2,.7,.2,1);--r4-arrive:cubic-bezier(.16,1,.3,1);--r4-sheet:cubic-bezier(.32,.72,0,1)}
/* The quiz: the chosen answer's line fills during the 400 ms commit; the progress segment grows; controls answer in 120–160 ms. */
.v7-quiz .af-quiz-option{transition:background-color 160ms var(--r4-ease),border-color 160ms var(--r4-ease)!important}
.v7-quiz .af-quiz-option[aria-checked="true"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:rgb(var(--q-tint));transform-origin:left center;animation:r4-commit 400ms var(--r4-ease) both}
@keyframes r4-commit{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.v7-quiz-progress li{transition:background-color 160ms var(--r4-ease),height 160ms var(--r4-ease)}
.v7a-cta,.v7-quiz-primary,.v7r-page .v7r-share-score,.r4-invite-cta{transition:background-color 120ms var(--r4-ease)!important}
/* The chapters menu arrives; the readers already slide on the sheet curve. */
.v7-chapter-menu:not([hidden]){animation:r4-menu-in 160ms var(--r4-ease) both}
@keyframes r4-menu-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* Story, quiz, results and About cross-fade in 240 ms where the browser can. */
::view-transition-old(root),::view-transition-new(root){animation-duration:240ms;animation-timing-function:var(--r4-ease)}
/* The badges' tip on touch screens, once, as each badge comes into view (r4.js adds .r4-tipped). */
.r2-signal-badge,.signal-badge{position:relative}
.r4-tip{position:absolute;top:calc(100% + 8px);left:0;transform:translateY(4px);white-space:nowrap;font:400 11px/1.3 'Messina Mono',Menlo,monospace;letter-spacing:.06em;padding:7px 10px;color:#fff;background:#181818;border:1px solid #444;opacity:0;pointer-events:none;transition:opacity 240ms var(--r4-ease),transform 240ms var(--r4-ease);z-index:3}
.r4-tip-right .r4-tip{left:auto;right:0}
.r4-tipped .r4-tip{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.v7-chapter-menu:not([hidden]),.v7-quiz .af-quiz-option[aria-checked="true"]::after{animation:none}.r4-tip{transition:none}}

/* After the second content review (2026-09-28): the laptop closing line ends before the photograph's seam; on phones America's figure in the six pairs stays the smaller one. */
@media(min-width:1024px){#dc-root .r2-closing-copy h2{max-width:min(44vw,620px)!important}}
@media(max-width:1023px){.r2mem-score-values span:last-child{font-size:.78em}}


/* ============================================================================================================
   Plan 001 · the depth rule (r4.js DEPTH) and feedback under the finger (2026-09-28). Everything can animate; the type stays still.
   ============================================================================================================ */
.v5-photo,#inway .r2-signal-photo,#lifestages .photo-stage,#people .v7-campaign-human-photo,#members .r2mem-photo,.v7a-invitation-photo,.v7-quiz-material,.door-img{overflow:hidden}
#lifestages .photo-stage .age-photo img,#people .v7-campaign-human-photo img,#members .r2mem-photo img,.v7a-invitation-photo img{display:block;width:100%;height:100%;object-fit:cover}
/* The hero's frame stays where it is on phones (mobile.css pins it); its photograph moves inside it. */
@media(max-width:1023px){.v5-photo>[data-parallax] img{will-change:transform}}
/* Press feedback: the three white buttons and the six tiles answer under the finger. */
.r4-invite-cta,.v7a-cta,.v7r-page .v7r-share-score,.v7-quiz-primary{transition:transform 160ms var(--r4-ease),background-color 120ms var(--r4-ease)!important}
.r4-invite-cta:active,.v7a-cta:active,.v7r-page .v7r-share-score:active,.v7-quiz-primary:not(:disabled):active{transform:scale(.97)}
.door:active .door-img{transform:scale(.985);transition:transform 120ms var(--r4-ease)} /* the press scales the frame; the photograph inside belongs to the scroll (r4.js) */
.door:active .door-img img{opacity:1!important}
/* Physical origins: the radio dot grows from most of its size, never from nothing; the progress segment grows from its base. The six photographs keep the campaign's bracket marks exactly as Round 3 draws them (Krish, 2026-09-28). */
.v7-quiz-option-check::after{transform:scale(.6)!important;opacity:0;transition:transform 160ms var(--r4-ease),opacity 160ms var(--r4-ease)!important}
.af-quiz-option[aria-checked="true"] .v7-quiz-option-check::after{transform:scale(1)!important;opacity:1}
.v7-quiz-progress li{height:3px!important;margin-top:0!important;transform-origin:50% 100%;transition:background-color 160ms var(--r4-ease),transform 160ms var(--r4-ease)!important}
.v7-quiz-progress li[data-status="current"]{transform:scaleY(2)}
@media(prefers-reduced-motion:reduce){.r4-invite-cta:active,.v7a-cta:active,.v7r-page .v7r-share-score:active,.v7-quiz-primary:active,.door:active .door-img{transform:none}.v7-quiz-progress li{transition:none}}


/* ============================================================================================================
   Plan 003 · the chapter photographs carry the story (2026-09-28). Layers r4.js adds: a soft print beneath (.r4-soft),
   a ghost of the outgoing photograph (.r4-ghost), a veil that drifts off (.r4-veil); the invitation's photograph.
   ============================================================================================================ */
#members .r2mem-photo{position:relative;isolation:isolate}
#members .r2mem-photo picture{position:relative;z-index:1}
#people .v7-campaign-human-photo>img{inset:0!important;height:100%!important}
.r4-soft,.r4-ghost{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;pointer-events:none;margin:0}
.r4-soft{z-index:0}
#members .r4-ghost{z-index:3}
.r4-veil{position:absolute;inset:-25%;z-index:2;pointer-events:none;background:linear-gradient(112deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 70%)}
@media(max-width:760px){.r4-veil{background:linear-gradient(172deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 70%)}}
/* Hover tips rise or drop 4 px into place with their fade. */
#inway .r2-signal-tip{transform:translate(-50%,4px);transition:opacity 160ms var(--r4-ease),transform 160ms var(--r4-ease),visibility 0s linear 160ms}
#lifestages.r2-age-contour .signal-tip{transform:translate(-50%,-4px);transition:opacity 160ms var(--r4-ease),transform 160ms var(--r4-ease),visibility 0s linear 160ms}
#inway .r2-signal-badge:focus-visible .r2-signal-tip,#lifestages.r2-age-contour .signal-badge:focus-visible .signal-tip{transform:translate(-50%,0);transition-delay:0s,0s,0s}
@media(hover:hover) and (pointer:fine){
 #inway .r2-signal-badge:hover .r2-signal-tip,#lifestages.r2-age-contour .signal-badge:hover .signal-tip{transform:translate(-50%,0);transition-delay:0s,0s,0s}
}
/* The invitation's photograph: the lifted veil at a low exposure, lower right on the laptop, a band under the ask on phones. */
.r4-invite{position:relative;overflow:hidden;isolation:isolate}
.r4-invite-inner{position:relative;z-index:1}
.r4-invite-photo{position:absolute;right:0;bottom:0;width:46%;height:100%;margin:0;opacity:.3;pointer-events:none;overflow:hidden}
.r4-invite-photo picture,.r4-invite-photo img{display:block;width:100%;height:100%}
.r4-invite-photo img{object-fit:cover;object-position:62% 50%;transform-origin:50% 60%}
.r4-invite-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.6) 30%,rgba(0,0,0,0) 66%),linear-gradient(180deg,#000 0%,rgba(0,0,0,0) 42%)}
@media(max-width:1023px){
 .r4-invite-photo{position:relative;right:auto;bottom:auto;width:auto;height:min(40vh,340px);margin:44px calc(-1*var(--gutter)) calc(-1*clamp(80px,14vh,160px))}
 .r4-invite-photo img{object-position:60% 50%}
 .r4-invite-photo::after{background:linear-gradient(180deg,#000 0%,rgba(0,0,0,.4) 38%,rgba(0,0,0,.08) 100%)}
}
@media(prefers-reduced-motion:reduce){.r4-soft,.r4-veil,.r4-ghost{display:none!important}.r4-invite-photo{opacity:.3}#inway .r2-signal-tip,#lifestages.r2-age-contour .signal-tip{transition:none;transform:translate(-50%,0)}}


/* ============================================================================================================
   Plan 002 · the opening run of light (r4-light.js, 2026-09-28): one fixed canvas under the header, live only during the pass.
   ============================================================================================================ */
.r4-light{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
@media(prefers-reduced-motion:reduce){.r4-light{display:none!important}}

/* 2026-09-28, Krish's phone: the six tiles shook. A photograph the scroll moves gets no transform transition (v5.css eased every
   write over 240 ms, so the picture rubber-banded behind the finger); opacity keeps its fade for the hover and press states. */
[data-r4-depth],[data-r4-run],.door-img img{transition-property:opacity!important;transition-duration:200ms!important}


/* ============================================================================================================
   Plan 004 · the poster in motion (2026-09-28): the arching figure the brand's posters pair with the ~4× claim, behind the
   Movement chapter's lower right on the laptop and as a band under the claim on phones; a low exposure that rises as the
   ~4× arrives (r4.js wakePhoto) and drifts slower than the page (the depth rule). The headline, tabs and number stay clean.
   ============================================================================================================ */
#dc-root #wake{position:relative;overflow:hidden}
#dc-root #wake .r2r-inner{position:relative;z-index:1}
.r4-wake-photo{position:absolute;top:0;right:0;bottom:0;width:38%;margin:0;opacity:.3;pointer-events:none;overflow:hidden;z-index:0;
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 52%),linear-gradient(180deg,transparent 0%,#000 20%,#000 82%,transparent 100%);-webkit-mask-composite:source-in;
 mask-image:linear-gradient(90deg,transparent 0%,#000 52%),linear-gradient(180deg,transparent 0%,#000 20%,#000 82%,transparent 100%);mask-composite:intersect}
.r4-wake-photo picture,.r4-wake-photo img{display:block;width:100%;height:100%}
.r4-wake-photo img{object-fit:cover;object-position:50% 26%}
@media(max-width:1023px){
 .r4-wake-photo{position:relative;top:auto;right:auto;bottom:auto;width:calc(100% + 2*var(--gutter,24px));height:min(46vh,420px);margin:36px 0 -72px calc(-1*var(--gutter,24px));
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 34%,#000 100%);-webkit-mask-composite:source-over;mask-image:linear-gradient(180deg,transparent 0%,#000 34%,#000 100%);mask-composite:add}
 .r4-wake-photo img{object-position:50% 18%}
}
@media(prefers-reduced-motion:reduce){.r4-wake-photo{opacity:.3}}


/* ============================================================================================================
   Plan 005 · About's invitation on the laptop: the posters' pale wash and ink type, the closing's own rule; phones keep the scrim.
   ============================================================================================================ */
@media(min-width:1024px){
 .v7a-invitation-photo:after{background:linear-gradient(90deg,rgba(236,231,232,.74),rgba(236,231,232,.52) 45%,rgba(236,231,232,.1) 100%),linear-gradient(0deg,rgba(236,231,232,.3),transparent 60%)!important}
 .v7a-invitation .v7a-invitation-copy,.v7a-invitation .v7a-invitation-copy h2,.v7a-invitation .v7a-kicker,.v7a-invitation .v7a-deck,.v7a-invitation .v7a-note,.v7a-invitation .v7a-link{color:#0a0a0a!important}
 .v7a-invitation .v7a-cta{background:#0a0a0a!important;color:#fff!important}
 .v7a-invitation .v7a-cta:hover{background:#333!important}
 .v7a-invitation .v7a-cta:focus-visible{outline-color:#0a0a0a}
}


/* The ages chapter's closing line (Krish, 2026-09-28): room under the photograph, a bigger face, and it rises in word by word (r4.js codaIn). */
#lifestages.r2-age-contour .story-coda{margin:clamp(40px,6vh,72px) auto clamp(24px,4vh,48px)!important;max-width:19ch!important;font-size:clamp(30px,3.9vw,58px)!important;line-height:1.12!important;letter-spacing:-.03em!important;text-align:center!important}
@media(max-width:1023px){#lifestages.r2-age-contour .story-coda{margin:56px 0 12px!important;max-width:16ch!important;font-size:clamp(28px,7.4vw,34px)!important;line-height:1.16!important;text-align:left!important}}
.story-coda .r4-w{display:inline-block;will-change:transform}

/* Less under the closing line on the laptop (Krish, 2026-09-29): the space below it matches the space above it. */
@media(min-width:1024px){
 #lifestages.r2-age-contour .story-coda{margin-bottom:0!important}
 #dc-root #lifestages .organic-depth{padding-bottom:0!important}
 #dc-root #lifestages.r2-age-contour{padding-bottom:80px!important}
}

/* Krish's 1b (2026-09-29): before the closing line, two straight hairlines between the study's two age groups, drawn left to right
   as the reader scrolls in (awe 54 → 27, genuinely moved 63 → 71, the past month), then dissolving as the sentence rises. r4.js slope(). */
#lifestages.r2-age-contour .r4-slope{grid-column:1/-1;position:relative;z-index:2;margin:clamp(56px,9vh,110px) auto 0;width:min(100%,900px);padding:0}
#lifestages.r2-age-contour .r4-slope svg{display:block;width:100%;height:auto;overflow:visible}
.r4-slope text{font-family:'Equinox Sans',Arial,sans-serif;fill:#fff}
.r4-slope .r4-slope-n{font-size:34px;font-weight:300;letter-spacing:-.03em}
.r4-slope .r4-slope-n tspan{font-size:14px;letter-spacing:0}
.r4-slope .r4-slope-l{font-family:'Messina Mono',Menlo,monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;fill:#b8b8b8}
.r4-slope line{stroke:#fff;stroke-width:1;vector-effect:non-scaling-stroke}
@media(max-width:1023px){
 #lifestages.r2-age-contour .r4-slope{order:3;margin:44px 0 0;width:100%}
 #lifestages.r2-age-contour .story-coda{order:4}
 .r4-slope .r4-slope-n{font-size:30px}
 .r4-slope .r4-slope-l{font-size:10.5px;letter-spacing:.06em}
}


/* The hero on the laptop (the client, 2026-09-30): one left column, the button under the copy; only the button's height and the room beneath remain from the 09-29 pass. */
@media(min-width:1024px){
 html[data-v7-embedded=true] #story .af-hero,html #story .af-hero{padding-bottom:clamp(80px,10vh,112px)!important} /* both groups sit a little higher, with room beneath them (Krish, 2026-09-29, then "a little too high"); outranks the embedded frame's own padding */
 #story .af-btnrow button,#story .af-btnrow a{min-height:48px!important;height:48px!important;padding-top:0!important;padding-bottom:0!important;box-sizing:border-box} /* the quiz button a little shorter (Krish, 2026-09-29) */
}


/* ============================================================================================================
   The client's notes, 2026-09-30 (Krish: build all). Tired: the 1 in 4 sits under the 49%; the attention figure reads ONLY 29% … complete attention.
   Connection: on phones the age rows follow the 45% card. Movement: three pairs at once, no tabs, no badge. Age drawers: one theme each.
   ============================================================================================================ */
#inway #f-restored{padding:0 0 26px;margin:0 0 26px;border-bottom:1px solid #434343}
#inway #f-attention{border-bottom:0;margin-bottom:0}
#inway #f-attention .r2-signal-only{margin-bottom:6px}
@media(max-width:1023px){#people .r2r-shared-proof>div:first-child{order:2}}
#r2-age-evidence .r2-age-evidence-tabs:has(> button:only-child),.r2-age-evidence-tabs:has(> button:only-child){display:none!important} /* one theme: no tab bar */
.r4-move-lead{margin:28px 0 0;font-size:15px;line-height:1.4;color:#b8b8b8;max-width:44ch}
.r4-move-pairs{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;margin-top:36px}
.r4-move-pair{min-width:0;padding-top:20px;border-top:1px solid #444}
.r4-move-title{margin:0;font:300 clamp(28px,7vw,34px)/1.06 'Equinox Sans',Arial,sans-serif;letter-spacing:-.03em;color:#fff}
.r4-move-outcome{margin:10px 0 0;font-size:15px;line-height:1.4;color:#b8b8b8;max-width:34ch}
.r4-move-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:20px}
.r4-move-n{display:block;font:300 clamp(64px,19vw,88px)/.9 'Equinox Sans',Arial,sans-serif;letter-spacing:-.06em;color:#fff;font-variant-numeric:tabular-nums}
.r4-move-n small{font-size:.32em;letter-spacing:-.02em;vertical-align:top;margin-left:4px}
.r4-move-n-other{color:#8b4657}
.r4-move-label{display:block;margin-top:10px;font:400 11px/1.3 'Messina Mono',Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:#b8b8b8}
@media(min-width:1024px){
 .r4-move-lead{margin-top:40px}
 .r4-move-pairs{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;max-width:64%;margin-top:44px}
 .r4-move-title{font-size:clamp(28px,2.3vw,34px)}
 .r4-move-n{font-size:clamp(64px,5.6vw,84px)}
 #dc-root #wake .r2r-inner{position:relative;z-index:1}
}