.delivery-experience {position:relative;height:100svh;height:100dvh;min-height:620px;background:#e8eef3;color:#15202a;overflow:hidden;padding:calc(var(--site-header-height,85px) + 32px) 4% 112px;}
.delivery-heading {position:absolute;top:calc(var(--site-header-height,85px) + 28px);left:4%;z-index:2;pointer-events:none;}
.delivery-heading>p {font-size:13px;color:#536779;margin:0 0 14px;}
.delivery-heading h1 {font-size:clamp(36px,4.5vw,72px);line-height:1.02;letter-spacing:-.055em;margin:0;font-weight:400;}
.delivery-world {position:absolute;left:0;top:calc(var(--site-header-height,85px) + 155px);bottom:110px;width:65%;}
.delivery-world canvas {display:block;width:100%;height:100%;touch-action:pan-y;}
.delivery-loading {position:absolute;inset:45% 0 auto;text-align:center;color:#536779;}
.delivery-copy {position:absolute;right:4%;top:calc(var(--site-header-height,85px) + 48px);bottom:140px;width:29%;max-width:440px;display:flex;flex-direction:column;justify-content:center;}
.delivery-count {font-size:12px;color:#536779;margin:0 0 18px;}
.delivery-count span {color:#0030cf;}
.delivery-copy h2 {font-size:clamp(26px,2.6vw,42px);font-weight:400;line-height:1.05;letter-spacing:-.04em;margin:0 0 20px;}
.delivery-copy article>p {font-size:16px;line-height:1.6;color:#536779;margin:0;}
.delivery-result {margin:26px 0 24px;padding:0 0 0 16px;border-left:3px solid #9acc36;}
.delivery-result>span {font-size:12px;color:#536779;}
.delivery-result>p {font-size:17px;line-height:1.4;margin:8px 0 0;}
.delivery-controls {display:flex;gap:12px;margin:0 0 20px;}
.delivery-controls button {min-height:44px;background:transparent;border:1px solid #afbfce;padding:10px 16px;font:inherit;font-size:13px;cursor:pointer;}
.delivery-controls button:disabled {opacity:.35;cursor:default;}
.delivery-inquiry {display:flex;align-items:center;justify-content:center;min-height:48px;background:#0030cf;color:#fff;padding:12px 20px;font-size:14px;}
.delivery-stages {position:absolute;left:4%;right:4%;bottom:24px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;}
.delivery-stages button {display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:14px 12px 8px;background:transparent;border:0;border-top:2px solid #bac9d5;font:inherit;font-size:14px;cursor:pointer;min-height:70px;text-align:left;}
.delivery-stages button>span:first-child {font-size:11px;color:#536779;}
.delivery-stages button[aria-pressed=true] {border-color:#0030cf;color:#0030cf;background:#dce5f1;}
.delivery-stages button:focus-visible,.delivery-controls button:focus-visible,.delivery-inquiry:focus-visible {outline:2px solid #0030cf;outline-offset:3px;}
@media(max-width:760px){
 .delivery-experience {min-height:780px;padding:0;}
 .delivery-heading {top:calc(var(--site-header-height,85px) + 12px);left:5%;}
 .delivery-heading>p {font-size:11px;margin-bottom:8px;}
 .delivery-heading h1 {font-size:30px;}
 .delivery-world {left:0;top:calc(var(--site-header-height,85px) + 100px);height:30%;bottom:auto;width:100%;}
 .delivery-copy {left:5%;right:5%;width:auto;max-width:none;top:auto;bottom:128px;justify-content:flex-end;}
 .delivery-count {margin:0 0 8px;font-size:10px;}
 .delivery-copy h2 {font-size:26px;margin-bottom:10px;}
 .delivery-copy article>p {font-size:13px;line-height:1.5;}
 .delivery-result {margin:12px 0;padding-left:12px;}
 .delivery-result>span {font-size:10px;}
 .delivery-result>p {font-size:13px;margin-top:4px;}
 .delivery-controls {margin:0 0 10px;gap:8px;}
 .delivery-controls button {flex:1;font-size:12px;padding:8px;}
 .delivery-inquiry {min-height:44px;font-size:12px;padding:8px;}
 .delivery-stages {left:5%;right:5%;bottom:12px;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:8px;}
 .delivery-stages button {min-height:44px;padding:7px 4px;gap:4px;font-size:11px;}
 .delivery-stages button>span:first-child {font-size:9px;}
}
@media(max-width:760px) and (max-height:800px){.delivery-experience {height:900px;}.delivery-world {height:260px;}}
@media(max-width:760px) {
 .delivery-experience {height:100svh;height:100dvh;min-height:0;}
 .delivery-heading h1 {font-size:24px;}
 .delivery-heading h1 br {display:none;}
 .delivery-heading {right:5%;}
 .delivery-world {top:calc(var(--site-header-height,85px) + 66px);bottom:410px;height:auto;min-height:100px;}
 .delivery-copy {bottom:120px;}
}
@media(max-width:760px) and (max-height:700px) {
 .delivery-copy article>p {font-size:12px;line-height:1.35;}
 .delivery-result {margin:8px 0;}
 .delivery-copy h2 {font-size:22px;margin-bottom:6px;}
 .delivery-world {bottom:370px;}
}
@media(max-width:760px) and (max-height:500px) {
 .delivery-heading {top:calc(var(--site-header-height,70px) + 8px);right:46%;}
 .delivery-heading h1 {font-size:20px;}
 .delivery-heading>p {display:none;}
 .delivery-world {top:calc(var(--site-header-height,70px) + 40px);left:0;width:53%;bottom:75px;min-height:0;}
 .delivery-copy {left:55%;right:3%;top:calc(var(--site-header-height,70px) + 10px);bottom:74px;justify-content:center;}
 .delivery-copy h2 {font-size:20px;}
 .delivery-copy article>p {font-size:11px;}
 .delivery-result {display:none;}
 .delivery-controls {margin:8px 0;}
 .delivery-controls button {min-height:32px;}
 .delivery-inquiry {min-height:34px;}
 .delivery-stages {grid-template-columns:repeat(6,minmax(0,1fr));}
}
@media(max-width:760px) and (min-height:501px) {
 .delivery-controls {display:none;}
 .delivery-world {bottom:390px;}
}
@media(max-width:360px) and (min-height:501px) {
 .delivery-heading h1 {font-size:22px;}
 .delivery-world {top:calc(var(--site-header-height,85px) + 85px);}
}

/* Native document scrolling keeps the scene pinned through all eight chapters. */
.delivery-scroll {position:relative;height:900svh;}
.delivery-scroll .delivery-experience {position:sticky;top:0;min-height:0;}
.delivery-stages {grid-template-columns:repeat(8,minmax(0,1fr));}
.delivery-stages button {font-size:12px;padding-inline:8px;overflow-wrap:anywhere;}
.delivery-scroll-hint {font-size:12px;color:#536779;margin:0 0 16px;}
@media(max-width:760px){
 .delivery-stages {grid-template-columns:repeat(4,minmax(0,1fr));}
 .delivery-stages button {font-size:10px;padding-inline:3px;}
 .delivery-scroll-hint {font-size:10px;margin:0 0 8px;}
}
@media(max-width:760px) and (max-height:500px){
 .delivery-stages {grid-template-columns:repeat(8,minmax(0,1fr));}
 .delivery-scroll-hint {display:none;}
}
@media(max-width:760px) and (min-height:501px) and (max-height:700px){
 .delivery-result {display:none;}
 .delivery-scroll-hint {margin-top:10px;}
 .delivery-world {bottom:310px;min-height:0;}
}
@media(max-width:360px){.delivery-stages button {font-size:9px;}}

/* The industrial world fills the viewport; the story sits above it. */
.delivery-world {inset:0;width:100%;height:100%;min-height:0;}
.delivery-heading {z-index:2;}
.delivery-copy {z-index:2;background:rgba(232,238,243,.94);padding:24px;right:2%;width:31%;top:calc(var(--site-header-height,85px) + 96px);bottom:132px;}
.delivery-stages {z-index:3;background:rgba(232,238,243,.96);}
@media(max-width:760px){
 .delivery-world {inset:0;width:100%;height:100%;min-height:0;}
 .delivery-heading {top:calc(var(--site-header-height,85px) + 6px);}
 .delivery-heading>p {display:none;}
 .delivery-heading h1 {font-size:22px;max-width:340px;}
 .delivery-copy {left:0;right:0;top:auto;bottom:116px;width:100%;padding:14px 5% 10px;background:rgba(232,238,243,.96);}
 .delivery-copy h2 {font-size:24px;margin-bottom:8px;}
 .delivery-result {display:none;}
 .delivery-copy article>p {font-size:12px;line-height:1.45;}
 .delivery-scroll-hint {margin:8px 0;font-size:10px;}
}
@media(max-width:760px) and (max-height:700px){
 .delivery-heading h1 {font-size:19px;}
 .delivery-copy {padding-top:10px;}
 .delivery-copy h2 {font-size:21px;}
 .delivery-copy article>p {font-size:11px;line-height:1.35;}
 .delivery-count {margin-bottom:5px;}
 .delivery-scroll-hint {display:none;}
 .delivery-inquiry {margin-top:10px;min-height:40px;}
}
@media(max-width:760px) and (max-height:500px){
 .delivery-copy {left:59%;right:2%;width:39%;top:calc(var(--site-header-height,70px) + 4px);bottom:64px;padding:8px;}
 .delivery-copy h2 {font-size:18px;}
 .delivery-heading {right:45%;}
}

@media(min-width:761px){
 .delivery-experience:not([data-chapter="0"]) .delivery-heading h1 {font-size:28px;}
 .delivery-experience:not([data-chapter="0"]) .delivery-heading h1 br {display:none;}
 .delivery-experience:not([data-chapter="0"]) .delivery-heading>p {display:none;}
}
/* Keep the complete card inside its surface and clear of the chapter rail. */
.delivery-copy {justify-content:flex-start;}
.delivery-copy>* {flex-shrink:0;}
.delivery-inquiry {text-align:center;line-height:1.3;}
@media(min-width:761px){
 .delivery-copy {top:auto;bottom:118px;height:auto;max-height:calc(100dvh - var(--site-header-height,85px) - 144px);overflow-y:auto;overscroll-behavior:contain;}
}
@media(min-width:761px) and (max-width:1100px){
 .delivery-copy {width:35%;padding:20px;}
 .delivery-copy h2 {font-size:26px;margin-bottom:14px;}
 .delivery-copy article>p {font-size:14px;line-height:1.45;}
 .delivery-result {margin:18px 0;padding-left:12px;}
 .delivery-result>p {font-size:14px;}
 .delivery-count {margin-bottom:12px;}
 .delivery-inquiry {font-size:12px;padding-inline:10px;}
}
@media(min-width:761px) and (max-height:750px){
 .delivery-copy {padding:18px;}
 .delivery-copy h2 {font-size:25px;margin-bottom:12px;}
 .delivery-copy article>p {font-size:13px;line-height:1.4;}
 .delivery-result {margin:14px 0;}
 .delivery-result>p {font-size:14px;margin-top:4px;}
 .delivery-result>span {font-size:11px;}
 .delivery-count {font-size:11px;margin-bottom:10px;}
 .delivery-scroll-hint {font-size:11px;margin-bottom:12px;}
 .delivery-inquiry {min-height:44px;font-size:12px;padding:10px;}
}