.home-reference .ref-hero-copy h1{display:inline-block;font-size:clamp(.95rem,4.85vw,1.42rem);max-width:none;white-space:nowrap}.home-reference .ref-hero-copy p{max-width:345px}@media(min-width:761px){.home-reference .ref-hero-copy h1{font-size:clamp(1.12rem,1.45vw,1.42rem)}}@media(min-width:1025px){.home-reference .ref-hero-copy{--hero-copy-left: clamp(72px, 8vw, 96px);--hero-copy-safe-edge: 43vw;--hero-copy-gap: 36px;width:min(420px,calc(var(--hero-copy-safe-edge) - var(--hero-copy-left) - var(--hero-copy-gap)));max-width:calc(100vw - var(--hero-copy-left) - 24px);margin-left:var(--hero-copy-left)}.home-reference .ref-hero-copy.hero-title-shop-aligned{width:max(345px,var(--hero-title-width, 345px));margin-left:var(--hero-title-left, var(--hero-copy-left))}}@media(min-width:1100px){.home-reference .ref-hero-copy{--hero-copy-left: clamp(96px, 9vw, 140px);--hero-copy-safe-edge: 43vw;--hero-copy-gap: 42px;width:min(420px,calc(var(--hero-copy-safe-edge) - var(--hero-copy-left) - var(--hero-copy-gap)))}}@media(min-width:1500px){.home-reference .ref-hero-copy{--hero-copy-left: clamp(150px, 9vw, 220px);--hero-copy-safe-edge: 42vw;--hero-copy-gap: 52px;width:min(420px,calc(var(--hero-copy-safe-edge) - var(--hero-copy-left) - var(--hero-copy-gap)))}}@media(max-width:1024px){.home-reference .ref-hero{height:auto;min-height:clamp(760px,calc(55.82vw + 390px),980px)}.home-reference .ref-hero-media{top:74px;bottom:auto;height:55.82vw;transform:none}.home-reference .ref-hero-media img{object-position:center top}.home-reference .ref-hero-copy{width:calc(100vw - 40px);margin-left:20px;padding:calc(110px + 55.82vw) 0 42px}}@media(min-width:981px)and (max-width:1024px){.home-reference .ref-hero-copy.hero-title-shop-aligned{width:max(345px,var(--hero-title-width, 345px));margin-left:var(--hero-title-left, 20px)}}@media(max-width:760px){.home-reference .ref-hero{min-height:clamp(660px,calc(55.82vw + 430px),820px)}}@media(max-width:700px){.home-reference .ref-hero{min-height:clamp(650px,calc(55.82vw + 440px),720px)}.home-reference .ref-hero-copy{width:calc(100vw - 36px);margin-left:18px;padding:calc(108px + 55.82vw) 0 40px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/4d-hero-safe-zone.css.map */