.dh-hero{padding-top:2.4rem;padding-bottom:var(--dh-section-space)}.dh-hero__inner{display:grid;gap:3.2rem;align-items:center}.dh-hero__visual{position:relative;order:-1}.dh-hero__main{aspect-ratio:4 / 5;max-height:72vh;width:100%}.dh-hero__secondary{position:absolute;right:1.6rem;bottom:-2.4rem;width:34%;aspect-ratio:1 / 1;box-shadow:0 1.2rem 3.2rem #26232a1f;border:1px solid var(--dh-border)}.dh-hero__content{max-width:56rem}.dh-hero__content .dh-lead p{margin:0}.dh-hero__buttons{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2.8rem}.dh-hero__buttons .button{flex:1 1 auto}@media screen and (min-width:750px){.dh-hero{padding-top:3.2rem}.dh-hero__main{aspect-ratio:5 / 4}.dh-hero__buttons .button{flex:0 0 auto}}@media screen and (min-width:990px){.dh-hero__inner{grid-template-columns:5fr 6fr;gap:6.4rem}.dh-hero__visual{order:0}.dh-hero__main{aspect-ratio:4 / 5;max-height:76rem}.dh-hero__visual--with-secondary{padding-bottom:3.2rem}.dh-hero__secondary{left:-4.8rem;right:auto;bottom:0;width:32%}}.dh-hero__main{isolation:isolate}@media(prefers-reduced-motion:no-preference){.dh-hero__main img{animation:dhHeroSettle 1.6s var(--dh-ease-out) both;transform-origin:60% 40%}.dh-hero__main:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--dh-ivory);animation:dhHeroVeil 1.1s var(--dh-ease-out) 80ms both}.dh-hero__content>*{animation:dhRiseIn .9s var(--dh-ease-out) both}.dh-hero__content>:nth-child(1){animation-delay:.25s}.dh-hero__content>:nth-child(2){animation-delay:.38s}.dh-hero__content>:nth-child(3){animation-delay:.51s}.dh-hero__content>:nth-child(4){animation-delay:.64s}.dh-hero__secondary{animation:dhRiseIn 1s var(--dh-ease-out) .82s both}}@keyframes dhHeroSettle{0%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes dhHeroVeil{0%{opacity:1}to{opacity:0}}@keyframes dhRiseIn{0%{opacity:0;transform:translateY(1.8rem)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:749px){.dh-hero{padding-top:1.6rem;padding-bottom:4rem}.dh-hero__inner{gap:2.4rem}.dh-hero__main{aspect-ratio:1 / 1;max-height:50svh}.dh-hero__secondary{width:28%;right:1.2rem;bottom:-1.6rem}.dh-hero__content .dh-eyebrow{margin-bottom:.8rem}.dh-hero__content .dh-heading-xl{font-size:clamp(3rem,8.4vw,3.6rem);margin-bottom:1rem}.dh-hero__buttons{margin-top:2rem;gap:1rem}}@media screen and (min-width:990px){.dh-hero{padding-top:2.4rem}.dh-hero__main{max-height:max(44rem,calc(100svh - 22rem))}}.dh-hero__main img{object-position:50% 18%}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-dh-hero.css.map */