/* Homepage hero and concept preview only. No shared or Business Solutions rules. */
.hero-media img,.hero-media video{object-position:50% 50%}
.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.48) 0%,rgba(0,0,0,.14) 23%,rgba(0,0,0,.66) 65%,#145662 100%)}
.hero .motion-bar button{background:#103e4799}
.hero .motion-bar button:disabled{opacity:1;cursor:default}
.merchandise{display:block;padding-block:84px}
.merchandise .merch-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:8%;align-items:end;margin-bottom:42px}
.merchandise .merch-intro h2{font-size:clamp(46px,5vw,74px);margin-bottom:0;max-width:750px}
.merchandise .concept-intro{padding-bottom:5px;max-width:370px}
.merchandise .concept-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.merchandise .concept-pair figure{min-width:0}
.merchandise .concept-pair img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 45%}
.merchandise .concept-pair figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding-top:19px}
.merchandise .concept-pair h3{font-size:26px;letter-spacing:-.035em;font-weight:600}
.merchandise .concept-pair span{font-size:12px}
#detail .garment-detail{display:grid;grid-template-columns:1fr 1fr;gap:20px}
#detail .garment-detail img{max-height:none;width:100%;height:auto;margin:0}
#detail .garment-detail figcaption{font-size:15px;font-weight:600;margin-top:10px}
@media(max-width:1000px){
 .hero{height:auto;min-height:0;max-height:none;padding-top:62.5%;padding-bottom:88px}
 .hero .hero-media{height:auto;aspect-ratio:16/10;bottom:auto}
 .hero .hero-shade{height:62.5vw;bottom:auto;background:linear-gradient(180deg,#0008 0%,transparent 27%,transparent 65%,#145662 100%)}
 .hero .hero-content{position:relative;left:auto;right:auto;bottom:auto;padding:8px 5% 28px;margin-top:-25px}
 .hero .hero-top{top:26px;left:5%;right:5%}
 .hero .motion-bar{left:5%;right:5%}
 .hero h1{text-shadow:none}
}
@media(max-width:700px){
 .hero{padding-bottom:85px}
 .hero .hero-content{padding:10px 22px 24px;margin-top:-6px}
 .hero .hero-top{left:22px;right:22px;top:21px}
 .hero .hero-bottom{margin-top:22px}
 .hero .motion-bar{left:22px;right:22px;bottom:19px}
 .hero .motion-bar>a{font-size:11px;max-width:180px}
 .merchandise{padding-block:56px}
 .merchandise .merch-intro{display:block;margin-bottom:30px}
 .merchandise .merch-intro h2{font-size:49px;margin-bottom:24px}
 .merchandise .concept-pair{gap:34px;grid-template-columns:1fr}
 .merchandise .concept-pair img{aspect-ratio:4/5}
 .merchandise .concept-pair figcaption{padding-top:14px}
 .merchandise .concept-pair h3{font-size:26px}
 #detail .garment-detail{grid-template-columns:1fr}
}