/* Regional transport accounting: readable in the story and its static fallback. */
.home-layout .phone-finale.transport-systems .phone-scene-inner {
  grid-template-columns:minmax(0,1.7fr) minmax(240px,.8fr);
  gap:48px; top:160px; bottom:60px;
}
.home-layout .transport-systems .phone-copy {max-width:760px}
.home-layout .transport-systems .phone-copy .eyebrow {margin:0 0 20px;font-size:10px;letter-spacing:1.6px}
.home-layout .transport-systems .phone-copy h2 {font-size:clamp(34px,3.7vw,54px);line-height:1.08;letter-spacing:-.045em}
.home-layout .transport-systems .phone-copy h2>span:first-child {white-space:normal}
.home-layout .transport-systems .phone-copy h2 em {display:inline;color:#737f6c}
.home-layout .transport-systems .phone-description {font-size:15px;line-height:1.6;max-width:590px;margin:20px 0 0;color:#52604f}
.transport-systems .system-regions {display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:30px}
.transport-systems .system-region {border-top:1px solid #aeb7ab;padding-top:18px;min-width:0}
.transport-systems .system-region-label {display:flex;align-items:center;gap:9px;font-size:11px;color:#52604f;line-height:1.4}
.transport-systems .system-region-label::before {content:'';width:6px;height:6px;border-radius:50%;background:#ed6c32;flex-shrink:0}
.transport-systems .system-region h3 {font-size:30px;font-weight:600;letter-spacing:-.04em;line-height:1.15;margin:10px 0 13px;color:#233b2e}
.transport-systems .system-region p {font-size:14px;line-height:1.55;color:#52604f;margin:0}
.transport-systems .system-result {border-top:1px solid #aeb7ab;margin-top:25px;padding-top:17px;font-size:13px;line-height:1.6;color:#52604f}
.transport-systems .system-result strong {font-weight:600;color:#233b2e}
.home-layout .transport-systems .phone-product {align-self:center;min-height:460px}
.home-layout .transport-systems .phone-object {height:min(55svh,530px);max-height:none}
.home-layout .transport-systems .phone-product figcaption {position:relative;bottom:auto;font-size:11px;max-width:240px;margin:16px auto 0;color:#52604f}
.home-layout .transport-systems.phone-static .phone-scene-inner {min-height:640px}
@media(max-width:1000px) {
  .home-layout .phone-finale.transport-systems .phone-scene-inner {grid-template-columns:minmax(0,1fr);gap:0;left:5%;right:5%;top:155px;bottom:55px}
  .home-layout .transport-systems .phone-copy {max-width:740px;align-self:center}
  .home-layout .transport-systems .phone-product {display:none}
  .home-layout .arrival-scene.transport-systems .phone-product {display:grid;position:absolute;inset:0;min-height:0;opacity:calc(var(--phone-opacity) * (1 - var(--phone-text)))}
  .home-layout .arrival-scene.transport-systems .phone-object {height:min(55svh,500px)}
  .home-layout .arrival-scene.transport-systems .phone-product figcaption {display:none}
  .home-layout .transport-systems .phone-copy h2 {font-size:40px}
}
@media(max-width:650px) {
  .home-layout .phone-finale.transport-systems .phone-scene-inner {left:20px;right:20px;top:140px;bottom:40px;grid-template-rows:1fr}
  .home-layout .transport-systems .phone-copy .eyebrow {font-size:9px;margin-bottom:14px}
  .home-layout .transport-systems .phone-copy h2 {font-size:32px}
  .home-layout .transport-systems .phone-description {font-size:13px;line-height:1.5;margin-top:14px}
  .transport-systems .system-regions {grid-template-columns:1fr;gap:16px;margin-top:20px}
  .transport-systems .system-region {padding-top:12px;display:grid;grid-template-columns:110px 1fr;column-gap:16px;align-items:start}
  .transport-systems .system-region-label {grid-column:1/-1;font-size:10px;margin-bottom:7px}
  .transport-systems .system-region h3 {font-size:24px;margin:0}
  .transport-systems .system-region p {font-size:12px;line-height:1.5}
  .transport-systems .system-result {font-size:12px;line-height:1.5;margin-top:18px;padding-top:13px}
  .home-layout .transport-systems.phone-static {padding:40px 20px}
  .home-layout .transport-systems.phone-static .phone-scene-inner {min-height:0}
}
@media(max-width:1000px) and (max-height:740px) {
  .home-layout .phone-finale.transport-systems .phone-scene-inner {top:180px;bottom:24px}
  .home-layout .transport-systems .phone-copy h2 {font-size:29px}
  .home-layout .transport-systems .phone-description {margin-top:10px}
  .transport-systems .system-regions {margin-top:15px;gap:12px}
  .transport-systems .system-result {margin-top:14px;padding-top:10px}
}
@media(max-width:360px) {
  .transport-systems .system-region {grid-template-columns:1fr}
  .transport-systems .system-region-label {margin-bottom:5px}
  .transport-systems .system-region h3 {font-size:22px;margin-bottom:7px}
  .transport-systems .system-region p {font-size:12px}
  .home-layout .transport-systems .phone-copy h2 {font-size:27px}
  .home-layout .transport-systems .phone-description {font-size:12px}
}
/* Short screens use normal document flow so the information cannot be clipped. */
@media(max-height:740px) and (max-width:1000px), (max-height:650px) {
  .home-layout .arrival-scene.transport-systems .phone-copy {display:none}
  .home-layout .arrival-scene.transport-systems .phone-product {opacity:var(--phone-opacity)}
  .home-layout .transport-systems.phone-static {display:block}
  .home-layout .transport-systems.phone-static .phone-scene-inner {min-height:0;inset:auto}
}