.depth-edition .motion-hero{--hero-drift: 0px; --hero-scale: 1.035;}
.depth-edition .hero-film{inset: -30px 0; transform: translate3d(0,var(--hero-drift),0) scale(var(--hero-scale)); transform-origin: 50% 40%;}
.depth-edition .hero-film::after{background: linear-gradient(90deg,#251a37c9,transparent 80%),linear-gradient(0deg,#2a203dc9,transparent 48%);}
.air-path{position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: .35; transform: translate3d(0,calc(var(--hero-drift) * -.4),0);}
.air-path svg{width: 100%; height: 100%; fill: none; stroke: #efce91; stroke-width: 1;}
.air-path .air-path-faint{stroke: #e3c7eb; opacity: .3;}
.air-path .air-path-arrow{stroke-width: 2;}
.depth-edition .motion-grid{z-index: 1;}
.depth-edition .hero-controls{z-index: 3;}
.flight-traffic{position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none;}
.flight-lane{position: absolute; left: 0; right: 0; height: 20px;}
.flight-east{top: 28px; transform: translateX(var(--arrow-scroll,0px));}
.flight-west{bottom: 85px; transform: translateX(calc(var(--arrow-scroll,0px) * -1));}
.flight-arrow{position: absolute; left: -160px; display: flex; align-items: center; width: 160px; height: 20px; color: #fff5e7; opacity: 0;}
.flight-arrow>span{height: 1px; flex: 1; background: linear-gradient(90deg,transparent,#fff1dba6);}
.flight-arrow svg{width: 18px; height: 18px; fill: currentColor; filter: drop-shadow(0 0 5px #f6dfb577);}
.flight-west .flight-arrow{left: auto; right: -160px; flex-direction: row-reverse; color: #eadcec;}
.flight-west .flight-arrow>span{background: linear-gradient(90deg,#eadaefa6,transparent);}
.flight-west svg{transform: rotate(180deg);}
.motion-hero[data-flight-ready=true] .flight-east .flight-arrow{animation: hatArrowEast 12s linear -1s 1 both;}
.motion-hero[data-flight-ready=true] .flight-west .flight-arrow{animation: hatArrowWest 13s linear .6s 1 both;}
.motion-hero[data-flight-paused=true] .flight-arrow{animation-play-state: paused !important;}
.motion-hero[data-flight-static=true] .flight-arrow{display: none;}
@keyframes hatArrowEast { 
  0% {transform: translate3d(0,0,0); opacity: 0;} 
  12%,85% {opacity: .7;} 
  100% {transform: translate3d(calc(100vw + 320px),0,0); opacity: 0;} 
}
@keyframes hatArrowWest { 
  0% {transform: translate3d(0,0,0); opacity: 0;} 
  12%,85% {opacity: .6;} 
  100% {transform: translate3d(calc(-100vw - 320px),0,0); opacity: 0;} 
}
.journey-depth{background: #e9e2ea; color: #392a43; position: relative; padding: 58px max(24px,calc((100% - 1256px)/2)) 20px; --world-scale: .8; --camera-x: 57deg; --camera-z: -28deg; --route-offset: 0; --car-x: 506px; --car-y: 201px; --car-angle: -68deg;}
.depth-heading{position: relative; padding-bottom: 24px; border-bottom: 1px solid #cbbccd;}
.depth-heading h2{font-size: clamp(38px,4.2vw,58px); letter-spacing: -.055em; line-height: 1.07; margin: 15px 0 18px;}
.depth-heading h2 em{color: #88688e; font-style: normal;}
.depth-heading-bottom{display: flex; align-items: end; justify-content: space-between; gap: 24px;}
.depth-heading-bottom p{font-size: 16px; line-height: 1.8; color: #725c7a;}
.depth-toggle{background: transparent; border: 1px solid #9c819f; border-radius: 30px; padding: 11px 17px; color: #5a3e63; font-size: 11px; min-height: 44px; flex-shrink: 0;}
.journey-layout{display: grid; grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr); column-gap: 30px; align-items: start;}
.journey-note{position: relative; min-height: 210px; display: flex; flex-direction: column; justify-content: flex-start; padding: 26px 20px 26px 0; border-bottom: 1px solid #cbbccd70;}
.journey-number{position: absolute; top: 35px; left: -4px; color: #b9a2bd24; letter-spacing: -.08em; font-size: 175px; line-height: 1; font-weight: 600; pointer-events: none;}
.journey-note .section-kicker{position: relative; margin-bottom: 12px; color: #705675;}
.journey-note h3{position: relative; font-size: clamp(26px,2.35vw,34px); line-height: 1.14; letter-spacing: -.045em; max-width: 400px; margin: 0 0 12px;}
.journey-note>p:not(.section-kicker){max-width: 345px; color: #755e7e; font-size: 14px; line-height: 1.75;}
.journey-facts{font-size: 10px; line-height: 1.8; color: #927199; margin-top: 27px; letter-spacing: .3px;}
.journey-note .text-link{align-self: start;}
.journey-notes{position: relative; z-index: 1;}
.world-sticky{position: sticky; top: 40px; align-self: start; min-width: 0; padding-top: 16px;}
.world-viewport{height: 440px; position: relative; isolation: isolate;}
.world-halo{position: absolute; inset: 14% -10% 0; background: radial-gradient(ellipse,#b6a0be6b,transparent 67%); pointer-events: none;}
.world-camera{position: absolute; inset: 0; perspective: 1400px; perspective-origin: 50% 45%;}
.world{position: absolute; left: 50%; top: 50%; width: 660px; height: 440px; margin-left: -330px; margin-top: -220px; transform-style: preserve-3d; transform: scale(var(--world-scale)) rotateX(var(--camera-x)) rotateZ(var(--camera-z)); transform-origin: 50% 50%;}
.world-base{position: absolute; inset: -3px; background: #9a81a5; border-radius: 32px; transform: translateZ(-15px); box-shadow: 0 35px 60px #42294c40;}
.ground{position: absolute; inset: 0; background: linear-gradient(135deg,#f3edf5,#e5d9e9 65%,#cbb9d4); border: 1px solid #fcf8ff; border-radius: 30px; transform: translateZ(-1px); overflow: hidden;}
.apron-lines{position: absolute; left: 26px; top: 18px; width: 290px; height: 45px; background: repeating-linear-gradient(90deg,transparent 0 33px,#b8a3c04d 33px 35px,transparent 35px 66px); border-block: 1px solid #baa5c054;}
.road-plane{position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; fill: none;}
.road{stroke: #c5b3cc; stroke-width: 53; stroke-linecap: round;}
.road-edge{stroke: #f1e9f5; stroke-width: 1.5; stroke-dasharray: 7 8;}
.road-route{stroke: #d49b2c; stroke-width: 4; stroke-dasharray: 1000; stroke-dashoffset: var(--route-offset); stroke-linecap: round;}
.ground-label{position: absolute; font-size: 11px; font-weight: 600; letter-spacing: 3px; color: #87668e;}
.label-arrivals{left: 100px; top: 151px; transform: translateZ(1px);}
.label-onward{left: 365px; top: 344px;}
.ground-ring{position: absolute; width: 18px; height: 18px; border: 2px solid #bf8c38; border-radius: 50%; background: #e8bd6677;}
.ring-start{left: 144px; top: 231px;}
.ring-end{left: 519px; top: 185px;}
.solid{position: absolute; left: var(--x); top: var(--y); width: var(--w); height: var(--d); transform: translateZ(var(--z)); transform-style: preserve-3d;}
.face{position: absolute; box-sizing: border-box; backface-visibility: visible;}
.face-top{inset: 0; background: #d4c0dd; transform: translateZ(var(--h)); border: 1px solid #f9f3fc;}
.face-front,.face-back{width: var(--w); height: var(--h); transform: rotateX(90deg); transform-origin: top left; background: linear-gradient(0deg,#b299bb,#8e709c); border: 1px solid #a991b4;}
.face-front{top: var(--d);}
.face-back{top: 0;}
.face-left,.face-right{width: var(--d); height: var(--h); transform: rotateZ(90deg) rotateX(90deg); transform-origin: top left; background: #9b7ea7; border: 1px solid #af98ba;}
.face-right{left: var(--w);}
.terminal .face-front,.gate-wing .face-front{background: repeating-linear-gradient(90deg,transparent 0 17px,#d2b4d7 17px 19px),linear-gradient(0deg,#634d7299 2%,#a08baaa6 48%,#e6be8caf 49%,#cfa07c 52%,#8b789ca6 53%); border-color: #ba9dc3;}
.terminal .face-left,.terminal .face-right{background: repeating-linear-gradient(90deg,#745e858c 0 18px,#b79cc3 18px 20px);}
.terminal .face-top{background: #f3edf5; border-color: white;}
.roof-word{position: absolute; top: 18px; left: 19px; color: #91739f; letter-spacing: 5px; font-size: 28px; font-weight: 600;}
.roof-grid{position: absolute; right: 20px; top: 15px; width: 89px; height: 54px; background: repeating-linear-gradient(90deg,transparent 0 11px,#d8c7e0 11px 13px),repeating-linear-gradient(0deg,#ae98bb 0 8px,#d8c7e0 8px 10px); border: 1px solid #c5b1d0;}
.canopy .face-top{background: repeating-linear-gradient(90deg,#e3d8ead9 0 24px,#fbf8ff 24px 26px); border-color: #fff;}
.column .face,.tower .face{background: #b5a0c0; border: 0;}
.tower-cab .face:not(.face-top){background: repeating-linear-gradient(90deg,#665173 0 10px,#c6accc 10px 12px); border-color: #957ba1;}
.tower-roof .face-top{background: #ebe3f0;}
.city .face-front{background: repeating-linear-gradient(90deg,transparent 0 9px,#b297bc 9px 11px),repeating-linear-gradient(0deg,#7b618b 0 12px,#d2b9d8 12px 15px); border-color: #c7afd2;}
.city .face-top{background: #bca3c9;}
.city-tall .face-top{background: #e8dcea;}
.city-low .face-front{background: #d4b1bf;}
.planter .face-top{background: #92918e; border-color: #c3bbb8;}
.planter .face-front{background: #c0acbf;}
.journey-car{position: absolute; left: 0; top: 0; transform-style: preserve-3d; width: 47px; height: 23px; transform: translate3d(var(--car-x),var(--car-y),1px) rotateZ(var(--car-angle)); transform-origin: 24px 12px;}
.car-body .face-top{background: #eae7ed; border-color: #fff; border-radius: 5px;}
.car-body .face-front,.car-body .face-back{background: #b9b1c4; border: 0; border-radius: 4px;}
.car-body .face-left{background: #e4d9bf; border-color: #d8c5ad;}
.car-body .face-right{background: #e6d4c2; border: 0;}
.car-cabin .face-top{background: linear-gradient(90deg,#5f566c 0 27%,#c9c2d3 28% 73%,#5f566c 74%); border-color: #bcb3cb; border-radius: 4px;}
.car-cabin .face:not(.face-top){background: #645b70; border-color: #b8b0c2;}
.car-wheel .face{background: #554a5e; border: 0;}
.car-wheel .face-front,.car-wheel .face-back{border-radius: 50%;}
.world-caption{position: relative; text-align: center; padding: 10px 0 25px;}
.world-stages{display: flex; align-items: center; justify-content: center; gap: 13px; font-size: 9px; letter-spacing: 1px; color: #9a829f;}
.world-stages i{height: 1px; width: 25px; background: #c4b1cb;}
.world-stages span[data-active=true]{color: #65416f;}
.world-caption p{font-size: 10px; color: #705675; margin-top: 17px;}
.depth-skip{display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #cbbccd; padding: 25px 0; font-size: 13px; color: #75557f;}
.calm-chapters{background: #f6f3f5;}
.depth-edition .chapter-film{border-radius: 6px;}
.depth-edition .chapter-heading h2{letter-spacing: -.055em;}
.world-viewport{overflow: clip;}
.world-base{background: #896294; box-shadow: 0 24px 36px #49304e33;}
.ground{background: linear-gradient(135deg,#fff8ed,#f2e9ef 62%,#e0cfe5); border-color: #fffaf5;}
.world-halo{inset: 0; border-radius: 50%; background: radial-gradient(ellipse at 50% 50%,#e9bc7738 0%,#b7a0bf26 30%,transparent 65%);}
.road{stroke: #8a758f;}
.road-edge{stroke: #fff3dd;}
.road-route{stroke: #f0ad27; stroke-width: 5;}
.ground-ring{border-color: #b77b16; background: #f5bd4f;}
.ground-label{color: #715079;}
.terminal .face-top{background: linear-gradient(135deg,#fff7df,#f1e5ed); border-color: #fffbf3;}
.roof-word{color: #765080;}
.roof-grid{background: repeating-linear-gradient(90deg,transparent 0 11px,#c3dada 11px 13px),repeating-linear-gradient(0deg,#508697 0 8px,#b5d3d5 8px 10px); border-color: #83b1bb;}
.terminal .face-front,.gate-wing .face-front{background: repeating-linear-gradient(90deg,transparent 0 17px,#ddcbdc 17px 19px),linear-gradient(0deg,#426475 0%,#72a2af 43%,#f5bd57 44%,#eeb147 50%,#77a4af 51%,#466d81 100%); border-color: #b9a2be;}
.terminal .face-left,.terminal .face-right{background: repeating-linear-gradient(90deg,#426879 0 18px,#b8c9d0 18px 20px); border-color: #b5a0bf;}
.gate-wing .face-top{background: #a888b4;}
.gate-wing .face-right{background: #765585;}
.canopy .face-top{background: repeating-linear-gradient(90deg,#aad1d6ed 0 24px,#fff5df 24px 26px); border-color: #fbf3e7;}
.canopy .face-front{background: #b993bb; border-color: #8e6b97;}
.column .face{background: #98729f;}
.tower .face{background: #956e9e;}
.tower .face-right{background: #71517e;}
.tower-cab .face:not(.face-top){background: repeating-linear-gradient(90deg,#36566c 0 10px,#c3d6d8 10px 12px); border-color: #668592;}
.tower-roof .face-top{background: #f1bb58; border-color: #ffdc93;}
.tower-roof .face-front,.tower-roof .face-right{background: #bd872c; border: 0;}
.city .face-front{background: repeating-linear-gradient(90deg,transparent 0 9px,#c9aecf 9px 11px),repeating-linear-gradient(0deg,#625071 0 12px,#cfac70 12px 15px); border-color: #97719f;}
.city .face-left{background: #875c96; border-color: #af88b6;}
.city .face-right{background: #644373; border-color: #9973a2;}
.city .face-top{background: #b990c3; border-color: #e7c9e9;}
.city-tall .face-front{background: repeating-linear-gradient(90deg,transparent 0 9px,#b7c5d3 9px 11px),repeating-linear-gradient(0deg,#52758e 0 12px,#ddd0b5 12px 15px); border-color: #91739c;}
.city-tall .face-top{background: #966aa6; border-color: #d8b4df;}
.city-low .face-front{background: #cc9479; border-color: #e8baa0;}
.city-low .face-left{background: #b57565; border-color: #ce9c8e;}
.city-low .face-top{background: #f0c7a7; border-color: #ffe0bb;}
.planter .face-top{background: #668878; border-color: #97b099;}
.planter .face-front{background: #cab99e; border-color: #ab927a;}
.planter .face-right{background: #ab967e; border-color: #c2ab90;}
.car-body .face-top{background: #fff7e5; border-color: #fffdfa;}
.car-body .face-front,.car-body .face-back{background: #d3ccd9;}
.car-cabin .face-top{background: linear-gradient(90deg,#355b70 0 27%,#ece5ed 28% 73%,#355b70 74%); border-color: #9db1c0;}
.car-cabin .face:not(.face-top){background: #426b7e; border-color: #a6bac6;}
.world-stages span[data-active=true]{color: #70447d;}
.world-stages i{background: #c29c58;}
@media (min-width:901px) and (min-height:650px){.journey-depth[data-enhanced=true] .journey-note{min-height: 210px;}
.journey-depth[data-enhanced=true] .world-sticky{top: 5vh;}
.journey-depth[data-enhanced=true] .world-viewport{height: min(53vh,460px);}}
@media (max-width:1100px){.journey-depth{--world-scale: .65;}
.journey-layout{grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); column-gap: 0;}
.world-viewport{height: 425px;}
.journey-note h3{font-size: 29px;}
.journey-note>p:not(.section-kicker){font-size: 14px;}
.world-stages{gap: 7px; font-size: 8px;}
.world-stages i{width: 13px;}}
@media (max-width:900px), (max-height:649px){.journey-depth{padding: 55px 24px 20px; --world-scale: .8;}
.journey-layout{display: flex; flex-direction: column;}
.world-sticky{position: relative; top: auto; order: -1; padding-top: 0; width: 100%;}
.world-viewport{height: 440px; max-width: 650px; margin: auto;}
.journey-notes{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px;}
.journey-note{min-height: 0; padding: 22px 0;}
.journey-note h3{font-size: 29px;}
.journey-note h3 br{display: none;}
.journey-note .section-kicker{font-size: 9px;}
.journey-number{font-size: 90px; top: 15px;}
.journey-note>p:not(.section-kicker){font-size: 13px;}
.journey-facts{font-size: 9px;}
.depth-heading h2{font-size: 48px;}
.depth-toggle{display: none;}
.depth-edition .hero-film{transform: none; inset: 0;}
.air-path{transform: none; opacity: .2;}}
@media (max-width:600px){.journey-depth{padding: 43px 20px 15px; --world-scale: .48;}
.depth-heading h2{font-size: 42px;}
.depth-heading-bottom p{font-size: 14px;}
.world-viewport{height: 310px; margin-inline: -14px;}
.world-caption{padding-bottom: 22px;}
.world-stages{font-size: 8px;}
.world-caption p{font-size: 9px;}
.journey-notes{display: block;}
.journey-note{padding: 20px 0; border-top: 0;}
.journey-note h3{font-size: 27px; margin-bottom: 10px;}
.journey-note>p:not(.section-kicker){font-size: 14px; max-width: 100%;}
.journey-number{left: auto; right: 0; font-size: 110px;}
.journey-facts{margin-top: 17px;}
.journey-note .section-kicker{margin-bottom: 13px;}
.depth-heading{padding-bottom: 25px;}
.depth-skip{margin-top: 10px;}}
@media (max-width:360px){.journey-depth{--world-scale: .4;}
.world-viewport{height: 280px;}
.depth-heading h2{font-size: 38px;}
.world-stages{font-size: 7px; gap: 6px;}}
@media (max-width:900px){.depth-edition .direction-a .motion-grid{padding-bottom: 120px;}
.flight-east{top: 10px;}
.flight-west{bottom: 96px;}
.flight-arrow{width: 105px;}
.flight-arrow svg{width: 15px; height: 15px;}
.flight-arrow>span{opacity: .65;}}
@media (prefers-reduced-motion:reduce){.flight-traffic,.flight-toggle{display: none !important;}}
@media (prefers-reduced-motion:reduce){.depth-edition .hero-film,.air-path{transform: none !important;}
.world-sticky{position: relative; top: auto;}
.journey-note{min-height: 0 !important; padding-block: 24px;}
.depth-toggle{display: none;}
.world *{transition: none !important; animation: none !important;}}
