.komensi-needs__header{align-items:end;display:grid;gap:3rem;grid-template-columns:1.2fr .8fr;margin-bottom:4rem}.komensi-needs__eyebrow{color:#0f4c50;font-size:1.2rem;font-weight:600;letter-spacing:.16em;margin:0 0 1.4rem}.komensi-needs__heading{letter-spacing:-.035em;margin:0;max-width:13ch}.komensi-needs__intro{font-size:1.6rem;justify-self:end;max-width:46rem}.komensi-needs__grid{display:grid;gap:2rem;grid-template-columns:repeat(4,minmax(0,1fr))}.komensi-needs__card{border-radius:1.6rem;display:block;overflow:hidden;position:relative;text-decoration:none}.komensi-needs__image{aspect-ratio:4 / 3;background:#c8f1ea;overflow:hidden;position:relative}.komensi-needs__image img,.komensi-needs__image svg{height:100%;object-fit:cover;transition:transform .45s ease;width:100%}.komensi-needs__image:after{background:linear-gradient(0deg,rgba(15,76,80,.78) 0%,rgba(15,76,80,.38) 45%,transparent 75%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;transition:background .3s ease}.komensi-needs__title{bottom:0;color:#f8f7f2;font-size:2rem;font-weight:600;left:0;letter-spacing:-.01em;line-height:1.25;margin:0;padding:2.4rem 2rem 1.8rem;position:absolute;right:0;z-index:1}.komensi-needs__card:hover .komensi-needs__image img,.komensi-needs__card:focus-visible .komensi-needs__image img{transform:scale(1.02)}.komensi-needs__card:hover .komensi-needs__image:after,.komensi-needs__card:focus-visible .komensi-needs__image:after{background:linear-gradient(0deg,rgba(15,76,80,.88) 0%,rgba(15,76,80,.48) 45%,transparent 75%)}.komensi-needs__card:focus-visible{outline:2px solid #25c7b7;outline-offset:3px}@media(prefers-reduced-motion:reduce){.komensi-needs__image img,.komensi-needs__image:after{transition:none}}@media screen and (max-width:989px){.komensi-needs__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.komensi-needs__header{align-items:start;grid-template-columns:1fr;margin-bottom:3rem}.komensi-needs__intro{justify-self:start}.komensi-needs__grid{gap:1.6rem 1.2rem}.komensi-needs__title{font-size:1.5rem;padding:1.6rem 1.4rem 1.2rem}}@media screen and (max-width:389px){.komensi-needs__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-komensi-needs.css.map */