/* v1.9: one selling action, a clear two-level message, shared overlay treatment. */
.home-page{padding-top:0}
.home-page .fashion-hero{position:relative;display:flex;align-items:center;height:364px;min-height:0;width:100vw;padding:24px max(40px,calc((100vw - 1200px)/2));margin:0 calc(50% - 50vw) 24px;overflow:hidden;background:#a6a8a8;border-radius:0}
.home-page .fashion-hero .hero-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 72%;padding:0}
.fashion-hero .hero-copy{position:relative;z-index:1;width:360px;padding:28px;background:#fff;border-radius:4px;color:var(--text)}
.fashion-hero .hero-copy h1{font-size:30px;line-height:1.15;letter-spacing:-.6px;margin:0;font-weight:600}
.fashion-hero .hero-copy .hero-message{font-size:20px;line-height:1.35;letter-spacing:-.2px;margin:8px 0 24px;color:var(--text)}
.fashion-hero .hero-primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:0;padding:12px 20px;font-size:15px;border-radius:4px}
.fashion-hero .hero-primary:focus-visible{outline:3px solid var(--text);outline-offset:4px}
.hero-credit{display:block;font-size:12px;text-decoration:underline}
@media(min-width:761px) and (max-width:1000px){.home-page .fashion-hero{height:338px;padding:24px}.fashion-hero .hero-copy{width:340px;padding:24px}}
@media(max-width:760px){.home-page .fashion-hero{height:312px;padding:0;margin:0 calc(50% - 50vw) 12px}.home-page .fashion-hero .hero-image{object-position:center bottom}.fashion-hero .hero-copy{position:absolute;top:16px;left:16px;width:calc(100% - 32px);max-width:340px;padding:20px;background:#fff;border-radius:4px}.fashion-hero .hero-copy h1{font-size:26px;line-height:1.15;letter-spacing:-.5px}.fashion-hero .hero-copy .hero-message{font-size:17px;line-height:1.4;margin:6px 0 18px}.fashion-hero .hero-primary{min-height:44px;padding:10px 16px;font-size:14px}}