/* Bound portrait media by both viewport height and content width on desktop. */
@media(min-width:701px){
  .hero{width:calc(100% - 64px);max-width:1440px;margin:28px auto 0;height:clamp(560px,calc(100svh - 150px),760px);min-height:0;max-height:none;grid-template-columns:1fr 1fr}
  .hero>div:first-child{padding:38px 40px}
  .hero h1{font-size:clamp(62px,7.8vw,112px);margin:70px 0 30px;letter-spacing:-.065em}
  .hero .intro{font-size:15px}.hero-foot{width:100%;font-size:10px}
  .film-shell,.film{min-height:0}.hero .film video{object-fit:contain;object-position:center}
  .film-edit{padding:80px 32px}.film-edit .section-head{max-width:1280px;margin:0 auto;padding:0 0 45px}
  .film-grid{width:100%;max-width:min(1000px,calc(75svh + 28px));margin:0 auto;gap:65px}
  .film-card:nth-child(2){width:90%;margin-top:0}.film-card{gap:0 24px}
  .film-card .study-photo,.film-card video{aspect-ratio:2/3;object-fit:contain;object-position:center;height:100%;max-height:none}
  .film-card .video-wrap{background:#d1d8cf;min-height:0}
  #lookbook .section-head{max-width:1280px;margin:0 auto;padding:0 32px 45px}
  .looks{width:calc(100% - 64px);max-width:min(1050px,calc(90svh + 64px));margin:0 auto;padding:0;gap:54px;grid-template-columns:1.12fr 1fr}
  .outfits{padding:80px 32px}.outfits-heading{max-width:1280px;margin:0 auto;padding:0 0 40px}
  .outfit-grid{max-width:min(1000px,calc(80svh - 100px));gap:65px 50px}
  .outfit-look-freshon{margin-top:90px}.outfit-look-miami{gap:50px;width:90%}
  .outfits-note{max-width:1280px}.catalog{max-width:1480px;margin:0 auto;padding:80px 40px}
}
@media(min-width:701px) and (max-width:1000px){
  .hero{width:calc(100% - 40px);height:610px}.hero>div:first-child{padding:32px 24px}.hero h1{font-size:clamp(56px,8.2vw,80px);margin-top:65px}.hero-foot{font-size:9px}
  .looks{gap:32px}.outfit-grid{gap:55px 32px}.outfit-look-miami{gap:32px}
}