/* The entire page is a single scroll-driven spatial scene. */
html{scroll-padding-top:0;background:#060d1a}body.immersive{background:#060d1a;color:#eef5ff;overflow-x:hidden}button{touch-action:manipulation}.journey-header{position:fixed;inset:0 0 auto;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:21px 4vw;background:linear-gradient(#060d1ae0,transparent);pointer-events:none}.journey-header>*{pointer-events:auto}.journey-brand img{display:block;width:123px;height:auto}.header-note{font-size:11px;letter-spacing:.15em;color:#96a7be}.journey-book,.journey-primary{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:#e8f2ff;color:#0b1a31;border-radius:100px;min-height:46px;padding:12px 23px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.journey-book:hover,.journey-primary:hover{background:#b6dcff;transform:translateY(-2px)}.journey-book svg,.journey-primary svg{width:18px;height:18px}.skip-link{position:fixed;left:20px;top:-80px;z-index:50;background:#fff;color:#0b1a31;padding:15px}.skip-link:focus{top:10px}
.journey-environment{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 65%,#142c4945,transparent 65%),#060d1a;z-index:0}.environment-glow{position:absolute;width:82vw;height:80vh;left:9vw;top:13vh;border-radius:50%;background:radial-gradient(ellipse,#174c8438,transparent 67%);transition:background 1s}.environment-horizon{position:absolute;left:-30%;width:160%;height:75vh;top:68vh;border:1px solid #37679829;border-radius:50%;box-shadow:0 -25px 90px #3478bb08,inset 0 30px 80px #3478bb0b}#journey-canvas{position:fixed;inset:0;z-index:1;touch-action:pan-y}#journey-canvas canvas{display:block;width:100%;height:100%}#story-track{height:680svh;position:relative}#story-viewport{position:fixed;inset:0;z-index:3;pointer-events:none}.chapter{position:absolute;inset:0;opacity:0;visibility:hidden;will-change:opacity,transform}.chapter:first-child{opacity:1;visibility:visible}.chapter button,.chapter a{pointer-events:auto}.chapter-kicker{font-size:12px;font-weight:500;letter-spacing:.17em;color:#98b9d9;line-height:1.5;margin:0 0 22px}.chapter h1,.chapter h2{font-weight:500;letter-spacing:-.057em;line-height:1.06}.chapter em{font-style:normal;color:#8ecbfa}.intro-title{position:absolute;top:14%;left:5%;width:90%;text-align:center}.intro-title .chapter-kicker{margin-bottom:15px}.intro-title h1{font-size:clamp(45px,6.3vw,99px)}.intro-title h1 span{color:#88c7f8}.intro-side{position:absolute;bottom:22%;width:25%;max-width:290px}.intro-left{left:6%}.intro-right{right:6%;text-align:right}.intro-side p{font-size:17px;line-height:1.65;color:#b4c5d8;margin:12px 0}.tiny-label{font-size:11px;letter-spacing:.19em;color:#748ba4}.round-link{font-size:14px;display:inline-flex;align-items:center;gap:20px;color:#e5f3ff}.round-link span{display:grid;place-items:center;border:1px solid #7cacd355;width:40px;height:40px;border-radius:50%;font-size:20px}.scene-note{font-size:10px;letter-spacing:.22em;color:#7891ac;text-align:center}.intro-note{position:absolute;bottom:14.5%;left:0;right:0;margin:0}.scene-copy{position:absolute;top:50%;transform:translateY(-50%);width:39%;max-width:570px}.copy-right{left:56%}.copy-left{left:7%}.scene-copy h2{font-size:clamp(40px,4.9vw,78px)}.scene-copy>p:not(.chapter-kicker){color:#b2c5d9;font-size:17px;line-height:1.7;max-width:400px;margin:25px 0}.scene-copy .copy-detail{font-size:14px!important;color:#7f9ab5!important;border-left:1px solid #6791b54a;padding-left:17px;margin:23px 0!important}.scene-next{font-size:14px;display:inline-flex;gap:18px;align-items:center;color:#d7eeff;padding:12px 0;border-bottom:1px solid #5d8eb355}.scene-next svg{width:18px}.device-label{position:absolute;font-size:10px;letter-spacing:.19em;color:#759aba;bottom:15%;text-align:center}.consumer-label,.story-label{width:48%;left:1%}.agent-label,.demo-device-label{width:45%;right:2%}.route-title{position:absolute;top:15%;width:100%;text-align:center}.route-title h2{font-size:clamp(45px,5.2vw,77px)}.route-title>p:last-child{color:#a9bfd5;font-size:16px;margin:19px 0;line-height:1.65}.routing-labels{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);display:grid;gap:12px;text-align:center}.routing-labels>span{font-size:13px;color:#cbe5fc;display:flex;align-items:center;justify-content:center;gap:10px;background:#0c1d309c;border:1px solid #7da3c83b;border-radius:8px;padding:13px 17px;backdrop-filter:blur(12px);white-space:nowrap}.routing-labels svg{width:17px;height:17px}.routing-endpoints{position:absolute;bottom:18%;left:16%;right:16%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.18em;color:#82a7c5}.route-next{position:absolute;bottom:13.5%;left:50%;transform:translateX(-50%);white-space:nowrap;padding:6px 0;font-size:13px}.answer-action{display:inline-flex;align-items:center;gap:14px;background:#a7e9d6;color:#123b38;border-radius:100px;padding:16px 25px;font-size:15px;font-weight:550}.answer-action svg{width:20px;height:20px}.answer-action:hover{background:#cbf9ed}.action-note,.demo-duration{display:block;margin-top:14px;font-size:12px;color:#7596b3}.recordings-note{display:flex;gap:16px;border-top:1px solid #5e83a83d;padding-top:21px;margin:26px 0 10px}.recordings-note>svg{width:24px;height:24px;color:#84a9ca;margin-top:3px}.recordings-note strong{font-size:14px;font-weight:500;color:#b8d1e7;display:block;line-height:1.5}.recordings-note span{font-size:12px;color:#7d9bb5;display:block;margin-top:5px}.journey-primary{background:#8fcdff;font-size:16px;padding:17px 27px;min-height:54px}.questions-link{display:block;padding:14px 0;margin-top:27px;background:none;color:#9bb8d0;font-size:14px;border-bottom:1px solid #7a9bb440}.questions-link span{padding-left:35px;font-size:18px}.chapter-nav{position:fixed;z-index:20;left:50%;bottom:38px;transform:translateX(-50%);display:flex;padding:7px 9px 9px;background:#0e1b2ac9;border:1px solid #5d84a333;backdrop-filter:blur(20px);border-radius:16px;max-width:calc(100vw - 48px)}.chapter-nav a{position:relative;display:flex;align-items:center;gap:9px;padding:12px 15px;border-radius:9px;color:#738eaa;font-size:12px;white-space:nowrap;transition:color .2s,background .2s}.chapter-nav a:hover{color:#d6e9ff}.chapter-nav a[aria-current]{color:#eef7ff;background:#41638932}.nav-number{font-size:10px;letter-spacing:.03em;color:#5c7c9f}.chapter-nav a[aria-current] .nav-number{color:#8fccff}.journey-progress{height:2px;position:absolute;bottom:0;left:18px;right:18px;background:#20375144;overflow:hidden}.journey-progress span{display:block;transform-origin:left;width:100%;height:100%;background:#95d0ff;transform:scaleX(0)}.experience-meta{position:fixed;bottom:12px;left:4vw;right:4vw;z-index:20;display:flex;justify-content:space-between;align-items:center;color:#637e99;font-size:10px;letter-spacing:.02em}.experience-meta span:first-child{font-size:9px;letter-spacing:.13em}.experience-meta button{background:transparent;color:#7894ae;padding:0;font-size:10px}.experience-meta button:hover{color:white}.experience-meta button[aria-pressed=true]{color:#acd4f9}#questions-dialog{padding:50px;width:min(660px,calc(100vw - 32px));background:#f8fbff}#questions-dialog h2{font-size:36px;margin-bottom:30px}#questions-dialog .close-dialog{background:#e4ebf4;color:#354f70}#questions-dialog .eyebrow{color:#577694}#questions-dialog summary{font-size:16px}.faq-contact{display:block;font-size:14px;margin-top:30px;color:#466d99}dialog .button{display:inline-flex;align-items:center;justify-content:center;background:var(--navy);color:white;gap:22px;border-radius:5px;padding:16px 23px;font-weight:550}dialog .eyebrow{color:#52779b}dialog .eyebrow.light{color:#81a7ce}
@media(min-width:1600px){.scene-copy{max-width:580px}.intro-side{max-width:330px}.intro-side p{font-size:20px}.scene-copy>p:not(.chapter-kicker){font-size:19px}}
@media(max-width:1000px){.header-note{font-size:9px}.journey-header{padding:20px 28px}.chapter-nav a{padding:12px 10px;font-size:11px;gap:7px}.scene-copy{width:39%}.scene-copy h2{font-size:45px}.scene-copy>p:not(.chapter-kicker){font-size:16px}.scene-copy .chapter-kicker{font-size:10px}.intro-side{bottom:25%;width:24%}.intro-side p{font-size:15px}.intro-left{left:5%}.intro-right{right:5%}.intro-title h1{font-size:63px}.intro-title{top:15%}.intro-title .chapter-kicker{font-size:10px}.route-title{top:16%}.route-title h2{font-size:55px}.routing-labels>span{font-size:12px;padding:11px}.scene-copy.copy-left{left:6%}.scene-copy.copy-right{left:57%}}
@media(max-width:700px){.journey-header{padding:16px 22px}.journey-brand img{width:101px}.header-note{display:none}.journey-book{font-size:12px;min-height:39px;padding:10px 15px;gap:12px}.journey-book svg{width:15px;height:15px}.chapter-nav{bottom:37px;max-width:calc(100vw - 28px);width:calc(100vw - 28px);justify-content:space-between;padding:6px 7px 9px;border-radius:12px}.chapter-nav a{padding:10px;min-width:37px;justify-content:center;gap:0;font-size:11px}.nav-title{display:none}.chapter-nav a[aria-current] .nav-title{display:inline;margin-left:7px}.nav-number{font-size:10px}.experience-meta{left:20px;right:20px;font-size:9px;bottom:12px}.experience-meta button{font-size:9px}.experience-meta span:first-child{font-size:8px}.intro-title{top:14%;left:5%;width:90%}.intro-title .chapter-kicker{font-size:9px;letter-spacing:.14em;margin-bottom:17px}.intro-title h1{font-size:clamp(36px,8.6vw,55px);line-height:1.1;letter-spacing:-.045em}.intro-left{left:7%;bottom:15%;width:60%;max-width:none}.intro-left .tiny-label{display:none}.intro-left p{font-size:13px;line-height:1.6;margin:0}.intro-right{right:7%;bottom:15%;width:auto}.intro-right>p{display:none}.intro-right .round-link{font-size:0;gap:0}.intro-right .round-link span{font-size:20px;width:36px;height:36px}.intro-note{display:none}.scene-copy,.scene-copy.copy-right,.scene-copy.copy-left{left:7%;top:14%;transform:none;width:86%;max-width:100%;text-align:left}.chapter-kicker,.scene-copy .chapter-kicker{font-size:9px;letter-spacing:.12em;margin:0 0 13px}.scene-copy h2{font-size:clamp(32px,8.5vw,50px);line-height:1.06}.scene-copy h2 br{display:none}.scene-copy h2 br::after{content:' '}.scene-copy h2 em{display:block;margin-top:3px}.scene-copy>p:not(.chapter-kicker){font-size:14px;line-height:1.55;margin:16px 0;max-width:100%}.scene-copy .copy-detail{display:none}.chapter-consumer .scene-next{position:fixed;top:66svh;right:0;font-size:12px;padding:8px 0}.device-label{font-size:8px;bottom:15%;letter-spacing:.13em}.consumer-label{left:7%;width:auto}.agent-label{left:7%;width:auto;right:auto}.route-title{top:14%;left:7%;width:86%;text-align:left}.route-title h2{font-size:clamp(38px,10vw,53px)}.route-title>p:last-child{font-size:14px;margin-top:15px;line-height:1.6}.routing-labels{top:49%;display:flex;gap:7px;justify-content:center;width:100%}.routing-labels>span{font-size:10px;gap:6px;padding:9px}.routing-labels svg{width:13px;height:13px}.routing-endpoints{left:14%;right:14%;bottom:19%;font-size:8px}.route-next{bottom:14%;font-size:12px}.answer-action{font-size:13px;gap:10px;padding:13px 18px;position:fixed;top:63svh;left:0}.answer-action svg{width:17px;height:17px}.action-note{position:fixed;top:69svh;left:0;font-size:10px}.chapter-answer .scene-copy>p:not(.chapter-kicker){max-width:88%}.chapter-answer .scene-copy>p:not(.chapter-kicker) br{display:none}.recordings-note{position:fixed;top:57svh;left:0;max-width:45%;display:block;padding-top:16px;margin:0}.recordings-note>svg{margin:0 0 8px}.recordings-note strong{font-size:12px}.recordings-note span{font-size:10px;line-height:1.6;max-width:135px}.chapter-stories .scene-next{position:fixed;top:66svh;left:0;font-size:12px;max-width:45%;line-height:1.4;gap:8px}.story-label{right:7%;left:auto;width:45%;bottom:15%;line-height:1.5}.chapter-demo .scene-copy h2{font-size:39px}.chapter-demo .scene-copy>p:not(.chapter-kicker){max-width:100%;font-size:14px}.journey-primary{position:fixed;top:50svh;left:0;font-size:13px;padding:13px 18px;gap:10px;min-height:46px}.demo-duration{position:fixed;top:56svh;left:0;font-size:10px}.questions-link{position:fixed;top:61svh;left:0;margin:0;font-size:12px;max-width:42%;text-align:left;line-height:1.5}.questions-link span{padding-left:7px}.demo-device-label{right:3%;width:45%;font-size:8px;bottom:15%;line-height:1.5}#questions-dialog{padding:38px 25px}#questions-dialog h2{font-size:29px}#questions-dialog summary{font-size:15px}#questions-dialog details p{font-size:15px}.chapter-nav .journey-progress{left:13px;right:13px}}
@media(max-width:700px) and (max-height:750px){.intro-title{top:14%}.intro-title h1{font-size:35px}.scene-copy,.scene-copy.copy-right,.scene-copy.copy-left,.route-title{top:13%}.scene-copy h2{font-size:32px}.scene-copy>p:not(.chapter-kicker){font-size:13px;margin-top:12px}.route-title h2{font-size:38px}.route-title>p:last-child{font-size:13px}.chapter-demo .scene-copy h2{font-size:33px}.chapter-demo .scene-copy>p:not(.chapter-kicker){font-size:13px}.chapter-nav{bottom:34px}.intro-left p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.chapter{will-change:auto}}
/* Legible navigation and clearances around the physical devices. */
.header-note,.tiny-label,.device-label,.chapter-kicker,.scene-copy .chapter-kicker,.intro-title .chapter-kicker{font-size:12px}.header-note{letter-spacing:.09em}.chapter-nav a,.nav-number{font-size:12px}.chapter-nav a{padding:12px}.experience-meta,.experience-meta span:first-child,.experience-meta button{font-size:12px}.experience-meta span:first-child{letter-spacing:.06em}.device-label{bottom:11.8%;font-size:11px}.routing-endpoints{top:44%;bottom:auto;left:16%;right:16%;font-size:11px}.route-next{bottom:12.8%}.chapter-nav{bottom:37px}.chapter-kicker{letter-spacing:.13em}
@media(max-width:1000px){.header-note{font-size:10px}.chapter-nav a{padding:12px 10px}.device-label{font-size:10px}.intro-title .chapter-kicker{font-size:12px}.scene-copy .chapter-kicker{font-size:11px}}
@media(max-width:700px){.chapter-kicker,.scene-copy .chapter-kicker,.intro-title .chapter-kicker{font-size:11px}.chapter-nav a{padding:10px 7px;font-size:12px}.nav-number{font-size:11px}.experience-meta,.experience-meta span:first-child,.experience-meta button{font-size:10px}.device-label{bottom:15%;font-size:9px}.routing-endpoints{top:53%;bottom:auto;left:14%;right:14%;font-size:10px}.route-next{bottom:14%}.chapter-consumer .scene-next{right:7vw}.answer-action,.action-note,.recordings-note,.chapter-stories .scene-next,.journey-primary,.demo-duration,.questions-link{left:7vw}.consumer-label,.agent-label{display:none}.intro-title h1{font-size:clamp(35px,8.5vw,52px)}.recordings-note{max-width:40%}.scene-copy>p:not(.chapter-kicker){font-size:16px}.scene-copy .copy-detail{font-size:14px}.route-title>p:last-child{font-size:16px}.chapter-demo .scene-copy>p:not(.chapter-kicker){font-size:16px}}
@media(max-width:700px) and (max-height:750px){.scene-copy>p:not(.chapter-kicker),.chapter-demo .scene-copy>p:not(.chapter-kicker),.route-title>p:last-child{font-size:14px}.intro-title .chapter-kicker{font-size:10px}}
.no-webgl .scene-copy{width:min(80%,640px);left:10%}.no-webgl .intro-side{bottom:32%}.no-webgl .routing-labels{top:62%}.no-webgl .device-label,.no-webgl .routing-endpoints{display:none}
.device-label{display:none}.scene-copy .copy-detail{color:#93abc3!important}.experience-meta,.experience-meta button{color:#8ca4bc}.no-webgl .chapter-stories .scene-copy{max-width:640px}
@media(max-width:700px){.chapter-consumer .scene-next{top:79svh;font-size:14px}.recordings-note{position:static;display:flex;max-width:100%;padding-top:14px;margin-top:18px;gap:13px}.recordings-note>svg{margin:2px 0 0;width:20px;height:20px}.recordings-note strong{font-size:13px}.recordings-note span{font-size:12px;max-width:none}.chapter-stories .scene-next{top:79svh;font-size:13px;max-width:85%;white-space:nowrap}.answer-action{max-width:46%;font-size:13px;text-align:left;line-height:1.5}.chapter-answer .action-note{max-width:40%;line-height:1.5}}
@media(max-width:700px){.routing-labels>span{font-size:12px;padding:10px 8px}.routing-labels{gap:7px}}

/* Genuine agent recording, integrated with the existing call journey. */
.story-shortcut{display:inline-flex;align-items:center;gap:9px;color:#d9eeff;background:none;padding:8px 0;font-size:14px;border-bottom:1px solid #729dbe70}.story-shortcut>span{font-size:20px}.story-shortcut:hover{color:#fff;border-color:#b6dfff}.story-watch{display:flex;align-items:center;gap:16px;text-align:left;background:#122a43;color:#f2f8ff;border:1px solid #6c9fc866;padding:17px 22px;border-radius:12px;font-size:17px;margin:27px 0 14px;min-height:75px}.story-play{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;background:#93ceff;color:#10263e;font-size:26px}.story-watch small{display:block;font-size:14px;font-weight:400;color:#b2cbe0;margin-top:5px}.story-watch:hover{background:#1a3959;border-color:#93ceff}.story-shortcut:focus-visible,.story-watch:focus-visible,.story-close:focus-visible{outline:3px solid #a9ddff;outline-offset:5px}#james-dialog{padding:0;background:#091321;color:#f2f8ff;border:1px solid #37516b;border-radius:18px;width:min(460px,calc(100vw - 28px));max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 28px 100px #0009}#james-dialog::backdrop{background:#020812e8;backdrop-filter:blur(9px)}.story-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px}.story-dialog-header h2{font-size:17px;line-height:1.4;letter-spacing:-.02em;margin:0;font-weight:500}.story-dialog-header p{font-size:14px;color:#9fb8cf;margin:4px 0 0}.story-close{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;flex-shrink:0;background:#23374e;color:#fff;font-size:27px}#james-video{display:block;width:100%;max-height:calc(100dvh - 155px);aspect-ratio:9/16;background:#000;object-fit:contain}.story-playback-status:empty{display:none}.story-playback-status{font-size:14px;padding:0 20px 15px;margin:0;color:#b2cbe0}
@media(max-width:700px){.intro-left{bottom:16%;width:65%}.intro-left p{font-size:16px;line-height:1.5}.story-shortcut{font-size:14px;padding:7px 0;margin-top:7px}.story-watch{margin-top:20px;padding:13px 16px;font-size:16px;min-height:65px;gap:12px}.story-watch small{font-size:14px}.story-play{width:34px;height:34px;font-size:23px}.chapter-stories .scene-copy>p:not(.chapter-kicker){margin:14px 0;max-width:350px}.chapter-stories .scene-copy h2{font-size:36px}.chapter-stories .scene-copy h2 br{display:none}.chapter-stories .scene-copy h2 em{display:inline}.chapter-stories .scene-next{top:79svh}.story-dialog-header{padding:14px 16px}.story-dialog-header h2{font-size:16px}}
@media(max-width:700px) and (max-height:750px){.chapter-stories .scene-copy h2{font-size:32px}.chapter-stories .scene-copy>p:not(.chapter-kicker){font-size:14px;margin:10px 0}.story-watch{padding:10px 14px;min-height:56px;margin-top:12px}.story-watch small{font-size:12px}.intro-left p{font-size:14px}.intro-left{bottom:16%}}

/* One featured agent in the persistent 3D phone, with compact story selection. */
.stories-layout{position:absolute;left:52%;top:49%;transform:translateY(-50%);width:42%;max-width:630px}
.stories-heading .chapter-kicker{margin:0 0 14px}
.stories-heading h2{font-size:clamp(35px,4.35vw,65px);line-height:1.05;margin:0}
.story-feature{margin-top:26px}
.story-quote{margin:0;max-width:520px;font-size:clamp(19px,1.8vw,27px);line-height:1.5;font-weight:400;letter-spacing:-.02em;color:#d0e2f2}
#story-quote-short{display:none}
.story-feature-person{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin-top:16px}
.story-feature-person strong{font-size:17px;font-weight:550;color:#f1f8ff}
.story-feature-person>span{font-size:13px;color:#95b1c9}
.story-feature-watch{display:inline-flex;align-items:center;gap:12px;min-height:58px;padding:10px 18px 10px 10px;margin-top:20px;color:#eef7ff;border:1px solid #8bc6f463;border-radius:100px;background:#17324b;text-align:left;font-size:14px;line-height:1.35;transition:background .2s,border-color .2s}
.story-feature-watch:hover{background:#234563;border-color:#b3defb}
.story-feature-play{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#c6e7ff;color:#0c2238;font-size:23px}
.story-feature-watch small{display:block;margin-top:3px;font-size:11px;font-weight:400;color:#b1cadf}
.stories-collection{margin-top:28px;padding-top:17px;border-top:1px solid #759db836}
.stories-collection-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:11px}
.stories-collection-label{font-size:10px;letter-spacing:.15em;color:#85a4bd}
.gallery-navigation{display:flex;align-items:center;gap:10px}
.gallery-navigation button{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #8fc4ec36;background:#10263b;color:#d4ebfe;font-size:17px}
.gallery-navigation span{font-size:11px;white-space:nowrap;color:#a9c1d7;font-variant-numeric:tabular-nums}
.gallery-navigation button:disabled,.story-player-navigation button:disabled{opacity:.35;cursor:default}
.stories-gallery{position:relative;display:flex;gap:9px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#294c68 transparent;padding:3px 3px 8px;margin:-3px -3px 0;pointer-events:auto}
.story-card-item{flex:0 0 calc((100% - 18px)/3);min-width:122px;scroll-snap-align:start}
.story-card{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:7px;border:1px solid #40627e66;border-radius:10px;background:#0c1c2d;color:#e7f3ff;text-align:left;min-height:67px;transition:background .2s,border-color .2s}
.story-card:hover{background:#193248;border-color:#89bee9}
.story-card[aria-pressed=true]{background:#18334d;border-color:#a7d9ff;box-shadow:inset 0 0 0 1px #a7d9ff20}
.story-card-poster{display:block;flex-shrink:0;width:35px;height:49px;object-fit:cover;object-position:50% 30%;border-radius:5px}
.story-card-caption{display:block;min-width:0}
.story-card-name{display:block;font-size:13px;font-weight:550;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.story-card-role{display:block;font-size:10px;line-height:1.35;color:#a4bfd6;margin-top:4px}
.story-card-number{position:absolute;right:8px;top:6px;color:#7e9eb8;font-size:8px;font-variant-numeric:tabular-nums}
.stories-preview-note{font-size:11px;line-height:1.5;color:#819db6;margin:8px 0 0;letter-spacing:0}
.chapter-stories .story-demo-link{position:static;top:auto;left:auto;margin-top:14px;padding:8px 0;font-size:12px;max-width:none;white-space:normal}
.story-device-fallback{display:none}
.no-webgl .story-device-fallback{display:block;position:absolute;left:12%;top:50%;transform:translateY(-50%);width:min(29vw,310px);height:min(67svh,580px);padding:8px;border:2px solid #728aa0;border-radius:38px;background:#07101c;overflow:hidden;box-shadow:0 20px 60px #0008}
.story-device-fallback img{display:block;width:100%;height:100%;object-fit:cover;border-radius:28px}
.story-device-fallback>span{position:absolute;display:grid;place-items:center;left:50%;top:72%;transform:translate(-50%,-50%);width:55px;height:55px;border-radius:50%;background:#e3f3ff;color:#18324a;font-size:32px}
.story-feature-watch:focus-visible,.story-card:focus-visible,.gallery-navigation button:focus-visible,.story-player-navigation button:focus-visible,.story-device-fallback:focus-visible{outline:3px solid #a9ddff;outline-offset:4px}
.story-player-footer{padding:14px 18px 17px;border-top:1px solid #3c58743d;background:#091321}
.story-player-navigation{display:flex;justify-content:space-between;align-items:center;gap:14px}
.story-player-navigation button{display:inline-flex;align-items:center;gap:9px;padding:9px 12px;background:#20364c;color:#ebf7ff;border:1px solid #5674914d;border-radius:8px;font-size:13px}
.story-player-navigation>span{font-size:12px;color:#b3c8dc;white-space:nowrap;font-variant-numeric:tabular-nums}
#story-preview-context{font-size:11px;line-height:1.5;text-align:center;color:#94adc5;margin:13px 0 0}
#james-video{max-height:calc(100dvh - 232px)}
.story-playback-status{padding-top:0;font-size:13px}
@media(min-width:701px) and (max-height:780px){.stories-layout{top:48%}.stories-heading h2{font-size:clamp(34px,3.4vw,50px)}.stories-heading .chapter-kicker{margin-bottom:10px}.story-feature{margin-top:18px}.story-quote{font-size:20px;line-height:1.4}.story-feature-person{margin-top:12px}.story-feature-watch{margin-top:14px;min-height:52px}.stories-collection{margin-top:18px;padding-top:12px}.stories-collection-head{margin-bottom:8px}.chapter-stories .story-demo-link{margin-top:8px}}
@media(min-width:701px) and (max-width:1000px){.stories-layout{left:49%;width:46%}.stories-heading h2{font-size:42px}.story-quote{font-size:19px}.story-card-item{min-width:107px}.story-card{gap:7px}.story-card-poster{width:30px;height:43px}.story-card-name{font-size:12px}.story-card-role{font-size:9px}.story-card-number{display:none}}
@media(max-width:700px){
 .stories-layout{inset:0;width:auto;max-width:none;transform:none}
 .stories-heading{position:absolute;left:7%;top:13svh;width:86%}
 .stories-heading .chapter-kicker{font-size:10px;margin-bottom:10px}
 .stories-heading h2{font-size:clamp(30px,8.1vw,39px);line-height:1.06}
 .stories-heading h2 br{display:none}
 .stories-heading h2 em{display:block;margin-top:3px}
 .story-feature{position:absolute;left:54%;top:33svh;width:39%;margin:0}
 .story-quote{font-size:clamp(15px,4.1vw,18px);line-height:1.45;letter-spacing:-.015em}
 #story-quote-full{display:none}
 #story-quote-short{display:inline}
 .story-feature-person{display:block;margin-top:14px}
 .story-feature-person strong{display:block;font-size:15px}
 .story-feature-person>span{display:block;font-size:11px;line-height:1.5;margin-top:3px}
 .story-feature-watch{gap:8px;font-size:12px;padding:8px 10px 8px 7px;min-height:48px;margin-top:16px;border-radius:12px;width:100%}
 .story-feature-play{width:27px;height:27px;font-size:19px}
 .story-feature-watch small{font-size:10px;line-height:1.4;margin-top:3px}
 .stories-collection{position:absolute;left:7%;bottom:108px;width:86%;padding-top:10px;margin:0;border-color:#759db82b}
 .stories-collection-head{margin-bottom:8px}
 .stories-collection-label{font-size:9px}
 .gallery-navigation{gap:9px}
 .gallery-navigation button{width:30px;height:30px}
 .gallery-navigation span{font-size:10px}
 .stories-gallery{gap:7px;padding-bottom:3px}
 .story-card-item{flex-basis:calc((100% - 14px)/3);min-width:91px}
 .story-card{gap:6px;padding:6px;min-height:52px;border-radius:8px}
 .story-card-poster{width:25px;height:36px;border-radius:4px}
 .story-card-name{font-size:11px}
 .story-card-role{font-size:8px;margin-top:3px}
 .story-card-number{display:none}
 .stories-preview-note{font-size:10px;line-height:1.4;margin:7px 0 0;max-width:100%}
 .chapter-stories .story-demo-link{display:none}
 .no-webgl .story-device-fallback{left:8%;top:46.75%;height:min(40svh,284px);width:36%;border-radius:23px;padding:5px}
 .story-device-fallback img{border-radius:16px}
 .story-device-fallback>span{width:38px;height:38px;font-size:25px}
 .story-player-navigation button{min-height:40px;padding:8px 10px;font-size:12px}
}
@media(max-width:700px) and (max-height:720px){
 .stories-heading{top:13svh}.stories-heading h2{font-size:29px}
 .story-feature{top:32svh}.story-quote{font-size:15px;line-height:1.4}
 .story-feature-person{margin-top:11px}.story-feature-watch{margin-top:12px}
 .stories-collection{bottom:103px;padding-top:0;border:0}
 .stories-collection-head{margin-bottom:5px}.stories-collection-label{font-size:8px}
 .gallery-navigation button{width:26px;height:26px}.stories-preview-note{font-size:9px;margin-top:6px}
}
@media(prefers-reduced-motion:reduce){.story-card,.story-feature-watch{transition:none}}

/* A bounded desktop stage: fit both wide monitors and short laptop windows. */
@media(min-width:701px){
 :root{--desktop-stage:min(88vw,1400px)}
 .intro-title{top:clamp(100px,11vh,148px)}
 .intro-title h1{font-size:clamp(42px,min(5.2vw,8.4vh),84px)}
 .intro-side{bottom:25%;width:calc(var(--desktop-stage)*.24);max-width:300px}
 .intro-left{left:calc((100% - var(--desktop-stage))/2)}
 .intro-right{right:calc((100% - var(--desktop-stage))/2)}
 .intro-side p{font-size:clamp(15px,1.2vw,18px)}
 .scene-copy,.scene-copy.copy-left,.scene-copy.copy-right{top:var(--desktop-center,48%);width:calc(var(--desktop-stage)*.43);max-width:580px}
 .scene-copy.copy-left{left:calc((100% - var(--desktop-stage))/2 + var(--desktop-stage)*.02)}
 .scene-copy.copy-right{left:calc(50% + var(--desktop-stage)*.06)}
 .scene-copy h2{font-size:clamp(36px,min(4.5vw,7.5vh),70px)}
 .scene-copy>p:not(.chapter-kicker){font-size:clamp(15px,1.25vw,18px);margin:20px 0;line-height:1.6}
 .scene-copy .chapter-kicker{margin-bottom:17px}
 .route-title{top:clamp(100px,11vh,148px)}
 .route-title h2{font-size:clamp(40px,min(4.5vw,7vh),68px)}
 .route-title .chapter-kicker{margin-bottom:14px}
 .route-title>p:last-child{margin:15px 0 0}
 .routing-labels{top:var(--route-center,60%)}
 .routing-endpoints{top:var(--route-label-top,44%);left:calc(50% - var(--desktop-stage)*.34);right:calc(50% - var(--desktop-stage)*.34)}
 .stories-layout{left:calc(50% + var(--desktop-stage)*.03);top:var(--desktop-center,48%);width:calc(var(--desktop-stage)*.46);max-width:620px}
 .stories-heading h2{font-size:clamp(34px,min(4.2vw,6.6vh),62px)}
 .story-quote{font-size:clamp(19px,min(1.8vw,2.8vh),25px)}
}
@media(min-width:701px) and (max-height:900px){
 .stories-heading .chapter-kicker{margin-bottom:10px}
 .story-feature{margin-top:17px}.story-quote{line-height:1.4}
 .story-feature-person{margin-top:12px}.story-feature-watch{margin-top:13px;min-height:50px}
 .stories-collection{margin-top:17px;padding-top:11px}.stories-collection-head{margin-bottom:8px}
 .chapter-stories .story-demo-link{margin-top:8px}
 .questions-link{margin-top:18px}
}
@media(min-width:701px) and (max-height:650px){
 .intro-title{top:91px}.intro-title h1{font-size:42px}
 .scene-copy h2{font-size:36px}.scene-copy>p:not(.chapter-kicker){font-size:14px;margin:14px 0}
 .scene-copy .copy-detail{margin:14px 0!important}.chapter-kicker{margin-bottom:10px!important}
 .stories-heading h2{font-size:32px}.story-quote{font-size:18px}
 .story-feature{margin-top:12px}.story-feature-person{margin-top:9px}
 .story-feature-watch{margin-top:10px;min-height:45px}.stories-collection{margin-top:12px;padding-top:8px}
 .chapter-stories .story-demo-link{padding:8px 0}
 .route-title{top:91px}.route-title h2{font-size:40px}.route-title>p:last-child{font-size:14px}
}

/* Preserve the original navy/blue logo against the dark site. */
.journey-brand{background:#f8fbff;padding:7px 10px;border-radius:10px;box-shadow:0 0 0 1px #d7e5f033}
.journey-brand img{display:block;height:auto}
.booking-shell-head img{background:#f8fbff;padding:7px 9px;border-radius:8px;box-sizing:content-box}
@media(max-width:700px){.journey-brand{padding:6px 8px;border-radius:8px}}

.experience-meta a{color:inherit;text-decoration:underline;text-underline-offset:3px}