/* ===== joined.css — Model + Possibilities read as one section; Transformation parked ===== */
/* model flows straight into the tunnel: no bottom padding, tunnel picks up on the same dark ground */
.model-sec{padding-bottom:0}
.model-sec .model-grid{margin-bottom:0;gap:clamp(28px,4vh,44px)}
.model-sec .model-grid .banner{margin-top:0}
.pxs-joined{height:210vh;margin-top:clamp(-40px,-5vh,-24px)}
.pxs-joined .pxs-sticky{padding-top:clamp(24px,4vh,48px);padding-bottom:clamp(24px,4vh,48px);justify-content:center}
.pxs-joined + .services-sec{padding-top:clamp(56px,8vh,96px)}
/* six cards: a 3×2 grid; the model still starts big and shrinks into its slot */
.pxs-joined .pxs-grid{grid-template-rows:repeat(2,var(--ch));--ch:clamp(120px,min(calc(var(--cw) * .5625),calc((100vh - var(--nav-h,72px) - 200px) / 2)),260px)}
.pxs-joined .pxc[hidden]{display:none}
/* six-card placement: top row Hero · Key · Lifestyle; bottom row Packshot · Model · SKU */
.pxs-joined .pxc-1{grid-column:1;grid-row:1}.pxs-joined .pxc-2{grid-column:2;grid-row:1}.pxs-joined .pxc-3{grid-column:3;grid-row:1}
.pxs-joined .pxc-4{grid-column:1;grid-row:2}.pxs-joined .pxc-0{grid-column:2;grid-row:2}.pxs-joined .pxc-5{grid-column:3;grid-row:2}
/* model sits lower in a 2-row grid: bias the big state upward so it reads centered while large */
.pxs-joined .pxc-0{transform-origin:50% 100%}
/* cards drift toward the model's slot as they emerge */
.pxs-joined .pxc-1{--ox:calc(var(--cw) * .55);--oy:calc(var(--ch) * .55)}
.pxs-joined .pxc-2{--ox:0px;--oy:calc(var(--ch) * .55)}
.pxs-joined .pxc-3{--ox:calc(var(--cw) * -.55);--oy:calc(var(--ch) * .55)}
.pxs-joined .pxc-4{--ox:calc(var(--cw) * .55);--oy:0px}
.pxs-joined .pxc-5{--ox:calc(var(--cw) * -.55);--oy:0px}
/* hand-off into Services handled above */
@media (max-width:1100px) and (min-width:761px){.pxs-joined{height:180vh}}
@media (max-width:760px){
.pxs-joined{padding-top:clamp(40px,6vh,64px)}
.pxs-joined .pxs-grid{grid-template-columns:1fr 1fr;grid-template-rows:none}
.pxs-joined .pxc-1,.pxs-joined .pxc-2,.pxs-joined .pxc-3,.pxs-joined .pxc-4,.pxs-joined .pxc-0,.pxs-joined .pxc-5{grid-column:auto;grid-row:auto}
.pxs-joined .pxc-0{order:-1;grid-column:1/-1;aspect-ratio:16/9!important}
.model-sec .model-grid{margin-bottom:0}
}
/* plan step 3: quiet outcome line beneath the description */
.plx-copy .plx-outcome{grid-column:2;grid-row:3;margin-top:clamp(12px,1.6vh,18px)!important;padding-top:clamp(12px,1.6vh,18px);border-top:1px solid rgba(245,245,240,.14);font-size:clamp(14px,.95vw,16px)!important;color:var(--ink-2)!important;max-width:44ch}
.plx-copy:has(.plx-outcome){grid-template-rows:auto auto auto}.plx-copy:has(.plx-outcome) .plx-num{grid-row:1/4}
@media (max-width:900px){.plx-copy .plx-outcome{grid-column:1;grid-row:4}.plx-copy:has(.plx-outcome) .plx-num{grid-row:1}.plx-panel .plx-copy{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.plx-panel:has(.plx-copy){grid-template-columns:minmax(0,1fr);min-width:0}.plx-copy:has(.plx-outcome){grid-template-columns:minmax(0,1fr)}.plx-copy h3,.plx-copy p,.plx-copy .plx-outcome{max-width:100%;min-width:0;overflow-wrap:anywhere}}
/* parked sections stay in source, out of flow */
section[data-hidden-by="author"],[hidden][data-hidden-by="author"],.pxs-head.pxs-head-hidden[hidden]{display:none!important}