/* QA8: shared studio field, editorial hierarchy, and intrinsic mobile rows. */
.header{--header-muted:#b6bdac}
.header[data-tone="light"]{--header-muted:#515b49}
.header[data-tone="yellow"]{--header-muted:#615320}
#header .brand-copy>span{font-size:11px;line-height:1.55}
.stage .back-word{top:12%;bottom:27%;left:54%;right:var(--edge);width:auto;display:flex;flex-direction:column;justify-content:space-between;text-align:right;line-height:.8;font-size:clamp(110px,12.5vw,195px)}
.stage .back-word>span{display:block}
.stage .atmosphere{background:radial-gradient(ellipse at 77% 50%,#c3bb9324,transparent 43%),linear-gradient(90deg,#12131340,transparent 56%)}
.choice-plane{position:absolute;inset:0 50% 0 0;z-index:0;background:#f5f2e8;opacity:var(--choice-progress,0);pointer-events:none}
.stage[data-choice="own"] .choice-plane{background:#fff}
.stage[data-choice="courier"] .choice-plane{background:#a69e92}
.stage[data-choice="own"] .choice-media,.stage[data-choice="courier"] .choice-media{mix-blend-mode:normal}
.choice-media-own,.choice-media-courier{left:0;top:0;width:50%;height:100%;aspect-ratio:auto;transform:none!important;mask-image:none;mix-blend-mode:normal;transition:opacity .48s ease}
.choice-media-own{background-size:175% auto;background-position:100% 86%}
.choice-media-courier{background-image:url('../assets/images/ab-scene/bag-static.png');background-size:cover;background-position:65% center;filter:contrast(.88) brightness(1.1) saturate(.9)}
.choice-media-label{left:var(--edge);bottom:58px;font-size:11px;letter-spacing:0;color:#445039}
.stage[data-choice="courier"] .choice-media-label{color:#282f24;padding:5px 8px;background:#eae7dded}

/* Three named routes are a visible reading role, not tiny technical labels. */
#next{grid-template-columns:1.05fr 1fr;gap:8vw;align-items:start}
#next .intro-services{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;padding-top:44px}
#next .intro-services>.dark-link{margin-top:auto;margin-bottom:58px}
.clarity-flow{width:min(100%,460px);margin-top:24px;color:#60784a}
.clarity-labels{font-family:RoadOnest,sans-serif;font-size:24px;font-weight:500;fill:#293e20}
#next .intro-services>p:first-child{max-width:460px}
#next .intro-services>.clarity-detail{margin-top:26px;line-height:1.7}

/* One introductory row; one aligned row for the image and six topics. */
#support{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);grid-template-rows:auto auto 1fr;gap:24px 7vw;align-items:start}
#support .support-heading{display:contents}
#support .support-heading>.eyebrow{grid-column:1/-1;grid-row:1;margin:0;font:400 11px/1.4 RoadOnest,sans-serif;letter-spacing:.11em;color:#5c6a50}
#support .support-heading h2{grid-column:1;grid-row:2;margin:0;align-self:end}
#support .support-heading>p:not(.eyebrow){grid-column:2;grid-row:2;margin:0;align-self:end;max-width:440px;color:#56634b;line-height:1.65}
#support .support-heading .support-portrait{grid-column:1;grid-row:3;width:100%;max-width:none;margin:51px 0 0;align-self:start}
#support .support-heading .support-portrait img{aspect-ratio:5/4;border-radius:7px}
#support .support-portrait small{font-size:12px;color:#526046;margin-top:13px}
#support #service-fan{grid-column:2;grid-row:3;margin:14px 0 0;padding:0}
#support .support-topic>summary{min-height:78px;padding:18px 0;grid-template-columns:32px minmax(0,1fr) 22px;gap:16px;font-size:18px}
#support .topic-icon{width:30px;height:30px}
#support .topic-num{font-size:10px;color:#606e53}
#support .topic-inner{padding-left:48px}

/* Frame → two practical conditions → continuing support. */
#terms{display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1.5fr);grid-template-rows:min-content 1fr;gap:0 7vw;align-items:start}
#terms .terms-sequence-heading{display:block;grid-column:1;grid-row:1;max-width:360px;margin:0;text-align:left}
#terms .terms-sequence-heading>.eyebrow{font:400 11px/1.4 RoadOnest,sans-serif;letter-spacing:.11em;color:#5d6b51;text-align:left;justify-content:flex-start;margin:0}
#terms .terms-sequence-heading h2{font-size:clamp(42px,4.9vw,67px);line-height:1.04;margin:25px 0;text-align:left}
#terms .terms-sequence-heading>p:not(.eyebrow){font-size:16px;line-height:1.65;max-width:290px;color:#5b6750}
#terms>.dark-link{grid-column:1;grid-row:2;justify-self:start;align-self:start;margin-top:30px}
#terms .terms-sequence{grid-column:2;grid-row:1/span 2;display:grid;grid-template-columns:1fr 1fr;gap:0 34px;margin:0;padding:0;list-style:none;border:0}
#terms .terms-sequence:before,#terms .terms-sequence:after{content:none}
#terms .terms-sequence li{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:0 12px;min-width:0;padding:25px 0 28px;border:0;border-top:1px solid #7f906b}
#terms .terms-sequence li:before{content:'';position:absolute;left:0;right:0;top:-1px;width:100%;height:1px;background:#677d50;transform:scaleX(var(--term-fill,0));transform-origin:left}
#terms .terms-sequence li:first-child,#terms .terms-sequence li:last-child{grid-column:1/-1}
#terms .term-node{position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;border:1px solid #677d50}
#terms .term-icon{grid-column:1;grid-row:1/span 3;width:30px;height:30px;margin:0;color:#526e3e}
#terms .term-index{grid-column:2;grid-row:1;display:block;width:auto;height:auto;padding:0;font-size:12px;line-height:1.4;color:#405b2c}
#terms .terms-sequence li>h3{grid-column:2;grid-row:2;margin:10px 0 13px;font:500 clamp(23px,2vw,29px)/1.12 RoadJost,sans-serif;letter-spacing:-.025em}
#terms .terms-sequence li>p{grid-column:2;grid-row:3;margin:0;font-size:14px;line-height:1.7;color:#536149}
#terms .terms-sequence li:first-child h3{font-size:clamp(29px,2.7vw,37px);margin-top:10px}
#terms .terms-sequence li:first-child h3 br{display:none}
#terms .terms-sequence li:first-child p{max-width:560px;font-size:16px}
#terms .terms-sequence li:last-child h3{font-size:26px}

#journey #step-nav .step-progress{font-size:12px;color:#526347}
#journey #step-nav .step-progress>span{font-size:10px;color:#627454}
#journey #step-nav .step-progress[aria-current="step"]{color:#293f20;box-shadow:inset 0 -1px 0 #485f38}
#journey .journey-count b{font:500 11px/1.4 RoadOnest,sans-serif;letter-spacing:0;color:#526347}
#journey .journey-count span{color:#4d6140;font-weight:450}
#journey .step-order{color:#657456;font-size:11px}
#journey .step-prepare strong{font-size:10px}
#owners .partner-discuss>.support-action{width:auto;min-width:250px;max-width:100%;min-height:46px;padding:10px 14px;justify-content:space-between;font-size:13px;background:transparent;border-color:#76643180}
#owners .partner-discuss>.support-action:hover{background:#fff5ca80}
#owners .partner-discuss>.support-action>span{font-size:21px}

/* The question is punctuation beside the title, with copy below both. */
#faq .faq-heading{display:grid;grid-template-columns:minmax(0,max-content) 108px;gap:22px 6px;align-content:start;justify-content:start}
#faq .faq-heading>.eyebrow{grid-column:1/-1;margin:0}
#faq .faq-heading h2{grid-column:1;grid-row:2;margin:0;align-self:start;font-size:clamp(44px,4.8vw,68px)}
#faq .faq-object{position:relative;grid-column:2;grid-row:2;inset:auto;width:108px;height:180px;margin:-26px 0 0;align-self:start}
#faq .faq-intro{grid-column:1/-1;grid-row:3;margin:0;max-width:420px;font-size:15px;line-height:1.65;color:#526147}
#faq .faq-answer p{color:#4b5a3e;line-height:1.65}
#contact .contact-kicker,#contact .contact-phone>.eyebrow,#contact .office>span{font-size:12px;color:#bdc5af}
#contact .contact-phone>small,#contact .office small{font-size:12px;line-height:1.6;color:#b9c3a8}
#contact .office address{font-size:16px;line-height:1.65;color:#e0e4d5}
.footer,.footer :is(a,button){color:#b0ba9f;font-size:12px}

@media(max-width:1000px) and (min-width:761px){
 #terms{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:0 5vw}
 #terms .terms-sequence{gap:0 22px}
 #terms .terms-sequence li{grid-template-columns:28px minmax(0,1fr);gap:0 8px}
 #terms .term-icon{width:24px;height:24px}
 #terms .terms-sequence li:last-child{grid-template-columns:28px minmax(0,1fr)}
 #terms .terms-sequence li:last-child p{grid-column:2;grid-row:3;padding-left:0}
}
@media(max-width:760px){
 .stage .back-word{top:max(42svh,calc(var(--hero-title-bottom,305px) + 14px));bottom:auto;left:var(--edge);right:var(--edge);width:auto;display:block;text-align:left;font-size:clamp(46px,17vw,78px);line-height:1;white-space:nowrap}
 .stage .back-word>span{display:inline}
 body:not([data-static="true"]) .stage{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:84px max-content minmax(0,1fr)74px;min-height:0;height:100svh}
 body:not([data-static="true"]) .stage>.choices{position:relative;inset:auto;grid-column:1;grid-row:2;align-self:start;min-width:0;max-width:none;margin:0 var(--edge);width:auto}
 .choices>.eyebrow{margin:0 0 9px;font-size:9px}
 .choices h2{font-size:clamp(32px,9.2vw,42px);line-height:1.04;margin:0 0 18px}
 .path{min-height:44px;padding:9px 3px;gap:10px}
 .path-name{font-size:clamp(17px,5.2vw,21px)}
 .path-num{font-size:10px}
 .path-arrow{font-size:23px}
 .path-response{display:block;margin-top:14px;min-height:0}
 .path-response-title{font-size:18px;line-height:1.25;margin-top:6px}
 .path-response p{font-size:13px;line-height:1.5}
 body .path-response .path-cta{display:inline-flex;min-height:46px;margin-top:12px;padding-left:15px;font-size:13px}
 body .path-response .path-cta .button-arrow{width:42px;flex-basis:42px}
 body:not([data-static="true"]) .stage>.choice-media,body:not([data-static="true"]) .stage>.choice-plane{position:relative;inset:auto;grid-column:1;grid-row:3;align-self:center;width:auto;height:calc(100% - 20px);min-height:0;margin:12px var(--edge) 8px;max-height:210px}
 .choice-media-own,.choice-media-courier{inset:0;width:100%;height:100%;aspect-ratio:auto;transform:none!important;mask-image:none}
 .choice-media-own{background-size:175% auto;background-position:100% 87%}
 .choice-media-courier{background-size:cover;background-position:65% center}
 .choice-media-label{left:var(--edge);bottom:46px;max-width:calc(100% - 2*var(--edge));font-size:10px;line-height:1.4;color:#445039}
 .stage[data-choice="courier"] .choice-media-label{padding:0;background:none}
 .scene-footer{bottom:20px}
 #next{display:block;padding-top:64px;padding-bottom:64px}
 #next .intro-services{display:block;padding-top:30px;border-top:1px solid #b6bea7;margin-top:30px}
 #next .intro-services>.dark-link{margin-top:30px;margin-bottom:0}
 #next .setup-heading h2{font-size:clamp(38px,10.7vw,52px)}
 .clarity-flow{margin-top:25px;width:100%;max-width:460px}
 .clarity-labels{font-size:30px}
 #support{display:block}
 #support .support-heading h2{margin:24px 0}
 #support .support-heading>p:not(.eyebrow){max-width:440px;margin:0}
 #support .support-heading .support-portrait{margin-top:28px}
 #support .support-heading .support-portrait img{aspect-ratio:3/2}
 #support #service-fan{margin-top:30px}
 #support .support-topic>summary{font-size:17px;min-height:78px;grid-template-columns:28px minmax(0,1fr) 18px;gap:13px}
 #support .topic-icon{width:28px;height:28px}
 #support .topic-inner{padding-left:41px}
 #terms{display:block}
 #terms .terms-sequence-heading{max-width:none}
 #terms .terms-sequence-heading h2{font-size:clamp(41px,11vw,55px)}
 #terms .terms-sequence{display:block;margin-top:35px}
 #terms .terms-sequence li,#terms .terms-sequence li:last-child{grid-template-columns:32px minmax(0,1fr);gap:0 12px;padding:24px 0 27px}
 #terms .terms-sequence li:last-child p{grid-column:2;grid-row:3;padding-left:0}
 #terms .terms-sequence li>h3,#terms .terms-sequence li:last-child h3{font-size:26px}
 #terms .terms-sequence li:first-child h3{font-size:29px}
 #terms .terms-sequence li>p,#terms .terms-sequence li:first-child p{font-size:14px}
 #terms>.dark-link{margin-top:25px}
 #journey #step-nav .step-progress{font-size:10px}
 #owners .partner-discuss>.support-action{min-width:0;min-height:46px;gap:20px}
 #faq .faq-heading{--faq-title-size:clamp(36px,10.2vw,48px);grid-template-columns:minmax(0,calc(var(--faq-title-size)*5.5)) 80px;gap:20px 2px}
 #faq .faq-heading h2{font-size:var(--faq-title-size)}
 #faq .faq-object{width:80px;height:135px;margin-top:-18px}
 #faq .faq-intro{font-size:14px}
 #contact .office address{font-size:15px}
}
@media(max-width:760px) and (max-height:650px){
 body:not([data-static="true"]) .stage{grid-template-rows:78px max-content minmax(0,1fr)62px}
 body:not([data-static="true"]) .stage>.choice-media,body:not([data-static="true"]) .stage>.choice-plane{position:absolute;grid-area:auto;inset:104px var(--edge) auto auto;width:140px;height:76px;min-height:0;margin:0}
 #paths h2{max-width:calc(100% - 154px);min-height:76px;font-size:25px;line-height:1.1;margin-bottom:12px}
 .choices h2{font-size:30px;margin-bottom:12px}
 .choices>.eyebrow{margin-bottom:7px}
 .path{min-height:38px;padding:6px 3px}
 .path-name{font-size:17px}
 .path-response{margin-top:10px}
 .path-response p{line-height:1.4}
 body .path-response .path-cta{min-height:44px;margin-top:10px}
 .choice-media-label{bottom:36px}
 .scene-footer{bottom:14px}
}
body[data-static="true"] .choice-plane{display:none}

/* Reduced motion retains the opening composition as a full static scene. */
body[data-static="true"] .stage{--hero-height:max(600px,100svh);--hero-top:calc(var(--hero-height)*.175)}
body[data-static="true"] .hero{height:var(--hero-height);min-height:0;padding:var(--hero-top) var(--edge) 0}
body[data-static="true"] .visual,body[data-static="true"] .atmosphere{height:var(--hero-height);max-height:none}
body[data-static="true"] .stage .back-word{display:flex;top:calc(var(--hero-height)*.12);bottom:auto;height:calc(var(--hero-height)*.61)}
@media(max-width:760px){
 body[data-static="true"] .stage{--hero-height:100svh;--hero-top:145px}
 body[data-static="true"] .hero-bottom{top:calc(var(--hero-height) + var(--hero-top) - 340px);bottom:auto}
 body[data-static="true"] .stage .back-word{display:block;top:max(42svh,calc(var(--hero-title-bottom,305px) + 14px));height:auto}
}
@media(max-width:360px){body[data-static="true"] .stage{--hero-top:130px}}
@media(max-width:420px){
 #contact .contact-details{grid-template-columns:minmax(0,1fr);gap:26px}
 #contact .contact-phone>p{font-size:16px}
 #contact .contact-phone>small{display:block}
 #contact .office small{max-width:none}
}
@media(max-width:760px) and (max-height:650px){
 .stage .back-word,body[data-static="true"] .stage .back-word{display:flex;flex-direction:row;justify-content:space-between;align-items:center;top:max(42svh,calc(var(--hero-title-bottom,305px) + 14px));height:auto;font-size:clamp(28px,9.2vw,36px);line-height:1}
 .stage .back-word>span{display:block}
}
@media(max-width:360px) and (max-height:650px){
 .stage .hero-bottom{margin-top:26px}
}

/* Concluding polish: stable numeral spacing and visible keyboard focus on yellow. */
.scene-number,.path-num,.topic-num,.term-index,.step-order,
#journey .journey-count b,#journey .journey-count span,#journey #step-nav .step-progress>span,
#owners .owner-choices button>span{font-variant-numeric:tabular-nums}
#owners :is(.owner-choices button,.partners>summary):focus-visible{outline:2px solid #34462a;outline-offset:4px}
.header[data-tone="dark"] .header-cta:is(:hover,:focus-visible){background:#f0eee5!important;color:#171b17!important}