/* Candidate 10 — composed reading for The Team Changed Shape, The Human Constellation and Coast at >=981px.
   Each page's own source-order reading flow (the copy it already shows on phones, under reduced motion and without
   JavaScript) is composed as spreads: the prose track on the left, the plate on the right, holding while its passage passes.
   Pinned sequences remain only where the swap itself is the meaning (Team's closing triad, Human's "People who",
   Coast's "Then another / the contour repeated") and are bounded. Below 981px nothing here applies. */

@media screen and (min-width:981px){
 html[data-qd-composed]{--qd10-pad:clamp(3rem,5vw,5.5rem);--qd10-frame:1200px;--qd10-prose:min(594px,56%);--qd10-gap:clamp(2.5rem,4vw,5rem);--qd10-top:clamp(1rem,6vh,3rem)}
 html[data-qd-composed] .qd-sr-flow{display:none!important}
 html[data-qd-composed] :is(#qd-coast,#qd-team,#qd-human) :is(.origin-inner,.origin-copy,.recognition-inner,.low-grid,.outgoing-grid,.return-grid,.field-plate-inner,.conditions-grid,.closing-grid,.pivot-inner){min-height:0!important}
 /* one label voice across the ten chapters: the kicker, section labels and plate captions share the collection's label face */
 html[data-qd-composed] :is(#qd-team .kicker,#qd-team figcaption,#qd-team .closing-note,#qd-human .label,#qd-coast .label,#qd-coast .chapter-end p){font:500 .75rem/1.5 var(--qd10-label)!important;letter-spacing:.14em!important;text-transform:uppercase!important}
 html[data-qd-composed] :is(#qd-team .kicker,#qd-team figcaption,#qd-team .closing-note){color:#6B6862!important}
 html[data-qd-composed] #qd-human .label{color:#9A968E!important}
 html[data-qd-composed] #qd-coast :is(.label,.chapter-end p){color:#6B6862!important}
 html[data-qd-composed] #qd-team .midspan-note,html[data-qd-composed] #qd-team .holds-copy{font:500 .75rem/1.5 var(--qd10-label)!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#6B6862!important;margin:0 0 .4rem!important}

 /* ================= TEAM ================= */
 html[data-qd-composed] #qd-team{--pad:var(--qd10-pad);--max:calc(var(--qd10-frame) + 2 * var(--qd10-pad));--gap:var(--qd10-gap)}
 html[data-qd-composed] #qd-team .frame{max-width:var(--max);margin:0 auto;padding-inline:var(--pad)}
 /* staged copies off, reading copies on */
 html[data-qd-composed] #qd-team .sticky-stage>.step,html[data-qd-composed] #qd-team .gapline{display:none!important}
 html[data-qd-composed] #qd-team .sticky,html[data-qd-composed] #qd-team .questions,html[data-qd-composed] #qd-team .gap-section{height:auto!important;min-height:0!important;padding:0!important}
 html[data-qd-composed] #qd-team .sticky-stage{position:static!important;height:auto!important;min-height:0!important;display:block!important;overflow:visible!important;padding:0!important}
 html[data-qd-composed] #qd-team .source-flow{position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:normal!important;display:grid!important;gap:.95em}
 html[data-qd-composed] #qd-team .source-flow p{font-size:clamp(26px,2.3vw,36px);line-height:1.12;letter-spacing:-.035em;font-weight:500;margin:0!important;max-width:14em;text-wrap:balance}
 html[data-qd-composed] #qd-team .source-flow .mobile-keep{white-space:normal}
 html[data-qd-composed] #qd-team .sticky-stage>.kicker{position:static!important;margin:0 0 1.6rem}
 /* opening: one screen, title and question left, bearing right */
 html[data-qd-composed] #qd-team .opening{min-height:0;padding-block:clamp(1.5rem,4vh,3rem) clamp(3rem,8vh,5rem);display:block}
 html[data-qd-composed] #qd-team .opening .frame{width:100%;max-width:var(--max);margin:0 auto;padding-inline:var(--pad)}
 html[data-qd-composed] #qd-team .opening-grid{grid-template-columns:minmax(0,var(--qd10-prose)) minmax(0,1fr);gap:var(--gap);align-items:start}
 html[data-qd-composed] #qd-team .title{font-size:clamp(56px,6vw,96px);margin:.6rem 0 1.4rem}
 html[data-qd-composed] #qd-team .bearing{padding-top:clamp(2rem,9vh,6rem);max-width:34rem}
 html[data-qd-composed] #qd-team .bearing .needed{font-size:clamp(38px,3.6vw,56px)}
 /* spreads: text track left, plate right, plate holds while the lines pass */
 html[data-qd-composed] #qd-team .qd-spread{display:grid;grid-template-columns:minmax(0,var(--qd10-prose)) minmax(0,1fr);column-gap:var(--gap);row-gap:0;align-items:start;max-width:var(--max);margin:0 auto;padding:clamp(2.5rem,7vh,5rem) var(--pad)}
 html[data-qd-composed] #qd-team .qd-spread>section,html[data-qd-composed] #qd-team .qd-spread .frame,html[data-qd-composed] #qd-team .qd-spread .sticky-stage{display:contents!important}
 html[data-qd-composed] #qd-team .qd-spread>section>.frame>*{grid-column:1;min-width:0}
 html[data-qd-composed] #qd-team#qd-team .qd-spread .kicker{grid-column:1;margin:clamp(2.5rem,7vh,5rem) 0 1.4rem!important;position:static!important}
 html[data-qd-composed] #qd-team .qd-spread .source-flow{grid-column:1}
 html[data-qd-composed] #qd-team#qd-team .qd-spread .midspan-art,html[data-qd-composed] #qd-team#qd-team .qd-spread .holds-art img.art,html[data-qd-composed] #qd-team#qd-team .qd-spread .friction-witness{grid-column:2;grid-row:1 / span 40;align-self:start;position:sticky;top:var(--qd10-top);justify-self:end;width:min(100%,calc(84svh * .8));max-height:84svh;margin:0}
 html[data-qd-composed] #qd-team#qd-team .qd-spread .friction-witness{width:min(100%,calc(78svh * .8))}
 html[data-qd-composed] #qd-team .qd-spread .friction-witness img{height:auto;max-height:78svh;width:auto;max-width:100%;object-fit:contain}
 html[data-qd-composed] #qd-team .qd-spread .friction-witness figcaption{margin-top:.8rem}
 html[data-qd-composed] #qd-team .midspan,html[data-qd-composed] #qd-team .holds-art,html[data-qd-composed] #qd-team .friction-intro{min-height:0;padding:0}
 html[data-qd-composed] #qd-team .midspan-grid,html[data-qd-composed] #qd-team .holds-art-grid,html[data-qd-composed] #qd-team .friction-pass02-grid{display:contents}
 html[data-qd-composed] #qd-team .midspan-note,html[data-qd-composed] #qd-team .holds-copy{font-size:clamp(26px,2.3vw,36px);margin:0}
 html[data-qd-composed] #qd-team#qd-team .qd-spread>section:first-child .kicker{margin-top:0!important}
 html[data-qd-composed] #qd-team#qd-team .qd-spread .questions .source-flow{margin-top:clamp(1.5rem,4vh,2.5rem)}
 html[data-qd-composed] #qd-team .friction-pass02-copy{display:contents}
 html[data-qd-composed] #qd-team .friction-anchor{font-size:clamp(34px,3.2vw,52px);line-height:1;letter-spacing:-.045em;font-weight:500;margin:0 0 1.2rem}
 html[data-qd-composed] #qd-team .friction-anchor .anchor-line{display:block}
 html[data-qd-composed] #qd-team .friction-aside{margin:0 0 1rem;color:var(--muted)}
 html[data-qd-composed] #qd-team .friction-reframe,html[data-qd-composed] #qd-team .friction-definition{font-size:clamp(26px,2.3vw,36px);line-height:1.12;letter-spacing:-.035em;font-weight:500;margin:0 0 .9em;max-width:14em}
 html[data-qd-composed] #qd-team .questions .source-flow p{font-size:clamp(34px,3.4vw,56px);line-height:1.02;letter-spacing:-.05em}
 /* support, shared, lost, limits: continuous, tighter */
 html[data-qd-composed] #qd-team .support{padding-block:clamp(3rem,9vh,6rem)}
 html[data-qd-composed] #qd-team .support-pass02-grid{display:grid;grid-template-columns:minmax(0,var(--qd10-prose)) minmax(0,1fr);column-gap:var(--gap);row-gap:clamp(2rem,6vh,4rem);align-items:start}
 html[data-qd-composed] #qd-team .support-pass02-copy{grid-column:1;grid-row:1}
 html[data-qd-composed] #qd-team .support-witness{grid-column:2;grid-row:1 / span 3;align-self:start;position:sticky;top:var(--qd10-top);margin:0;justify-self:end;width:100%}
 html[data-qd-composed] #qd-team .support-witness img{width:100%;height:auto;max-height:84svh;object-fit:contain;object-position:right top}
 html[data-qd-composed] #qd-team .support-head{margin:0;max-width:none}
 html[data-qd-composed] #qd-team .support-head p{font-size:clamp(24px,2vw,32px);margin:0 0 .9em}
 html[data-qd-composed] #qd-team#qd-team .seeing{grid-column:1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr)!important;gap:.9em!important;margin:0}
 html[data-qd-composed] #qd-team .seeing p{font-size:clamp(28px,2.6vw,42px);max-width:12em}
 html[data-qd-composed] #qd-team .seeing p:nth-child(2),html[data-qd-composed] #qd-team .seeing p:nth-child(3){margin-left:0}
 html[data-qd-composed] #qd-team .support-close{grid-column:1;grid-row:3;margin:0;max-width:none;font-size:clamp(20px,1.5vw,24px);line-height:1.45}
 html[data-qd-composed] #qd-team .shared{padding-block:clamp(3rem,9vh,6rem)}
 html[data-qd-composed] #qd-team .shared .frame{display:grid;grid-template-columns:minmax(0,var(--qd10-prose)) minmax(0,1fr);column-gap:var(--gap);row-gap:1.5rem;align-items:start}
 html[data-qd-composed] #qd-team .shared .section-label{grid-column:1;margin:0 0 .5rem}
 html[data-qd-composed] #qd-team .shared-intro{grid-column:1;margin:0 0 1rem;font-size:clamp(20px,1.5vw,24px);max-width:none}
 html[data-qd-composed] #qd-team .shared-witness{grid-column:2;grid-row:1 / span 4;align-self:start;position:sticky;top:var(--qd10-top);margin:0}
 html[data-qd-composed] #qd-team .shared-witness img{width:100%;height:auto;max-height:84svh;object-fit:contain;object-position:right top}
 html[data-qd-composed] #qd-team .specialist{grid-column:1;font-size:clamp(30px,2.8vw,46px);margin:0 0 .5em}
 html[data-qd-composed] #qd-team .team-field{grid-column:1;font-size:clamp(34px,3.4vw,56px);margin:0;text-align:left;max-width:12em}
 html[data-qd-composed] #qd-team .lost{padding-block:clamp(3rem,9vh,6rem)}
 html[data-qd-composed] #qd-team .lost .frame{max-width:var(--max)}
 html[data-qd-composed] #qd-team .lost-copy{max-width:var(--qd10-prose)}
 html[data-qd-composed] #qd-team .included{margin:2.5rem 0;grid-template-columns:1fr 1fr;max-width:calc(var(--qd10-prose) + 12rem)}
 html[data-qd-composed] #qd-team .included p{font-size:clamp(32px,3vw,48px)}
 html[data-qd-composed] #qd-team .connect-copy{max-width:var(--qd10-prose);margin-left:0;font-size:clamp(22px,1.8vw,28px)}
 html[data-qd-composed] #qd-team .shape-carry{margin-top:2.5rem;gap:.4em}
 html[data-qd-composed] #qd-team .shape-carry p{font-size:clamp(40px,4.2vw,70px)}
 html[data-qd-composed] #qd-team .shape-carry p:last-child{margin-left:0}
 html[data-qd-composed] #qd-team .limits{padding-block:clamp(3rem,9vh,6rem) clamp(2rem,6vh,4rem)}
 html[data-qd-composed] #qd-team .limits-copy{max-width:var(--qd10-prose)}
 html[data-qd-composed] #qd-team .reach{margin:2rem 0;text-align:left;font-size:clamp(44px,5vw,84px)}
 html[data-qd-composed] #qd-team .limits-end{grid-template-columns:1fr 1fr;font-size:clamp(22px,1.8vw,28px);max-width:calc(var(--qd10-prose) + 16rem)}
 /* closing triad: pinned and bounded while the controller runs with motion allowed; otherwise three still rows */
 html[data-qd-composed] #qd-team .end{min-height:0;height:clamp(2rem,6vh,4rem)}
 html[data-qd-composed] #qd-team .closing-note{right:var(--pad)}
 html[data-qd-composed] #qd-team .closing .source-flow .mobile-close-item{display:grid;grid-template-columns:minmax(0,var(--qd10-prose)) minmax(0,1fr);column-gap:var(--qd10-gap);align-items:center;margin:0 0 clamp(2rem,6vh,4rem)!important;max-width:var(--max);margin-inline:auto!important;padding-inline:var(--pad)}
 html[data-qd-composed] #qd-team .closing .source-flow .mobile-close-item img{grid-column:2;width:100%!important;max-width:100%!important;margin:0!important}
 html[data-qd-composed] #qd-team .closing .source-flow .mobile-close-item p{grid-column:1;grid-row:1;font-size:clamp(44px,5vw,84px)!important;line-height:.94!important;letter-spacing:-.06em!important;font-weight:500!important;max-width:8.5em;text-wrap:balance}
 html[data-qd-composed] #qd-team:not([data-qd-enhanced]) .closing,html[data-qd-composed] #qd-team .closing{height:auto!important;padding-block:clamp(2.5rem,7vh,5rem) 0}
 html[data-qd-composed] #qd-team .closing-stage{display:none}

 /* ================= HUMAN ================= */
 html[data-qd-composed] #qd-human{--pad:var(--qd10-pad);--max:calc(var(--qd10-frame) + 2 * var(--qd10-pad))}
 html[data-qd-composed] #qd-human .frame{max-width:var(--max)!important;margin:0 auto!important;padding-inline:var(--pad)!important}
 /* the staged sections, in their own reading flow, composed two-track */
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) :is(.rh-intro,.rh-space,.rh-question,.rh-wider,.rh-organizations){padding-block:clamp(2.5rem,7vh,5rem)!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) :is(.rh-intro-stage,.rh-space-field,.rh-question-stage,.rh-wider-stage,.rh-org-field){display:grid!important;grid-template-columns:minmax(0,var(--qd10-prose)) minmax(0,1fr)!important;column-gap:var(--qd10-gap)!important;row-gap:0!important;align-items:start!important;gap:0 var(--qd10-gap)!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) :is(.rh-intro-stage,.rh-space-field,.rh-question-stage,.rh-wider-stage,.rh-org-field)>*{grid-column:1;min-width:0;margin:0 0 .9em!important;max-width:var(--qd10-prose)!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) :is(.rh-intro-stage,.rh-space-field,.rh-question-stage,.rh-wider-stage,.rh-org-field)>.label{margin-bottom:1.6rem!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-intro-id .rh-subtitle{margin:1.2rem 0 0!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-intro-stage>.rh-intro-line{margin:0 0 .75em!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-intro-stage>.rh-line-one{margin-bottom:1.1em!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-space-lead{margin-bottom:.35em!important}
 /* opening: title and lines left, the painting right, held */
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-intro{padding-top:clamp(1.5rem,4vh,3rem)!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-intro-id{margin-bottom:clamp(2rem,6vh,4rem)!important;max-width:100%!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-title{font-size:clamp(56px,6vw,96px)!important;max-width:7em!important;margin-bottom:0!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-hero-wrap{grid-column:2!important;grid-row:1 / span 6!important;align-self:start!important;position:sticky!important;top:var(--qd10-top)!important;width:100%!important;max-width:100%!important;justify-self:end;margin:0!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-hero-wrap img{width:100%;max-height:84svh;object-fit:contain;object-position:right top}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-intro-line{font-size:clamp(26px,2.3vw,36px)!important;line-height:1.12!important;letter-spacing:-.035em!important;font-weight:500!important;max-width:13em!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-line-one,html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-line-two{font:400 clamp(26px,2.3vw,36px)/1.16 var(--serif)!important;letter-spacing:0!important;color:#e7e2d8!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-line-three{font-size:clamp(30px,2.8vw,46px)!important;line-height:1.06!important;letter-spacing:-.04em!important}
 /* space to explore */
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-space-lead,html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-space-tail,html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-wider-copy,html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-org-opening,html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-org-tail p,html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-question-copy.rh-q4{font-size:clamp(20px,1.55vw,24px)!important;line-height:1.5!important;letter-spacing:-.012em!important;font-weight:400!important;color:var(--white)!important;opacity:1!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-space-gift{font:400 clamp(44px,5vw,84px)/1 var(--serif)!important;letter-spacing:-.01em!important;margin:.15em 0 .55em!important;max-width:none!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-space-lead{color:#c6c2b8!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-wider-stage>.rh-wider-copy{margin:0 0 1.1em!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-org-field>.rh-org-opening{margin:0 0 1.1em!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-org-tail p{margin:0 0 1.1em!important}
 /* question it: the vertical painting holds on the right while the six lines pass */
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-question-art-wrap{grid-column:2!important;grid-row:1 / span 9!important;align-self:start!important;position:sticky!important;top:var(--qd10-top)!important;width:min(100%,calc(84svh * .671))!important;justify-self:end;margin:0!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-question-art-wrap img{width:100%;max-height:84svh;object-fit:contain;object-position:right top}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-question-copy{font-size:clamp(26px,2.3vw,36px)!important;line-height:1.12!important;letter-spacing:-.035em!important;font-weight:500!important;max-width:13em!important;color:var(--white)!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-question-stage>.rh-question-copy{margin:0 0 .6em!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-q0,html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-q4{max-width:var(--qd10-prose)!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-q0{font-size:clamp(20px,1.55vw,24px)!important;line-height:1.5!important;letter-spacing:-.012em!important;font-weight:400!important;margin-bottom:1.1em!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-q1,html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-q2{font-size:clamp(34px,3.4vw,56px)!important;line-height:1.02!important;letter-spacing:-.05em!important;margin:0 0 .25em!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-q3{margin:.5em 0 1.1em!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-q4{margin:0 0 1.1em!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-q5{font:400 clamp(28px,2.6vw,42px)/1.1 var(--serif)!important;letter-spacing:-.01em!important;color:#e7e2d8!important}
 /* wider constellation and organizations: prose, with the pivot lines larger */
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-observer{font-size:clamp(30px,2.8vw,46px)!important;line-height:1.08!important;letter-spacing:-.04em!important;font-weight:500!important;max-width:14em!important;margin-top:.6em!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-observer span{color:var(--muted)}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-org-hinge p{font-size:clamp(30px,2.8vw,46px)!important;line-height:1.08!important;letter-spacing:-.04em!important;font-weight:500!important;margin:0!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-org-hinge{margin:.4em 0 1em!important}
 /* conditions, pivot, closing: already flow sections */
 html[data-qd-composed] #qd-human .conditions{min-height:0;padding-block:clamp(2.5rem,7vh,5rem)}
 html[data-qd-composed] #qd-human .conditions-grid{grid-template-columns:minmax(0,var(--qd10-prose)) minmax(0,1fr);gap:var(--qd10-gap);align-items:start}
 html[data-qd-composed] #qd-human .conditions-art{grid-column:2;grid-row:1;order:2;position:sticky;top:var(--qd10-top);width:min(100%,84svh);justify-self:end}
 html[data-qd-composed] #qd-human .conditions-copy{grid-column:1;grid-row:1}
 html[data-qd-composed] #qd-human .pivot{min-height:0;padding-block:clamp(2.5rem,7vh,5rem)}
 html[data-qd-composed] #qd-human .pivot-inner{max-width:var(--qd10-prose)}
 /* People who: the still list in the track (always available); pinned and bounded only while the controller runs with motion allowed */
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .people-fallback{max-width:var(--max)!important;margin:0 auto!important;padding:0 var(--pad)!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .people-fallback .full{max-width:calc(var(--qd10-prose) + 6rem)!important;font-size:clamp(30px,2.8vw,46px)!important;line-height:1.08!important;letter-spacing:-.04em!important;margin:0 0 1.1em!important}
 html[data-qd-composed] #qd-human .people-stage{max-width:var(--max);padding-inline:var(--pad)}
 html[data-qd-composed] #qd-human .closing{min-height:0;padding-block:clamp(3rem,8vh,6rem)}
 html[data-qd-composed] #qd-human .closing-grid{grid-template-columns:minmax(0,var(--qd10-prose)) minmax(0,1fr);gap:var(--qd10-gap);align-items:start}
 html[data-qd-composed] #qd-human .closing-art{position:sticky;top:var(--qd10-top);width:100%;max-height:84svh;object-fit:contain;object-position:right top}
 html[data-qd-composed] #qd-human .closing-lead{font-size:clamp(30px,2.8vw,46px)}

 /* ================= COAST ================= */
 html[data-qd-composed] #qd-coast{--page-x:var(--qd10-pad);--max:calc(var(--qd10-frame) + 2 * var(--qd10-pad))}
 html[data-qd-composed] #qd-coast .opening{min-height:0}
 html[data-qd-composed] #qd-coast .opening-grid{padding:clamp(1.5rem,4vh,3rem) var(--page-x) clamp(2rem,6vh,4rem);grid-template-columns:minmax(0,var(--qd10-prose)) minmax(0,1fr);gap:var(--qd10-gap);align-items:start}
 html[data-qd-composed] #qd-coast .opening-copy{min-height:0;display:block}
 html[data-qd-composed] #qd-coast .opening-copy h1{margin-top:.6rem;font-size:clamp(56px,6vw,96px)}
 html[data-qd-composed] #qd-coast .opening-answer{margin-top:clamp(2rem,6vh,4rem)}
 html[data-qd-composed] #qd-coast .opening-source{margin-top:1.6rem}
 html[data-qd-composed] #qd-coast .opening-art{justify-self:end;width:min(100%,calc(88svh * .666));position:sticky;top:var(--qd10-top)}
 html[data-qd-composed] #qd-coast .opening-art img{max-height:88svh;width:auto;max-width:100%}
 /* origin + recurrence: one spread; the Then another / the contour repeated beat is pinned and bounded */
 html[data-qd-composed] #qd-coast .origin{min-height:0;padding:clamp(2.5rem,7vh,5rem) 0 clamp(1.5rem,4vh,3rem)}
 html[data-qd-composed] #qd-coast .origin-inner{width:min(100%,var(--max));padding-inline:var(--page-x);min-height:0!important;height:auto!important}
 html[data-qd-composed] #qd-coast .origin-copy{min-height:0!important;height:auto!important}
 html[data-qd-composed] #qd-coast .origin-copy{max-width:var(--qd10-prose);font-size:clamp(24px,2vw,32px);position:static}
 html[data-qd-composed] #qd-coast .origin-copy p{position:static;max-width:none;margin:0}
 html[data-qd-composed] #qd-coast .origin-copy p+p{margin-top:.7em}
 html[data-qd-composed] #qd-coast .origin-label{position:static;margin:1.6rem 0 0}
 html[data-qd-composed] #qd-coast .recurrence{min-height:210svh}
 html[data-qd-composed] #qd-coast .recurrence-stage{grid-template-columns:minmax(0,var(--qd10-prose)) minmax(0,1fr);gap:var(--qd10-gap);width:min(100%,var(--max));padding-inline:var(--page-x)}
 html[data-qd-composed] #qd-coast .recurrence-anchor{font-size:clamp(44px,5vw,84px)}
 html[data-qd-composed] #qd-coast .recurrence-copy{max-width:var(--qd10-prose);height:62svh}
 /* without the controller (no JavaScript): the two beats read as still rows in the track */
 html[data-qd-composed] #qd-coast:not([data-qd-enhanced]) .recurrence{padding:clamp(2.5rem,7vh,5rem) var(--page-x)!important}
 html[data-qd-composed] #qd-coast:not([data-qd-enhanced]) .recurrence-copy{max-width:var(--qd10-prose)!important;margin:0!important;width:min(100%,var(--qd10-frame));margin-inline:auto!important}
 html[data-qd-composed] #qd-coast:not([data-qd-enhanced]) .mobile-anchor{font-size:clamp(44px,5vw,84px)!important;margin:1.2rem 0 1.4rem!important}
 html[data-qd-composed] #qd-coast:not([data-qd-enhanced]) .mobile-anchor .anchor-fixed{margin-right:.25em}
 html[data-qd-composed] #qd-coast:not([data-qd-enhanced]) .cluster+.cluster{margin-top:2.5rem!important}
 /* field plate: the whole drawing, label upright at the track */
 html[data-qd-composed] #qd-coast .field-plate{min-height:0;padding:clamp(2.5rem,7vh,5rem) var(--page-x)}
 html[data-qd-composed] #qd-coast .field-plate-inner{width:min(100%,var(--qd10-frame));margin:0 auto;display:grid;grid-template-columns:minmax(0,var(--qd10-prose)) minmax(0,1fr)!important;gap:var(--qd10-gap);align-items:start}
 html[data-qd-composed] #qd-coast .field-plate .label{grid-column:1}
 html[data-qd-composed] #qd-coast .field-plate figure{grid-column:2}
 html[data-qd-composed] #qd-coast .field-plate img{width:auto!important;max-width:100%!important}
 html[data-qd-composed] #qd-coast .field-plate .label{writing-mode:horizontal-tb;transform:none!important;padding:0;position:sticky;top:var(--qd10-top);text-align:left!important;justify-self:start!important;width:auto!important;align-self:start}
 html[data-qd-composed] #qd-coast .field-plate figure{justify-self:end;margin:0;min-width:0;max-width:100%;width:100%!important;display:flex;justify-content:flex-end}
 html[data-qd-composed] #qd-coast .field-plate img{max-height:92svh;height:auto;width:auto!important;max-width:100%!important;object-fit:contain}
 /* low water: prose left, the tall study right, the quiet line under the prose */
 html[data-qd-composed] #qd-coast .low-water{min-height:0;padding:clamp(2.5rem,7vh,5rem) var(--page-x)}
 html[data-qd-composed] #qd-coast .low-grid{grid-template-columns:minmax(0,var(--qd10-prose)) minmax(0,1fr);grid-template-rows:auto 1fr;gap:var(--qd10-gap);align-items:start;grid-template-areas:"main art" "quiet art"}
 html[data-qd-composed] #qd-coast .low-main{grid-area:main;max-width:var(--qd10-prose)}
 html[data-qd-composed] #qd-coast .low-art{grid-area:art;justify-self:end;position:sticky;top:var(--qd10-top);margin:0}
 html[data-qd-composed] #qd-coast .low-art img{height:min(84svh,53rem)}
 html[data-qd-composed] #qd-coast .low-quiet{grid-area:quiet;align-self:start;padding:1.2rem 0 0;max-width:var(--qd10-prose)}
 html[data-qd-composed] #qd-coast .low-quiet .label{margin-top:1.4rem}
 /* recognition: one track */
 html[data-qd-composed] #qd-coast .recognition{min-height:0;padding:clamp(2.5rem,7vh,5rem) var(--page-x)}
 html[data-qd-composed] #qd-coast .recognition-inner{width:min(100%,var(--max));margin:0 auto}
 html[data-qd-composed] #qd-coast .recognition-line{margin-top:1.2rem;font-size:clamp(44px,5vw,84px)}
 html[data-qd-composed] #qd-coast .keep-looking{margin:1.6rem 0 0;max-width:var(--qd10-prose)}
 /* outgoing: prose left, the late study right */
 html[data-qd-composed] #qd-coast .outgoing{min-height:0;padding:clamp(2.5rem,7vh,5rem) var(--page-x)}
 html[data-qd-composed] #qd-coast .outgoing-grid{grid-template-columns:minmax(0,var(--qd10-prose)) minmax(0,1fr);gap:var(--qd10-gap);align-items:start}
 html[data-qd-composed] #qd-coast .outgoing-copy{max-width:var(--qd10-prose)}
 html[data-qd-composed] #qd-coast .outgoing-copy .reward{margin-top:1.4rem;font-size:clamp(36px,3.6vw,56px)}
 html[data-qd-composed] #qd-coast .outgoing-art{justify-self:end;width:min(100%,calc(84svh * .666));position:sticky;top:var(--qd10-top);margin:0}
 html[data-qd-composed] #qd-coast .outgoing-art img{max-height:84svh;width:auto;max-width:100%}
 /* return: the two lines in the track, the first drawing back on the right, no long run */
 html[data-qd-composed] #qd-coast .return{min-height:0;padding:clamp(2.5rem,7vh,5rem) var(--page-x) clamp(2rem,6vh,4rem)}
 html[data-qd-composed] #qd-coast .return-grid{min-height:0;grid-template-columns:minmax(0,var(--qd10-prose)) minmax(0,1fr);gap:var(--qd10-gap);align-items:start}
 html[data-qd-composed] #qd-coast .return-copy{min-height:0;position:sticky;top:clamp(5rem,16vh,9rem);align-self:start}
 html[data-qd-composed] #qd-coast .return-one,html[data-qd-composed] #qd-coast .return-two{position:static!important;inset:auto!important;top:auto!important;left:auto!important;white-space:normal!important;max-width:none!important;margin-left:0!important}
 html[data-qd-composed] #qd-coast .return-one{font-size:clamp(36px,3.6vw,56px)}
 html[data-qd-composed] #qd-coast .return-two{font-size:clamp(44px,5vw,84px);margin-top:.35em}
 html[data-qd-composed] #qd-coast .return-label{position:static!important;inset:auto!important;top:auto!important;left:auto!important;margin:1.8rem 0 0!important;text-align:left!important;align-self:flex-start!important;max-width:none}
 html[data-qd-composed] #qd-coast .return-art{position:static;padding:0;justify-self:end;width:min(100%,calc(88svh * .666))}
 html[data-qd-composed] #qd-coast .return-art img{height:auto;max-height:88svh;width:auto;max-width:100%}
 html[data-qd-composed] #qd-coast .chapter-end{min-height:0;padding:clamp(1rem,3vh,2rem) var(--page-x) clamp(2rem,6vh,4rem);justify-content:flex-start}
 html[data-qd-composed] #qd-coast .chapter-end p{width:min(100%,var(--qd10-frame));margin:0 auto}
}
@media screen and (min-width:981px) and (prefers-reduced-motion:no-preference) and (min-height:521px){
 html[data-qd-composed] #qd-team[data-qd-enhanced] .closing{height:220svh!important;position:relative;padding:0!important}
 html[data-qd-composed] #qd-team[data-qd-enhanced] .closing-stage{height:100svh;position:sticky;top:0;display:grid;grid-template-columns:minmax(0,var(--qd10-prose)) minmax(0,1fr);gap:var(--qd10-gap);align-items:center;overflow:hidden;max-width:var(--max);margin:0 auto;padding-inline:var(--pad)}
 html[data-qd-composed] #qd-team[data-qd-enhanced] .closing-line{font-size:clamp(44px,5vw,84px);max-width:8.5em;text-wrap:balance}
 html[data-qd-composed] #qd-team[data-qd-enhanced] .closing-art{width:100%;max-width:100%;justify-self:end}
 html[data-qd-composed] #qd-team[data-qd-enhanced] .closing .source-flow{display:none!important}
 html[data-qd-composed] body #qd-human#qd-human[data-qd-enhanced][data-qd-fit="flow"] .people{height:270svh!important;min-height:0!important;padding:0!important;position:relative!important}
 html[data-qd-composed] body #qd-human#qd-human[data-qd-enhanced][data-qd-fit="flow"] .people-sticky{display:flex!important;height:100svh!important;position:sticky!important;top:0!important;align-items:center!important;visibility:visible!important}
 html[data-qd-composed] body #qd-human#qd-human[data-qd-enhanced][data-qd-fit="flow"] .people-fallback{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;display:block!important}
}

/* ================= one-way line reveal (motion allowed, JS present) ================= */
@media screen and (min-width:981px) and (prefers-reduced-motion:no-preference){
 html[data-qd-composed].qd-motion [data-qd-reveal]{transition:opacity .4s ease-out,transform .4s ease-out}
 html[data-qd-composed].qd-motion [data-qd-reveal]:not(.qd-in){opacity:0;transform:translateY(8px)}
}
@media print{html[data-qd-composed] [data-qd-reveal]{opacity:1!important;transform:none!important}}