.hg-needs{padding:6rem 0}.hg-needs__head{max-width:70rem;margin-bottom:3.2rem}.hg-needs__title{margin:0 0 1.2rem;text-wrap:balance}.hg-needs__grid{list-style:none;margin:0;padding:0;display:grid;gap:1.6rem}.hg-needs__card{position:relative;display:block;overflow:hidden;border-radius:var(--hg-radius);color:var(--hg-paper);text-decoration:none;isolation:isolate;aspect-ratio:4 / 5;background:var(--hg-eucalypt)}.hg-needs__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.hg-needs__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--hg-ease)}.hg-needs__img--placeholder{opacity:.3}.hg-needs__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#142a21eb,#142a219e 38%,#142a212e 62%,#142a2100 82%)}.hg-needs__copy{text-shadow:0 1px 14px rgba(10,24,18,.45)}.hg-needs__card:hover .hg-needs__img{transform:scale(1.04)}.hg-needs__copy{position:absolute;left:0;right:0;bottom:0;padding:2.4rem;display:grid;gap:.8rem}.hg-needs__name{margin:0;color:var(--hg-paper);font-size:clamp(2.6rem,2.2rem + 1vw,3.6rem);letter-spacing:-.02em}.hg-needs__text{margin:0;font-size:1.45rem;line-height:1.45;max-width:36ch;opacity:.92}.hg-needs__cta{justify-self:start;margin-top:.4rem;font-weight:650;font-size:1.5rem;text-decoration:underline;text-underline-offset:.45rem;text-decoration-thickness:2px;text-decoration-color:var(--hg-wattle)}.hg-needs__card:hover .hg-needs__cta{text-decoration-color:currentColor}.hg-needs__card:focus-visible{outline:3px solid var(--hg-wattle);outline-offset:4px}@media screen and (min-width:750px){.hg-needs__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hg-needs__grid--3 .hg-needs__item:first-child{grid-column:1 / -1}.hg-needs__grid--3 .hg-needs__item:first-child .hg-needs__card{aspect-ratio:16 / 9}}@media screen and (min-width:990px){.hg-needs{padding:8rem 0}.hg-needs__grid,.hg-needs__grid--3{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.hg-needs__grid--3 .hg-needs__item:first-child{grid-column:auto}.hg-needs__grid--3 .hg-needs__item:first-child .hg-needs__card{aspect-ratio:4 / 5}.hg-needs__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.hg-needs__copy{padding:2.8rem}}@media(prefers-reduced-motion:reduce){.hg-needs__img{transition:none}.hg-needs__card:hover .hg-needs__img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hg-needs.css.map */