.dh-hero{padding-top:var(--dh-hero-pt, 64px);padding-bottom:var(--dh-hero-pb, 96px);background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.dh-hero__grid{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:clamp(3.2rem,6vw,9.6rem);align-items:center}.dh-hero--media-left .dh-hero__grid{grid-template-columns:minmax(0,54fr) minmax(0,46fr)}.dh-hero--media-left .dh-hero__media{order:-1}.dh-hero__copy{max-width:56rem}.dh-hero__title{font-size:clamp(4.2rem,5.2vw,6.8rem);font-weight:500;line-height:1.04;letter-spacing:-.005em;margin:0 0 2.2rem;text-wrap:balance}.dh-hero__text{font-size:1.7rem;line-height:1.7;color:rgb(var(--color-secondary-foreground, 111, 111, 111));max-width:44rem}.dh-hero__text p{margin:0}.dh-hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:2.4rem;margin-top:3.2rem}.dh-hero__actions .button{padding-inline:3.2rem}.dh-hero__trust{list-style:none;display:flex;flex-wrap:wrap;gap:1rem 2.6rem;margin:4.4rem 0 0;padding:2.2rem 0 0;border-top:1px solid rgba(21,21,21,.1);font-size:1.15rem;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--color-secondary-foreground, 111, 111, 111))}.dh-hero__trust li{position:relative;padding-left:1.4rem}.dh-hero__trust li:before{content:"";position:absolute;left:0;top:.62em;width:.5rem;height:.5rem;border-radius:50%;background:currentColor;opacity:.6}.dh-hero__frame{position:relative;width:100%;height:min(72vh,64rem);border-radius:var(--dh-radius-lg, 14px);overflow:hidden;background:#f6f5f1;transform:translateZ(0)}.dh-hero__frame video,.dh-hero__frame img,.dh-hero__frame svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}@media screen and (max-width:989px){.dh-hero__frame{height:auto;aspect-ratio:var(--dh-hero-ratio, 4 / 5)}.dh-hero__grid,.dh-hero--media-left .dh-hero__grid{grid-template-columns:1fr;gap:3.6rem}.dh-hero--media-left .dh-hero__media{order:0}.dh-hero__copy{max-width:none}.dh-hero__title{font-size:clamp(3.6rem,9vw,5rem)}.dh-hero__frame{aspect-ratio:4 / 5}}@media screen and (max-width:749px){.dh-hero{padding-top:3.2rem;padding-bottom:5.6rem}.dh-hero__text{font-size:1.55rem}.dh-hero__actions{gap:1.8rem;margin-top:2.6rem}.dh-hero__actions .button{width:100%}.dh-hero__trust{margin-top:3.2rem;gap:.8rem 2rem;font-size:1.05rem}.dh-hero__frame{aspect-ratio:4 / 5;border-radius:var(--dh-radius-md, 10px)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-darkhill-hero.css.map */