/* V11: a shorter phone journey; the approved desktop layout stays intact. */
.mobile-only{display:none}
@media(max-width:760px){
 .desktop-only{display:none!important}
 .mobile-only{display:block}
 .wrap{width:calc(100% - 32px)}
 html{scroll-padding-top:16px}
 .header{position:static;width:calc(100% - 32px);margin:12px auto 0;border:1px solid var(--line);border-radius:22px 22px 0 0;background:var(--surface)}
 .header .nav-row{width:100%;min-height:66px;padding:12px 16px;gap:12px}
 .header .brand{width:164px}
 .header .menu-toggle{min-height:42px;font-size:13px;padding:8px 10px}
 .site-controls-bar{width:calc(100% - 32px);margin:0 auto;border:1px solid var(--line);border-top:0;border-radius:0 0 22px 22px;background:var(--surface)}
 .site-controls.wrap{width:100%;padding:0 16px 8px;min-height:40px}
 .site-controls a{font-size:12px;min-height:32px;display:inline-flex;align-items:center}
 .story-intro{padding-top:14px}
 .story-copy,.story-note{padding:22px}
 .story-copy h1{font-size:clamp(28px,7.5vw,36px);line-height:1.12;text-align:left}
 .story-copy>p:not(.brand-promise){font-size:16px;line-height:1.5;text-align:left;margin-top:14px}
 .story-note>p.mobile-only{font-size:14px;line-height:1.5;margin-top:10px;max-width:none}
 .story-aside:not(.story-aside--home) .story-signature span{display:none}
 .story-card--home .story-layout{display:flex;flex-direction:column}
 .story-card--home .home-story-copy{display:contents}
 .story-card--home h1{order:0;margin:0;padding:22px 22px 0;max-width:none}
 .story-card--home .brand-promise{order:1;margin:12px 22px 0;font-size:13px;text-align:left}
 .story-card--home .hero-v2-lead{order:2;margin:14px 22px 0;padding:0;font-size:16px;line-height:1.5;text-align:left;align-self:stretch;max-width:none}
 .story-card--home .story-aside{order:3;display:block;border:0;margin-top:18px}
 .story-card--home .story-visual{float:none;position:relative;width:100%;height:clamp(260px,75vw,340px);margin:0}
 .story-card--home .story-visual img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center top}
 .story-card--home .story-visual::after{background:linear-gradient(to bottom,transparent 87%,var(--surface))}
 .story-card--home .story-note{padding:8px 22px 0;background:none}
 .story-card--home .story-note .story-signature{font-size:15px}
 .story-card--home .story-signature span{font-size:12px}
 .story-card--home .home-story-copy>.actions{order:4;margin:20px 22px 22px;gap:4px;display:flex;flex-direction:column;align-items:stretch}
 .story-card--home .actions .button,.story-card--home .actions .text-link{width:100%;justify-content:flex-start;font-size:14px;min-height:46px}
 .story-card--home .actions .text-link{padding-left:0}
 .interim-editorial.interim-compact .interim-content{display:block;padding:0}
 .interim-editorial .interim-copy{padding:22px}
 .interim-editorial .interim-copy h2{font-size:26px}
 .interim-editorial .interim-copy>p:not(.eyebrow){font-size:15px;line-height:1.5;margin-top:12px}
 .interim-editorial .interim-copy .text-link{font-size:14px;min-height:44px;margin-top:12px}
 .mobile-static-detail>summary{display:none!important}
 .mobile-static-detail>.mobile-detail-body{display:block!important;padding:0}
 .mobile-static-detail .origin-layout>h3{display:block!important;font-size:18px;margin-bottom:10px}
 .page-harmony .heritage-origin p{font-size:15px;line-height:1.6}
 .page-harmony .nugget-card--video .nugget-copy{padding-bottom:22px}
 .experience-card{padding:18px 20px}
}

/* V13: four mobile destinations on one compact, always visible row. */
@media(max-width:760px){
 .header .nav-row{padding:12px 12px 4px;row-gap:6px}
 .header .menu-toggle{display:none}
 .header .nav,.js .header .nav.is-open,.js .header .nav:not(.is-open){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding-bottom:0}
 .header .nav a{display:flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:6px 0;border:0;border-radius:4px;font-size:clamp(12px,3.5vw,14px);white-space:nowrap}
 .header .nav .button{margin:0;padding:6px 0;justify-content:center;border:0;min-height:44px}
 .header .nav a[aria-current=page]{text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--gold)}
}

/* V18: readable, comfortable theme and language targets on every phone page. */
@media(max-width:760px){.site-controls a{font-size:14px;min-width:44px;min-height:44px;justify-content:center}.site-controls.wrap{padding-bottom:6px;gap:16px}.site-controls .theme-compare,.site-controls .language-switch{gap:8px}}

/* V22: keep the stopwatch below the mobile About image crop. */
@media(max-width:760px){
 .story-aside--about .story-visual img{height:128%;max-height:none;object-position:50% 0}
}

/* V23: direct access to videos; the logo remains the mobile Home link. */
@media(max-width:760px){.header .nav>a:first-child{display:none}}