/* Product and packaging sit side by side at every screen size. */
.home .socks-tile .life-photo{height:clamp(240px,25vw,350px);aspect-ratio:auto}
.home .socks-tile .life-photo .socks-main{display:block;inset:0 0 0 auto;width:50%;height:100%;object-fit:cover;object-position:center 55%;transform:none}
.home .socks-tile .life-photo .socks-detail{display:block;inset:0 auto 0 0;width:50%;height:100%;object-fit:cover;object-position:center 45%;transform:none}
.home .socks-tile .life-photo:after{background:linear-gradient(180deg,rgba(0,0,0,.4),transparent 60%)}
.home .socks-tile .life-caption{padding:24px;justify-content:flex-start;gap:12px}
.home .socks-tile .life-caption h3{font-size:30px;max-width:48%;min-height:0}
@media(max-width:800px){
  .home .souvenir-rail{grid-auto-columns:50%}
  .home .souvenir-rail .souvenir-tile{height:min(60vw,300px);aspect-ratio:auto}
  .home .souvenir-rail .souvenir-tile>div{padding:12px;gap:6px;grid-template-rows:auto auto auto}
  .home .souvenir-rail .souvenir-tile h3{font-size:19px;line-height:1.15}
  .home .souvenir-rail .souvenir-tile span{font-size:9px}
  .home .souvenir-rail .souvenir-tile .ui-arrow{width:22px;height:22px}
  .home .socks-tile .life-photo{height:clamp(175px,48vw,260px)}
  .home .socks-tile .life-caption{padding:12px;gap:10px}
  .home .socks-tile .life-caption h3{font-size:clamp(17px,4.5vw,25px);max-width:49%;line-height:1.12}
  .home .socks-tile .life-caption a .ui-arrow{width:24px;height:24px}
}