.summer-hero{display:grid;grid-template-columns:1fr;min-height:var(--hero-min-height, 560px);color:var(--hero-text-colour, #1a1a1a);overflow:hidden}.summer-hero__media{order:0;width:100%;overflow:hidden}.summer-hero__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.summer-hero__img-placeholder{width:100%;height:100%;min-height:320px;background-color:#f0ede6;display:flex;align-items:center;justify-content:center}.summer-hero__img-placeholder .placeholder-svg{width:100%;height:100%;max-height:360px;fill:#d8d4cc}.summer-hero__copy{order:1;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;background-color:var(--hero-bg, #ffffff)}.summer-hero__eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#000;margin:0 0 14px}.summer-hero__heading{font-size:36px;font-weight:500;line-height:1.15;letter-spacing:-.01em;color:#000;margin:0 0 22px}.summer-hero__body{font-size:18px;line-height:1.75;color:#000;margin:0 0 14px}.summer-hero__body p{margin:0}.summer-hero__body--secondary{font-size:18px;font-style:italic;color:#000;margin-bottom:32px}.summer-hero__buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.summer-hero__btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:opacity .2s ease,background-color .2s ease;white-space:nowrap}.summer-hero__btn--primary{background-color:#fff;color:#000;border:1px solid #000000}.summer-hero__btn--primary:hover{background-color:#000;color:#fff}.summer-hero__btn--outline{background-color:transparent;color:#1a1a1a;border:1px solid #1a1a1a}.summer-hero__btn--outline:hover{background-color:#1a1a1a;color:#fff}@media screen and (min-width:990px){.summer-hero{grid-template-columns:1fr 1fr;min-height:var(--hero-min-height, 560px)}.summer-hero__media{order:1}.summer-hero__copy{order:0;padding:80px 80px 80px 56px}.summer-hero--image-left .summer-hero__media{order:0}.summer-hero--image-left .summer-hero__copy{order:1;padding:80px 56px 80px 64px}.summer-hero__img-placeholder{min-height:var(--hero-min-height, 560px)}}@media screen and (min-width:1280px){.summer-hero__copy{padding:100px 80px 100px 64px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/summer-hero.css.map */