/* Sea > fleet > radar > twin: one coordinate space throughout the transition. */
.blue-word{color:#2997ff}.tour-tabs button[aria-selected=true]{background:#ededf0;color:#1d1d1f}.contact-arrow{border-color:#d2d2d7}
.journey{background:#f5f5f7;padding:0;position:relative;margin-bottom:0}.journey-sticky{padding:52px 0 40px}.journey-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px}.journey-heading .eyebrow{color:#6e6e73;margin-bottom:12px}.journey h2{font-size:clamp(32px,3.8vw,52px);font-weight:600;line-height:1.1;letter-spacing:-.045em}.journey-skip{display:flex;align-items:center;gap:14px;font-size:13px;min-height:44px;white-space:nowrap}.journey-skip svg{width:17px}
.journey-screen{position:relative;aspect-ratio:1672/941;overflow:hidden;background:#090909;color:#fff;border-radius:24px;isolation:isolate;container-type:inline-size}
.journey-photo{position:absolute;inset:0;transform-origin:50.2% 48.7%;transform:scale(var(--sea-scale,3.6));opacity:var(--sea-opacity,1);will-change:transform,opacity}.journey-photo img{width:100%;height:100%;object-fit:cover;max-width:none;filter:saturate(.42)}
.journey-photo-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 40%);opacity:var(--sea-opacity,1)}
.journey-radar{position:absolute;inset:0;opacity:var(--radar-opacity,0);transform:scale(var(--radar-scale,1));transform-origin:50.2% 48.7%;will-change:transform,opacity;background:radial-gradient(ellipse at 50.2% 48.7%,#171b1b,#090909 80%)}
.journey-radar>svg{position:absolute;inset:0;width:100%;height:100%;max-width:none;stroke:none;fill:none}.radar-rings{stroke:#afc4bf;stroke-width:1;stroke-opacity:.25;fill:none}.radar-rings>*{vector-effect:non-scaling-stroke}.radar-contact-ring{fill:none;stroke:#c9e2da;stroke-width:1;stroke-opacity:.7;vector-effect:non-scaling-stroke}.radar-contact-dot{fill:#dbece6;stroke:none}.radar-contact-track{stroke:#b8d1c8;stroke-opacity:.45;stroke-width:1;vector-effect:non-scaling-stroke;fill:none}
.radar-sweep{position:absolute;width:120%;aspect-ratio:1;left:-9.8%;top:calc(48.7% - 106.67%);transform-origin:center;background:conic-gradient(from 0deg,transparent 0deg,transparent 310deg,#bad3c111 340deg,#d5f0df33 359deg,transparent 360deg);border-radius:50%;animation:radar-turn 8s linear infinite;animation-play-state:paused;pointer-events:none}
.journey.in-view.radar-phase .radar-sweep{animation-play-state:running}@keyframes radar-turn{to{transform:rotate(360deg)}}
.radar-hud{position:absolute;inset:23px 26px auto;display:flex;justify-content:space-between;font-size:10px;font-weight:500;letter-spacing:.06em;color:#c3d2cc;pointer-events:none}
.journey-digital{position:absolute;inset:0;opacity:var(--digital-opacity,0);background:#090909;pointer-events:none}


.digital-label{position:absolute;top:24px;left:28px;font-size:10px;letter-spacing:.04em;opacity:var(--twin-label-opacity,0);color:#aaa}.digital-caption{position:absolute;right:28px;bottom:30px;font-size:11px;color:#aaa;opacity:var(--twin-label-opacity,0)}
.journey-caption{position:absolute;bottom:29px;left:29px;z-index:4;max-width:65%;pointer-events:none}.journey-caption>span{font-size:10px;opacity:.65;display:block;margin-bottom:9px}.journey-caption h3{font-size:clamp(26px,3.6vw,49px);font-weight:550;line-height:1.1;letter-spacing:-.04em}
.journey-focus{position:absolute;top:48.7%;left:50.2%;transform:translate(-50%,-50%);z-index:5;border:0;color:#fff;background:none;font-size:11px;padding:0;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:110px;min-height:75px;cursor:pointer}
.focus-cross{width:40px;height:40px;border:1px solid #fff;border-radius:50%;position:relative;box-shadow:0 0 0 8px #ffffff08}.focus-cross:before,.focus-cross:after{content:'';position:absolute;background:#fff}.focus-cross:before{width:10px;height:1px;left:14px;top:19px}.focus-cross:after{height:10px;width:1px;top:14px;left:19px}
.journey-loading{position:absolute;z-index:6;left:24px;top:22px;background:#151515dd;color:#eee;border-radius:8px;padding:10px 13px;font-size:12px;max-width:calc(100% - 48px)}
.journey-controls{margin-top:18px}.journey-control-row{display:flex;gap:25px;align-items:center}.journey-control-row button{display:flex;align-items:center;gap:10px;padding:10px 17px;border:1px solid #bdbdc2;border-radius:25px;background:transparent;font-size:13px;min-height:44px;white-space:nowrap}.journey-control-row button:hover{background:#e9e9ed}.journey-control-row button>span:first-child{font-size:15px}.journey-control-row label{font-size:12px;color:#6e6e73}.journey-control-row>span{margin-left:auto;font-size:12px;font-variant-numeric:tabular-nums;color:#6e6e73}
#journey-progress{appearance:none;-webkit-appearance:none;display:block;width:100%;height:32px;background:transparent;margin:3px 0 0;cursor:ew-resize;touch-action:pan-y;accent-color:#1d1d1f}#journey-progress::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,#222 calc(var(--progress,0)*1%),#d3d3d7 0)}#journey-progress::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;border:0;background:#222;border-radius:50%;margin-top:-4px;box-shadow:0 0 0 6px #00000006}#journey-progress::-moz-range-track{height:2px;background:#d3d3d7}#journey-progress::-moz-range-progress{height:2px;background:#222}#journey-progress::-moz-range-thumb{width:10px;height:10px;border:0;background:#222;border-radius:50%}
.journey-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.journey-chapters button{display:flex;align-items:center;gap:13px;padding:11px 0;min-height:44px;background:transparent;border:0;color:#6e6e73;font-size:13px;text-align:left}.journey-chapters button>span:first-child{font-size:10px}.journey-chapters button[aria-pressed=true]{color:#1d1d1f;font-weight:600}.journey-note{font-size:10px;color:#74747a;line-height:1.6;text-align:right;margin-top:10px}
@media(min-width:951px) and (min-height:700px){.motion-enabled .journey{height:410svh}.motion-enabled .journey-sticky{position:sticky;top:72px;height:calc(100svh - 72px);min-height:620px;padding-top:24px;padding-bottom:20px;display:flex;flex-direction:column;justify-content:space-between}.motion-enabled .journey-heading{margin-bottom:16px}.motion-enabled .journey-screen{width:min(calc(100% - 112px),calc((100svh - 395px)*1.777));flex-shrink:0}.motion-enabled .journey-controls{margin-top:12px}.motion-enabled .journey h2{font-size:38px}}
@media(max-width:950px){.journey-sticky{padding-top:45px}.journey h2{font-size:36px}.journey-heading{align-items:flex-start}.journey-skip{font-size:12px}.journey-controls{margin-top:16px}.journey-control-row label{font-size:11px}.journey-caption h3{font-size:32px}.digital-caption{font-size:9px;bottom:20px;right:22px}.journey-caption{left:22px;bottom:24px}}
@media(max-width:700px){
  .journey-sticky{padding:36px 0 35px}.journey .wrap{width:calc(100% - 32px)}.journey-heading{gap:18px;margin-bottom:24px}.journey-heading .eyebrow{font-size:11px;margin-bottom:12px;max-width:230px}.journey h2{font-size:30px;line-height:1.12;letter-spacing:-.035em}.journey-skip{min-width:24px;min-height:44px;margin-top:28px}.journey-skip>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.journey-screen{border-radius:18px;aspect-ratio:1672/941}.journey-caption{left:16px;bottom:17px;max-width:90%}.journey-caption>span{font-size:8px;margin-bottom:5px}.journey-caption h3{font-size:22px}.radar-hud{inset:14px 15px auto;font-size:7px;letter-spacing:.03em}.digital-label{left:15px;top:15px;font-size:7px}.digital-caption{display:none}.journey-focus{font-size:9px;gap:7px;min-width:90px;min-height:65px}.focus-cross{width:30px;height:30px}.focus-cross:before{left:9px;top:14px}.focus-cross:after{top:9px;left:14px}.journey-loading{top:10px;left:10px;max-width:calc(100% - 20px);font-size:10px;padding:8px 10px}
  .journey-controls{margin-top:18px}.journey-control-row{gap:10px;flex-wrap:wrap}.journey-control-row button{font-size:12px;min-height:44px}.journey-control-row label{font-size:11px;order:3;flex-basis:100%;line-height:1.5}.journey-control-row>span{font-size:12px}#journey-progress{height:44px;margin-top:2px}.journey-chapters{gap:5px}.journey-chapters button{flex-direction:column;align-items:flex-start;gap:6px;font-size:12px;line-height:1.4;min-height:58px;padding:8px 4px}.journey-chapters button>span:first-child{font-size:10px}.journey-note{font-size:10px;text-align:left;margin-top:14px;line-height:1.65}
}
@media(max-width:379px){.journey h2{font-size:27px}.journey-caption h3{font-size:20px}.journey-chapters button{font-size:11px}.journey-heading .eyebrow{font-size:10px}.journey-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.journey{height:auto!important}.journey-sticky{position:relative!important;height:auto!important;min-height:0!important}.radar-sweep{animation:none!important}.journey-photo{will-change:auto}}



.journey-intro{font-size:14px;line-height:1.5;color:#6e6e73;max-width:650px;margin-top:12px}





.journey.building-twin .journey-caption h3{font-size:clamp(20px,2.5vw,34px)}
@media(max-width:700px){.journey-intro{font-size:12px;line-height:1.6;margin-top:12px}.journey-heading{align-items:flex-start}.digital-caption{display:block;bottom:13px;left:16px;right:auto;font-size:8px}.journey.building-twin .journey-caption{bottom:33px}.journey.building-twin .journey-caption h3{font-size:18px}.journey.building-twin .journey-caption>span{display:none}}

/* The fleet chapter has its own real-time 3D visual language. */
.journey-digital{background:radial-gradient(ellipse at 48% 35%,#15212b 0%,#080c11 67%);pointer-events:none}
.fleet-twin-scene{position:absolute;inset:0;opacity:var(--digital-entry,0);pointer-events:auto;touch-action:pan-y;cursor:grab}
.fleet-twin-scene:active{cursor:grabbing}.fleet-twin-scene>canvas,.fleet-twin-scene>svg{display:block;width:100%;height:100%;max-width:none}
.digital-label,.digital-caption,.digital-orbit-hint{pointer-events:none;z-index:2}
.digital-orbit-hint{position:absolute;right:26px;top:25px;color:#94a7b1;font-size:9px;opacity:var(--twin-label-opacity,0)}
.journey.building-twin .journey-caption{max-width:62%;pointer-events:none}
.journey.building-twin .digital-caption{color:#a8c2ce}
@media(max-width:700px){.digital-orbit-hint{top:28px;right:auto;left:15px;font-size:7px}.journey.building-twin .journey-caption h3{font-size:17px}.journey.building-twin .journey-caption{max-width:95%}.journey-digital{background:radial-gradient(ellipse at 48% 30%,#182831,#080c11 75%)}}
