.cclp-gift-guide-hero{--cclp-gift-guide-hero-text: #fff;position:relative}.cclp-gift-guide-hero__media{--cclp-gift-guide-hero-ratio: 393 / 233;position:relative;aspect-ratio:var(--cclp-gift-guide-hero-ratio);line-height:0;overflow:hidden}.cclp-gift-guide-hero__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block}.cclp-gift-guide-hero__img--desktop{display:none}.cclp-gift-guide-hero__copy{--cclp-gift-guide-hero-inset: 16px;position:absolute;top:0;right:0;bottom:0;left:0;padding-inline:var(--cclp-gift-guide-hero-inset);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:start;color:var(--cclp-gift-guide-hero-text)}.cclp-gift-guide-hero--center .cclp-gift-guide-hero__copy{align-items:center;text-align:center}.cclp-gift-guide-hero__eyebrow{font-family:BaseMonoWideWeb,monospace;font-size:clamp(8px,2.4vw,11px);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .6em}.cclp-gift-guide-hero__heading{font-family:Canela,serif;font-weight:300;font-size:clamp(24px,7vw,44px);line-height:1.12;margin:0;color:inherit}.cclp-gift-guide-hero__heading-text--desktop{display:none}.cclp-gift-guide-hero__body{font-family:ArticulatCF,Helvetica,Arial,sans-serif;font-size:clamp(11px,3vw,15px);line-height:1.4;max-width:44ch;margin:.6em 0 0}.cclp-gift-guide-hero__cta{display:inline-block;margin-top:14px;font-family:BaseMonoWideWeb,monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:#000;color:#fff;padding:11px 18px;border-radius:2px;text-decoration:none}.cclp-gift-guide-hero__cta:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(min-width:750px){.cclp-gift-guide-hero__media{--cclp-gift-guide-hero-ratio: 1440 / 400}.cclp-gift-guide-hero__img--desktop{display:block}.cclp-gift-guide-hero__img--mobile{display:none}.cclp-gift-guide-hero__copy{--cclp-gift-guide-hero-inset: 15vw}.cclp-gift-guide-hero__eyebrow{font-size:11px;margin-bottom:12px}.cclp-gift-guide-hero__heading{font-size:40px}.cclp-gift-guide-hero__heading-text--desktop{display:inline}.cclp-gift-guide-hero__heading-text--mobile{display:none}.cclp-gift-guide-hero__body{font-size:14px;max-width:48ch;margin-top:14px}}@media(min-width:1200px){.cclp-gift-guide-hero__heading{font-size:48px}.cclp-gift-guide-hero__body{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/1084/assets/section-cclp-gift-guide-hero.css.map */