.hero--portrait .hero-image{object-position:68% 40%}
@media(max-width:640px){
  .hero--portrait{min-height:0}
  .hero--portrait .hero-image{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1086/769;object-fit:cover;object-position:center;opacity:1;z-index:auto}
  .hero--portrait:before{display:none}
  .hero--portrait .hero-content{padding-block:38px 36px}
}
@media(max-width:360px){.brand img{width:135px}.brand span{font-size:8px;letter-spacing:.09em}.nav{gap:12px}.menu-toggle{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}