/* Real location photographs on phones; product cover layout on larger screens. */
.walk-mobile-scene{display:none;}
@media(max-width:699px){
  .hero{display:block;padding-top:0;}
  .hero .heroimg{margin:0 -20px 8px;}
  .hero .heroimg>img,.hero .heroimg>.sticker{display:none;}
  .hero .walk-mobile-scene{position:relative;display:block;height:clamp(176px,52vw,244px);overflow:hidden;}
  .hero .walk-mobile-scene picture{display:block;height:100%;}
  .hero .walk-mobile-photo{width:100%;height:100%;object-fit:cover;object-position:var(--scene-position,center);border-radius:0;box-shadow:none;}
  .walk-mobile-scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent 50%,var(--cream) 92%);}
  .walk-mobile-scene .walk-mobile-credit{position:absolute;z-index:1;bottom:0;left:20px;right:20px;margin:0;font:400 10px/1.4 'DM Sans',system-ui,sans-serif;color:var(--muted);}
  .walk-mobile-credit a{color:inherit;text-underline-offset:2px;}
  .hero .eyebrow{font-size:11px;line-height:1.4;margin-bottom:8px;}
  .hero h1{font-size:clamp(28px,7.5vw,38px);line-height:1.1;}
  .hero .lede{font-size:16px;line-height:1.5;margin:12px 0 16px;}
}
@media(max-width:359px){
  .nav .nav-in{gap:8px;}
  .nav .nav-cta .btn{padding-left:12px;padding-right:12px;}
}