/* A consistent reading rhythm and generous controls on the story's phone layout. */
@media (max-width:760px) {
  .story-page .wrap { width:min(560px,calc(100% - 40px)); }
  .story-page .header .language { min-width:44px;min-height:44px;justify-content:center; }
  .story-page h2 { font-size:clamp(29px,7.6vw,34px);line-height:1.2;letter-spacing:-1.15px; }
  .story-page .story-soft { color:#a7a9ad; }
  .story-block { padding-block:32px; }
  .story-kicker { font-size:9px;letter-spacing:1.3px;margin-bottom:14px; }
  .story-section-head { margin-bottom:24px; }
  .story-section-head>p,.origin-copy>p:not(.story-kicker) { font-size:14px;line-height:1.8;margin-top:16px; }
  .story-inline-link { min-height:46px;margin-top:16px;font-size:12px;gap:12px; }

  .story-hero { padding-top:28px;gap:24px; }
  .story-hero .story-kicker { font-size:9px;letter-spacing:1px; }
  .story-hero .story-lead { max-width:34ch;line-height:1.8; }
  .story-hero .story-actions .button { max-width:320px;font-size:13px; }
  .story-hero .story-actions .text-link { font-size:13px; }
  .story-era-track a>span:last-child { font-size:10px; }
  .story-facts>div { padding:6px 8px;gap:7px; }
  .story-facts strong { font-size:32px; }
  .story-facts>div>span { font-size:11px;line-height:1.55;color:#b5b7ba; }

  .story-origin { gap:24px; }
  .origin-copy { order:-1; }
  .origin-identity { padding:22px; }
  .identity-heading { font-size:8px;letter-spacing:1px; }
  .identity-city { margin-top:12px; }
  .identity-connections { margin-block:22px;gap:28px; }
  .identity-address-copy small { font-size:8px;letter-spacing:.7px; }
  .origin-identity figcaption { font-size:10px; }

  .journey-grid { gap:14px; }
  .journey-card { padding:22px;border-radius:16px; }
  .journey-date { gap:12px; }
  .journey-date time { font-size:46px;letter-spacing:-2.5px; }
  .journey-date>span { font-size:10px;letter-spacing:.5px;text-align:right; }
  .journey-track { margin:18px 0 20px; }
  .journey-card>.story-kicker { display:none; }
  .journey-card h3 { font-size:22px;line-height:1.3; }
  .journey-card>p { font-size:14px;line-height:1.75;margin-top:12px; }
  .journey-card .story-inline-link { margin-top:12px; }

  .story-centered-head { text-align:left;margin-bottom:22px; }
  .story-centered-head .story-kicker { justify-content:flex-start; }
  .story-values { gap:0; }
  .story-values article { display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px 14px;padding:22px 0;border:0;border-top:1px solid #ffffff14;border-radius:0;background:none; }
  .story-values .value-icon { width:40px;height:40px;margin:0;border-radius:11px; }
  .story-values h3 { align-self:center;font-size:20px;margin:0;line-height:1.35; }
  .story-values p { grid-column:1/-1;font-size:14px;line-height:1.75; }
  .story-services { padding-top:10px;gap:10px; }
  .story-services>span { font-size:9px;letter-spacing:1px;margin-bottom:4px; }
  .story-services>a { min-width:0;min-height:48px;padding:10px;border:1px solid #ffffff15;border-radius:10px;font-size:12px;line-height:1.5;gap:6px; }
  .story-services .service-coins { flex-shrink:0; }
  .story-services .service-coins img { width:18px;height:18px; }

  .story-branch-list { border:0;display:grid;gap:16px; }
  .story-branch { position:relative;display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:22px;background:#111214;border:1px solid #ffffff14;border-radius:16px; }
  .branch-index { position:absolute;right:20px;top:20px;margin:0;font-size:12px;color:#86898d; }
  .story-branch-address .story-kicker { padding-right:24px;font-size:9px;letter-spacing:1px;margin-bottom:10px; }
  .story-branch-address h3 { font-size:22px;line-height:1.35; }
  .story-branch-phones { width:100%; }
  .story-branch-phones a { max-width:none;min-height:48px;font-size:16px;gap:8px;border-top:1px solid #ffffff0d; }
  .story-branch-phones a span { min-width:0;font-size:12px; }
  .story-directions { justify-content:space-between;min-height:46px;padding:11px 14px;font-size:13px; }
  .story-hours { gap:9px;padding-top:20px;font-size:12px; }
  .story-hours small { font-size:11px; }

  .story-cta { padding:28px 22px;gap:18px;margin-top:0;text-align:center; }
  .story-cta .story-kicker { justify-content:center;font-size:9px;letter-spacing:1px; }
  .story-cta>div>p:not(.story-kicker) { max-width:32ch;margin:0 auto 20px;line-height:1.75; }
  .story-cta .button { width:100%;max-width:320px;min-height:50px;justify-content:space-between;font-size:16px; }

  .story-page .footer.wrap { padding-top:20px;padding-bottom:12px; }
  .story-page .footer .footer-main { grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;padding:20px 0 24px; }
  .story-page .footer .footer-brand-block .brand { margin-bottom:12px; }
  .story-page .footer .footer-brand-block p { font-size:13px;line-height:1.7; }
  .story-page .footer .footer-brand-block p:last-of-type { font-size:12px; }
  .story-page .footer-column h3 { font-size:14px;line-height:1.5;letter-spacing:0;margin:0 0 8px; }
  .story-page .footer-column a { font-size:12px;min-height:44px;padding:10px 0;line-height:1.6; }
  .story-page .footer-branch { grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding-top:20px;border-top:1px solid #ffffff12; }
  .story-page .footer-branch h3 { grid-column:1/-1; }
  .story-page .footer-branch .footer-address { grid-row:2/4;min-height:0;margin:0; }
  .story-page .footer-branch a[href^="tel:"] { grid-column:2;justify-self:end;font-size:13px;white-space:nowrap; }
  .story-page .footer .footer-bottom { display:grid;grid-template-columns:1fr auto;gap:0 12px;padding:12px 0;font-size:11px; }
  .story-page .footer .plain-button { min-height:44px;text-align:right; }
  .story-page .footer .footer-bottom>a:last-child { grid-column:1/-1;margin:0;min-height:44px;display:flex;align-items:center;font-size:12px; }
}
@media (max-width:360px) {
  .story-page .wrap { width:calc(100% - 32px); }
  .story-hero .story-kicker { font-size:8px; }
  .story-facts>div { padding-inline:5px; }
  .story-facts>div>span { font-size:10px; }
  .origin-identity,.journey-card,.story-branch { padding:18px; }
  .identity-address { width:94%;gap:9px;padding:13px; }
  .identity-number { font-size:25px; }
  .identity-address-copy strong { font-size:12px; }
  .identity-heading { font-size:7px; }
  .identity-address-copy small { font-size:7px; }
  .story-services>a { font-size:11px;padding:9px; }
  .story-branch-address h3 { font-size:21px; }
  .story-cta { padding:24px 18px; }
}