/* Current version only: bounded proportions for wide screens. */
@media (min-width: 1000px) {
  .home .wrap{width:min(1240px,calc(100% - 80px))}
  .home .hero{padding-block:48px 44px}
  .home .hero-copy{column-gap:60px;grid-template-columns:1.25fr .75fr}
  .home .hero h1{font-size:clamp(76px,6.7vw,104px);margin-block:28px 32px;line-height:1.04}
  .home .hero-copy>p{max-width:560px;font-size:18px;line-height:1.6}
  .home .hero .hero-project-link{margin-top:0;justify-self:end}
  .home .reel-card{width:30vw;max-width:440px}
  .home .reel-photo img{height:clamp(300px,31vw,410px)}
  .home .reel-caption h2{font-size:26px}
  .home .editorial,.home .textiles{padding-block:76px}
  .home .section-heading{grid-template-columns:1fr 1fr;gap:56px;margin-bottom:36px}
  .home .section-heading h2{font-size:clamp(42px,4vw,56px);line-height:1.08}
  .home .section-intro p{max-width:540px;font-size:17px;line-height:1.65}
  .home .life-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:0}
  .home .life-card{min-height:0}
  .home .life-photo{aspect-ratio:auto;height:clamp(340px,32vw,420px)}
  .home .life-caption{padding:24px;gap:14px}
  .home .life-caption h3{font-size:clamp(24px,2.15vw,30px);line-height:1.12;hyphens:none;overflow-wrap:normal;min-height:2.24em}
  .home .life-caption a .ui-arrow{width:32px;height:32px}
  .home .life-caption p{font-size:13px;line-height:1.5;color:#fff}
  .home .socks-tile{grid-column:1/-1;background:#211d18}
  .home .socks-tile .life-photo{height:380px;background:#211d18}
  .home .socks-tile .life-photo img{width:55%;left:auto;right:0;object-fit:contain;object-position:center}
  .home .socks-tile .life-photo:after{background:linear-gradient(90deg,#211d18 35%,transparent 68%)}
  .home .socks-tile .life-caption{padding:40px;justify-content:center}
  .home .socks-tile .life-caption h3{font-size:40px;max-width:45%;min-height:0}
  .home .socks-tile .life-caption a{margin-top:8px}
  .home .process{gap:64px;margin-top:48px;padding-top:32px}
  .home .textile-range{grid-template-columns:.8fr 1.2fr;gap:56px;margin-block:40px 56px}
  .home .range-rows summary{font-size:24px;padding-block:20px}
  .home .range-rows p{font-size:15px}
  .home .compact-finishes .finishing-title{font-size:44px}
  .home .technique summary{font-size:25px;padding-block:20px}
  .home .finishing-group+.sourcing{margin-top:48px}
  .home .souvenir-heading{gap:56px;margin-bottom:32px}
  .home .souvenir-heading h2{font-size:52px;line-height:1.08}
  .home .souvenir-rail{max-width:1440px;margin-inline:auto}
  .home .souvenir-rail .souvenir-tile{aspect-ratio:auto;height:clamp(300px,28vw,390px)}
  .home .brand-section,.home .contact{padding-block:76px}
  .home .brand-grid h3{font-size:32px}
  .home .brand-grid>.own-brand-card{padding:24px}
  .home .brand-grid>.own-brand-card:first-child{padding-left:0}
  .home .contact-grid{grid-template-columns:.85fr 1.15fr;gap:60px}
  .home .contact h2{font-size:52px;line-height:1.08}
}
/* Keep tablet proportions between the mobile wall and the three-column layout. */
@media (min-width:701px) and (max-width:999px){
  .home .life-photo{aspect-ratio:1/1.1}
  .home .life-caption h3{font-size:28px}
  .home .socks-tile .life-photo{aspect-ratio:2/1}
  .home .hero h1{font-size:clamp(60px,8vw,80px)}
  .home .reel-photo img{height:400px}
}