/* The supplied mobile design uses a 393 px artboard. Scale its typography,
   illustration canvases and spacing together, including widths below 393 px. */
@media (max-width:760px) {
  :root {--u:calc(100vw / 393);--paper:linear-gradient(90deg,#f4e7da 0%,#f4f5f2 50%,#dbe6ea 100%)}
  html {scroll-padding-top:calc(20 * var(--u))}
  body {color:#000;font-size:calc(18 * var(--u));line-height:1.166667}
  h1,h2,h3 {letter-spacing:0;text-wrap:wrap;line-height:1;}
  h1,h2 {font-size:calc(36 * var(--u));line-height:calc(35 * var(--u))}
  h3 {font-size:calc(21 * var(--u));line-height:calc(21 * var(--u))}
  p {text-wrap:wrap}
  .wrap {width:100%;margin:0}
  .header,.eyebrow,.hero-cta,.scroll-hint,.feature-symbol,.sound-wave,.card-number,.footer-brand,.back-top {display:none}
  .desktop-break {display:none}
  .mobile-break {display:initial}
  .mobile-art {display:block;position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}
  .hero-photo>img,.intro-visual>.intro-blob,.intro-visual>img,.map-blob,.ar-background,.ar-hand,.audio-visual>img,.route-map,.route-phones,.city-card>img {display:none}

  .hero {height:calc(756 * var(--u));min-height:0;display:block;overflow:hidden}
  .hero-photo {position:absolute;top:0;left:0;right:auto;width:100%;height:calc(490 * var(--u));border-radius:0;background:none;overflow:hidden}
  .hero-photo::after {display:none}
  .hero-copy {position:absolute;top:calc(525 * var(--u));left:calc(40 * var(--u));width:calc(313 * var(--u));padding:0;margin:0;pointer-events:auto}
  .hero-copy>* {max-width:none}
  .hero-copy h1>span {display:block}
  .hero-description {font-size:calc(18 * var(--u));line-height:calc(21 * var(--u));margin-top:calc(28 * var(--u));width:100%;max-width:none}

  .intro {height:calc(1497 * var(--u));margin:0;padding:0;background:#fff;overflow:hidden;isolation:isolate}
  .intro::before {content:'';position:absolute;top:calc(640 * var(--u));left:0;right:0;height:calc(683 * var(--u));background:var(--paper);clip-path:none}
  .intro-layout {position:relative;display:block;width:100%;height:100%}
  .intro-visual {position:absolute;top:0;left:0;width:100%;height:calc(688 * var(--u));padding:0;margin:0;z-index:0}
  .intro-copy {position:absolute;top:calc(686 * var(--u));left:calc(40 * var(--u));width:calc(313 * var(--u));padding:0;z-index:1}
  .intro-copy h2 {font-size:calc(21 * var(--u));line-height:calc(21 * var(--u));max-width:none}
  .places-list {display:block;list-style:disc;margin:calc(17 * var(--u)) 0 0;padding:0 0 0 calc(19 * var(--u))}
  .places-list li {display:list-item;padding:0;margin-bottom:calc(8 * var(--u));font-size:calc(18 * var(--u));line-height:calc(21 * var(--u))}
  .places-list li>span {display:none}
  .places-list li br {display:none}
  .postcards {position:absolute;top:calc(920 * var(--u));left:calc(-37.050704 * var(--u));width:calc(468.101379 * var(--u));max-width:none;height:calc(577 * var(--u));margin:0;transform:none;z-index:2}

  .download-strip {position:relative;height:calc(219 * var(--u));width:100%;padding:0;margin:0;display:block}
  .download-caption {position:absolute;top:calc(38 * var(--u));left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:calc(4 * var(--u));font-size:calc(18 * var(--u));line-height:calc(21 * var(--u))}
  .download-caption svg {width:calc(16 * var(--u));height:calc(18 * var(--u));overflow:visible;stroke:#000;stroke-width:1.4}
  .store-links {position:absolute;top:calc(98 * var(--u));left:calc(21 * var(--u));display:flex;gap:calc(8.5 * var(--u));width:calc(353 * var(--u));height:calc(81 * var(--u));margin:0}
  .store-link {flex:0 0 calc(112 * var(--u));width:calc(112 * var(--u));height:calc(81 * var(--u));min-height:0;padding:0;display:flex;align-items:center;justify-content:center;gap:0;border:0;border-radius:calc(12 * var(--u));background:#c8dbe1}
  .store-link .store-icon,.store-link>span {display:none}
  .store-link .store-badge {display:block;width:auto;height:calc(56 * var(--u));max-width:calc(81 * var(--u));object-fit:contain;flex-shrink:0}

  .paper {background:var(--paper)}
  .paper::before,.paper::after {height:calc(11 * var(--u));background-size:calc(30.7 * var(--u)) calc(30.7 * var(--u));background-position:0 0}
  .features {position:relative;height:calc(1557 * var(--u));padding:0;overflow:hidden}
  .features>.wrap {position:relative;height:100%}
  .section-heading {position:absolute;top:calc(43 * var(--u));left:calc(40 * var(--u));padding:0}
  .ar-intro {position:absolute;top:calc(140 * var(--u));left:calc(40 * var(--u));width:calc(313 * var(--u));display:block;margin:0}
  .ar-intro h3 {font-size:calc(21 * var(--u));line-height:calc(21 * var(--u))}
  .ar-intro h3>span {display:block}
  .ar-grid {position:absolute;inset:0;display:block;margin:0}
  .visual-card {position:absolute;left:0;width:100%;min-height:0;margin:0}
  .map-visual {top:calc(237 * var(--u));height:calc(314 * var(--u))}
  .label {position:absolute;margin:0;padding:calc(19 * var(--u)) calc(20 * var(--u));width:calc(186 * var(--u));height:calc(82 * var(--u));border-radius:calc(24 * var(--u));font-size:calc(18 * var(--u));line-height:calc(21 * var(--u));letter-spacing:0}
  .map-visual .label {top:0;left:calc(197 * var(--u));right:auto}
  .ar-visual {top:calc(591 * var(--u));height:calc(426 * var(--u));margin:0}
  .ar-visual .label {top:calc(67 * var(--u));left:calc(20 * var(--u));max-width:none}
  .audio-row {position:absolute;top:calc(1055 * var(--u));left:0;width:100%;height:calc(436 * var(--u));display:block;padding:0}
  .audio-copy {position:absolute;top:0;left:calc(40 * var(--u))}
  .audio-copy>p,.audio-copy>.eyebrow {display:none}
  .audio-copy h3 {font-size:calc(21 * var(--u));line-height:calc(21 * var(--u));max-width:none}
  .audio-visual {position:absolute;top:calc(76 * var(--u));left:0;width:100%;height:calc(360 * var(--u));margin:0}
  .audio-caption {display:block;position:absolute;top:0;left:calc(187 * var(--u));right:auto;width:calc(186 * var(--u));height:calc(145 * var(--u));padding:calc(19 * var(--u)) calc(20 * var(--u));border-radius:calc(24 * var(--u));background:var(--peach);font-size:calc(18 * var(--u));line-height:calc(21 * var(--u))}

  .routes {position:relative;height:calc(1149 * var(--u));padding:0;overflow:hidden}
  .route-heading {position:absolute;top:calc(35 * var(--u));left:calc(40 * var(--u));width:calc(313 * var(--u));display:block}
  .route-description {position:absolute;top:calc(102 * var(--u));left:0;width:100%;max-width:none;padding:0}
  .route-description h3 {font-size:calc(21 * var(--u));line-height:calc(21 * var(--u))}
  .route-description p {font-size:calc(18 * var(--u));line-height:calc(21 * var(--u));margin-top:calc(17 * var(--u))}
  .route-stage {position:absolute;top:calc(236.970429 * var(--u));left:0;width:100%;height:calc(669.029571 * var(--u));margin:0}
  .quest-copy {position:absolute;top:calc(944 * var(--u));left:calc(40 * var(--u));width:calc(313 * var(--u));height:calc(165 * var(--u));padding:0;margin:0;display:block}
  .quest-copy>div {width:calc(240 * var(--u));max-width:none}
  .quest-copy h3 {font-size:calc(21 * var(--u));line-height:calc(21 * var(--u))}
  .quest-copy p:not(.eyebrow) {font-size:calc(18 * var(--u));line-height:calc(21 * var(--u));margin-top:calc(17 * var(--u));max-width:none}
  .quest-copy p>span {display:block;white-space:nowrap}
  .guardian {position:absolute;top:calc(-19.000868 * var(--u));left:calc(229.686410 * var(--u));width:calc(104.231569 * var(--u));height:calc(183.604134 * var(--u));max-width:none;max-height:none;margin:0;object-fit:contain}

  .city {position:relative;height:calc(1252 * var(--u));padding:0;overflow:hidden}
  .city>.wrap {position:relative;height:100%}
  .city-grid {position:absolute;inset:0;display:block;margin:0}
  .city-card,.city-card:nth-child(2),.city-card:nth-child(3) {position:absolute;left:0;top:calc(150 * var(--u));width:100%;height:calc(292 * var(--u));margin:0;padding:0}
  .city-card:nth-child(2) {top:calc(482 * var(--u));height:calc(331 * var(--u))}
  .city-card:nth-child(3) {top:calc(853 * var(--u));height:calc(335 * var(--u))}
  .city-card>.mobile-art {height:calc(188 * var(--u))}
  .city-card:nth-child(2)>.mobile-art {height:calc(198.04 * var(--u))}
  .city-card:nth-child(3)>.mobile-art {height:calc(207 * var(--u))}
  .city-card-copy,.city-card:nth-child(2) .city-card-copy {position:absolute;top:calc(131 * var(--u));left:calc(124 * var(--u));width:calc(249 * var(--u));height:calc(161 * var(--u));padding:calc(19 * var(--u)) calc(20 * var(--u));margin:0;border-radius:calc(24 * var(--u))}
  .city-card:nth-child(2) .city-card-copy {left:calc(20 * var(--u));top:calc(149 * var(--u));height:calc(182 * var(--u))}
  .city-card:nth-child(3) .city-card-copy {top:calc(132 * var(--u));height:calc(203 * var(--u))}
  .city-card h3 {font-size:calc(21 * var(--u));line-height:calc(21 * var(--u));letter-spacing:0}
  .city-card p {font-size:calc(18 * var(--u));line-height:calc(21 * var(--u));margin-top:calc(17 * var(--u))}

  .download {position:relative;height:calc(323 * var(--u));padding:0;text-align:left}
  .download h2 {position:absolute;top:calc(38 * var(--u));left:calc(40 * var(--u));width:calc(313 * var(--u));font-size:calc(21 * var(--u));line-height:calc(21 * var(--u))}
  .download .download-caption {top:calc(134 * var(--u));font-size:calc(18 * var(--u));gap:calc(4 * var(--u));margin:0}
  .download .store-links {top:calc(194 * var(--u));left:calc(20 * var(--u));margin:0}
  .download-spark {display:none}
  .footer {height:calc(210 * var(--u));padding:0}
  .footer-inner {position:relative;height:100%;min-height:0;display:block}
  .partners {position:absolute;top:calc(48 * var(--u));right:calc(20 * var(--u));margin:0;display:flex;flex-direction:column;align-items:center;gap:calc(9 * var(--u));width:calc(120.23 * var(--u));opacity:1}
  /*.partners img {width:100%;max-height:none;height:auto}*/
  /*.partners img:first-child {height:calc(26.15 * var(--u))}*/
  /*.partners img:last-child {height:calc(83 * var(--u))}*/
  .partners a {
    display: block;
    width: 100%;
  }

  .partners img {
    display: block;
    width: 100%;
    max-height: none;
    object-fit: contain;
  }

  .partners a:first-child img {
    height: calc(26.15 * var(--u));
  }

  .partners a:last-child img {
    height: calc(83 * var(--u));
  }
/*  }*/
@media(max-width:760px){
  /* Align the web font's ink with the original Figma text baselines. */
  h1,h2{transform:translateY(calc(4 * var(--u)))}
  h3,.intro-copy h2,.download h2{transform:translateY(calc(2 * var(--u)))}
}
@media(max-width:760px){.ar-intro wbr{display:none}}
@media(max-width:760px){.label{white-space:nowrap}}