/* V3 polish: extends styles.css, storybrand.css and about.css */
.v3 .network-home{padding-bottom:80px}
.v3 .network-home .section-heading>p{max-width:460px}
.v3 .logo-grid{margin-bottom:12px}
.v3 .logo-grid li{border:1px solid var(--line);transition:border-color .2s var(--curve)}
.v3 .logo-grid img{filter:grayscale(1);opacity:.75;transition:opacity .2s var(--curve)}
.v3 .logo-grid li:hover{border-color:color-mix(in srgb,var(--blue) 30%,transparent)}
.v3 .logo-grid li:hover img{filter:none;opacity:1}
.v3 .logo-grid-rest{grid-template-columns:repeat(9,1fr)}
.v3 .logo-grid-rest li{height:96px;padding:16px}
.v3 .network-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:16px}
.v3 .network-foot .fine-print{margin:0}

.v3 .button{transition:transform .2s var(--curve),background-color .2s var(--curve)}
.v3 .button:hover{transform:translateY(-2px)}
.v3 .button:active{transform:scale(.98)}
.v3 .text-link span{transition:transform .2s var(--curve)}
.v3 .text-link:hover span{transform:translate(3px,-3px)}
.v3 :focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:4px}

@media(max-width:960px){
  .v3 .logo-grid-rest{grid-template-columns:repeat(5,1fr)}
}
@media(max-width:760px){
  .v3 .logo-grid-rest,.v3 .logo-grid-lead{grid-template-columns:repeat(3,1fr)}
  .v3 .logo-grid li,.v3 .logo-grid-rest li{height:80px;padding:12px}
  .v3 .network-foot{flex-direction:column;align-items:flex-start}
  .v3 .network-home{padding-bottom:64px}
}
@media(hover:none){
  .v3 .logo-grid img{filter:none;opacity:1}
}
@media(prefers-reduced-motion:reduce){
  .v3 .button,.v3 .text-link span{transition:none}
  .v3 .button:hover,.v3 .text-link:hover span{transform:none}
}
/* Mobile hero: headline, intro and button first, then the photo */
@media(max-width:760px){
  .v3 #home{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding-block:32px 48px}
  .v3 #home .hero-copy{display:contents}
  .v3 #home .eyebrow{order:1}
  .v3 #home h1{order:2}
  .v3 #home .hero-visual{order:7;align-self:stretch;height:auto;aspect-ratio:16/10;margin:32px 0 0}
  .v3 #home .hero-visual>img{border-radius:48px 12px 12px 12px;object-position:50% 30%}
  .v3 #home .photo-label{display:none}
  .v3 #home .hero-intro{order:3;margin-top:20px;margin-bottom:20px}
  .v3 #home .button{order:4;align-self:stretch;position:relative}
  .v3 #home .hero-button span{position:absolute;right:24px}
  .v3 #home .cta-note{order:5}
  .v3 #home .hero-trust{order:6}
}
@media(max-width:390px){
  .v3 #home h1{font-size:44px}
}
/* Homepage copy refresh: bigger hero button and new supporting text blocks */
.v3 #home .hero-button{min-height:60px;padding:12px 28px;font-size:18px;line-height:24px;gap:40px;border-radius:10px}
.v3 .stakes .stakes-copy{max-width:680px}
.v3 .stakes-copy p{font:16px/24px Manrope,sans-serif}
.v3 .stakes-copy p+p{margin-top:8px}
.v3 .glance-title{font:400 32px/1.15 'DM Serif Display',Georgia,serif;color:var(--cream);margin-bottom:40px}
.v3 .checklist-lead{font-size:14px;line-height:20px;font-weight:600;margin-bottom:8px}
.v3 .section-cta-note{margin-top:12px}
.v3 .faq-list details p+p{margin-top:10px}
@media(max-width:760px){
  .v3 .stakes-copy p{font-size:14px;line-height:20px}
  .v3 .glance-title{font-size:26px;margin-bottom:24px}
  .v3 #home .hero-button{font-size:18px}
}
/* Avoid one-word orphan lines in headings */
.v3 h2,.v3 h3{text-wrap:balance}
@media(min-width:761px){
  .v3 #outcomes .steps h3{min-height:2lh}
}
.v3 .clc-copy p+p{margin-top:12px}
.v3 .checklist-note{margin-top:12px}
/* Longer homepage headline: keep it to about three lines on tablets and small laptops */
@media(min-width:761px) and (max-width:1200px){.v3 #home h1{font-size:56px}}
@media(min-width:761px) and (max-width:960px){.v3 #home h1{font-size:46px}}
/* Why Malaysia with four reasons: the last card spans the free column beside the lead card */
@media(min-width:761px){.v3 .reason-grid-photos-four>.reason:last-child{grid-column:span 2}}
@media(min-width:761px){.v3 .reason-grid-photos-four>.reason:last-child .reason-photo{aspect-ratio:32/9}}
.v3 #routes .route-card h3{min-height:0;margin-bottom:12px}