/* SaigonWalks v26 — curated image system, dual-state brand mark, and stable media ratios */
:root{
  --sw-header-gold:#d8b565;
  --sw-image-radius:3px;
  --sw-image-shadow:0 18px 46px rgba(30,24,18,.11);
}

/* Header logo: larger, unframed, white over hero and original red over the gold scrolled header. */
body.sw-premium-v26 .sw-site-header.is-scrolled,
body.sw-premium-v26:not(.has-hero) .sw-site-header{
  background:rgba(216,181,101,.97)!important;
  color:#261c17!important;
  box-shadow:0 8px 26px rgba(31,22,16,.13)!important;
}
body.sw-premium-v26 .sw-brand-mark{
  position:relative!important;
  width:51px!important;
  height:58px!important;
  flex:0 0 51px!important;
  display:block!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.sw-premium-v26 .sw-header-logo{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  transition:opacity .24s ease!important;
  filter:none!important;
}
body.sw-premium-v26 .sw-header-logo--white{opacity:1}
body.sw-premium-v26 .sw-header-logo--red{opacity:0}
body.sw-premium-v26 .sw-site-header.is-scrolled .sw-header-logo--white,
body.sw-premium-v26:not(.has-hero) .sw-header-logo--white{opacity:0}
body.sw-premium-v26 .sw-site-header.is-scrolled .sw-header-logo--red,
body.sw-premium-v26:not(.has-hero) .sw-header-logo--red{opacity:1}
body.sw-premium-v26 .sw-site-header.is-scrolled .sw-brand-copy strong,
body.sw-premium-v26:not(.has-hero) .sw-brand-copy strong{color:var(--sw-red-dark)}
body.sw-premium-v26 .sw-site-header.is-scrolled .sw-brand-copy small,
body.sw-premium-v26:not(.has-hero) .sw-brand-copy small{color:rgba(38,28,23,.72)}
body.sw-premium-v26 .sw-site-header.is-scrolled .sw-primary-link,
body.sw-premium-v26:not(.has-hero) .sw-primary-link{color:#2a211b!important}

/* The v26 image files are already graded. Do not stack legacy filters over them. */
body.sw-premium-v26 .hero>img,
body.sw-premium-v26 .page-hero>img,
body.sw-premium-v26 .story-hero>img,
body.sw-premium-v26 .image-hero>img,
body.sw-premium-v26 .hero-img{filter:none!important;object-position:center 48%}

/* Stable hero geometry. */
body.sw-premium-v26 .hero,
body.sw-premium-v26 .page-hero,
body.sw-premium-v26 .story-hero,
body.sw-premium-v26 .image-hero{
  aspect-ratio:16/9!important;
  min-height:0!important;
  max-height:none!important;
}

/* Universal image polish and predictable crops. */
body.sw-premium-v26 img{background:#e9e1d5}
body.sw-premium-v26 .hero img,
body.sw-premium-v26 .page-hero img,
body.sw-premium-v26 .story-hero img,
body.sw-premium-v26 .image-hero img,
body.sw-premium-v26 .sw-header-logo,
body.sw-premium-v26 .footer-logo{background:transparent}

body.sw-premium-v26 .card,
body.sw-premium-v26 .department-card,
body.sw-premium-v26 .route-brief,
body.sw-premium-v26 .story-row,
body.sw-premium-v26 .cluster-item,
body.sw-premium-v26 .route-lead,
body.sw-premium-v26 .story-lead-tile,
body.sw-premium-v26 .issue-cover{overflow:hidden}

body.sw-premium-v26 .card>img,
body.sw-premium-v26 .department-card>img,
body.sw-premium-v26 .card>a>img,
body.sw-premium-v26 .department-card>a>img{
  aspect-ratio:4/3!important;
  height:auto!important;
  object-fit:cover!important;
  object-position:center 48%;
}
body.sw-premium-v26 .story-thumb-crop{
  aspect-ratio:4/3!important;
  overflow:hidden!important;
}
body.sw-premium-v26 .story-thumb-crop img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 48%;
}
body.sw-premium-v26 .story-row img,
body.sw-premium-v26 .cluster-item img{
  width:140px!important;
  height:auto!important;
  aspect-ratio:4/3!important;
  object-fit:cover!important;
}
body.sw-premium-v26 .route-lead img,
body.sw-premium-v26 .story-lead-tile img,
body.sw-premium-v26 .issue-cover img{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:4/3!important;
  object-fit:cover!important;
}
body.sw-premium-v26 .ed-media img,
body.sw-premium-v26 .ed-media.small img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:4/3!important;
  object-fit:cover!important;
  border-radius:var(--sw-image-radius);
  box-shadow:var(--sw-image-shadow)!important;
}
body.sw-premium-v26 .article-figure img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/10!important;
  object-fit:cover!important;
  border-radius:var(--sw-image-radius);
}
body.sw-premium-v26 .story-note-gallery img,
body.sw-premium-v26 .gallery img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:4/3!important;
  object-fit:cover!important;
  border-radius:var(--sw-image-radius);
}
body.sw-premium-v26 .route-visual-strip img,
body.sw-premium-v26 .route-visual-strip figure:first-child img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:4/3!important;
  object-fit:cover!important;
}
body.sw-premium-v26 .route-visual-strip figure:first-child img{aspect-ratio:16/10!important}

/* Preserve deliberate focal-point overrides supplied inline while keeping all grids level. */
body.sw-premium-v26 .card-grid,
body.sw-premium-v26 .departments,
body.sw-premium-v26 .route-fit-grid,
body.sw-premium-v26 .fit-grid{align-items:stretch}
body.sw-premium-v26 .card-grid>.card,
body.sw-premium-v26 .departments>.department-card{display:flex;flex-direction:column;height:100%}
body.sw-premium-v26 .card-grid>.card .button,
body.sw-premium-v26 .departments>.department-card .button{margin-top:auto}

body.sw-premium-v26 .footer-logo{
  width:62px!important;
  height:auto!important;
  object-fit:contain!important;
  filter:none!important;
}

@media(max-width:720px){
  body.sw-premium-v26 .sw-brand-mark{width:46px!important;height:52px!important;flex-basis:46px!important}
  body.sw-premium-v26 .hero,
  body.sw-premium-v26 .page-hero,
  body.sw-premium-v26 .story-hero,
  body.sw-premium-v26 .image-hero{aspect-ratio:4/3!important;min-height:68svh!important}
  body.sw-premium-v26 .story-row img,
  body.sw-premium-v26 .cluster-item img{width:100%!important}
}