.coco-hero{position:relative;overflow:hidden}.coco-hero--lifestyle{min-height:clamp(480px,70vh,720px);display:flex;align-items:center}.coco-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.coco-hero__bg-img{width:100%;height:100%;object-fit:cover;object-position:center 70%;display:block}.coco-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#2a150833,#2a15081a 40%,#2a150800 70%)}.coco-hero__overlay{position:relative;z-index:1;width:100%;padding:clamp(48px,6vw,96px) 0}.coco-hero--align-left .coco-hero__overlay{text-align:left}.coco-hero--align-left .coco-hero__text{margin-right:auto;align-items:flex-start}.coco-hero--align-center .coco-hero__overlay{text-align:center}.coco-hero--align-center .coco-hero__text{margin:0 auto;align-items:center}.coco-hero--align-right .coco-hero__overlay{text-align:right}.coco-hero--align-right .coco-hero__text{margin-left:auto;align-items:flex-end}.coco-hero--align-center .coco-hero__scrim{background:linear-gradient(180deg,#2a15080d,#2a150826 70%,#2a150833)}.coco-hero--align-right .coco-hero__scrim{background:linear-gradient(260deg,#2a150833,#2a15081a 40%,#2a150800 70%)}.coco-hero--lifestyle .coco-hero__text{display:flex;flex-direction:column;gap:16px;max-width:520px;color:#2a1508;background:#faf7f2eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(61,32,14,.08);border-radius:24px;padding:32px 36px;box-shadow:0 24px 64px #2a15082e}.coco-hero--lifestyle .coco-hero__heading,.coco-hero--lifestyle .coco-hero__subheading{color:#2a1508;text-shadow:none}.coco-hero--lifestyle .coco-hero__subheading{color:#2a1508c7}.coco-hero--lifestyle .coco-hero__badge{background:#7a8b6a38;color:#2a1508;align-self:flex-start}.coco-hero--split{padding:clamp(48px,6vw,96px) 0}.coco-hero__inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,4vw,64px)}.coco-hero--split .coco-hero__text{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:20px;max-width:540px}.coco-hero__image{display:flex;align-items:center;justify-content:center}.coco-hero__product-img{width:100%;max-width:560px;height:auto;display:block;filter:drop-shadow(0 16px 48px rgba(61,32,14,.18))}.coco-hero__badge{display:inline-flex;flex-direction:column;gap:2px;font-family:var(--font-body-family, "DM Sans", sans-serif);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;background:#7a8b6a24;color:#2a1508bd;border-radius:9999px;padding:5px 14px;align-self:flex-start;line-height:1.35}.coco-hero__badge span{display:block}.coco-hero__heading{font-family:var(--font-heading-family, "Playfair Display", Georgia, serif);font-weight:700;font-size:clamp(36px,4.6vw,60px);line-height:1.05;letter-spacing:-.012em;margin:0;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.coco-hero__subheading{font-family:var(--font-body-family, "DM Sans", sans-serif);font-size:clamp(16px,1.4vw,19px);line-height:1.55;margin:0;max-width:480px}.coco-hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.coco-hero--align-center .coco-hero__ctas{justify-content:center}.coco-hero--align-right .coco-hero__ctas{justify-content:flex-end}.coco-hero__btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body-family, "DM Sans", sans-serif);font-size:14px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:14px 32px;border-radius:9999px;text-decoration:none;cursor:pointer;transition:background .2s ease,transform .15s ease,color .2s ease;border:2px solid transparent}.coco-hero--lifestyle .coco-hero__btn--primary{background:#3d200e;color:#faf7f2;border-color:#3d200e}.coco-hero--lifestyle .coco-hero__btn--primary:hover{background:#6b3a1f;border-color:#6b3a1f;transform:scale(1.02)}.coco-hero--lifestyle .coco-hero__btn--secondary{background:transparent;color:#3d200e;border-color:#3d200e}.coco-hero--lifestyle .coco-hero__btn--secondary:hover{background:#3d200e;color:#faf7f2;transform:scale(1.02)}.coco-hero--split .coco-hero__btn--primary{background:rgb(var(--color-button));color:rgb(var(--color-button-text));border-color:rgb(var(--color-button))}.coco-hero--split .coco-hero__btn--primary:hover{transform:scale(1.02);background:rgba(var(--color-button),.92)}.coco-hero--split .coco-hero__btn--secondary{background:transparent;color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.coco-hero--split .coco-hero__btn--secondary:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background));transform:scale(1.02)}@media(max-width:749px){.coco-hero--lifestyle{display:block;min-height:0;overflow:visible}.coco-hero--lifestyle .coco-hero__bg{position:relative;inset:auto;height:clamp(390px,118vw,520px)}.coco-hero--lifestyle .coco-hero__bg picture{display:block;height:100%}.coco-hero--lifestyle .coco-hero__bg-img{object-position:center top}.coco-hero--lifestyle .coco-hero__scrim{background:linear-gradient(180deg,#2a150800,#2a15080f 70%,#2a15082e)}.coco-hero--lifestyle .coco-hero__overlay{display:block;min-height:0;margin-top:-24px;padding:0 0 28px}.coco-hero--lifestyle .coco-hero__text{position:relative;width:100%;max-width:430px;padding:22px 20px;border-radius:20px;gap:12px;box-shadow:0 18px 42px #2a150829}.coco-hero--lifestyle .coco-hero__overlay{text-align:center}.coco-hero--lifestyle .coco-hero__text{text-align:center;align-items:center;margin:0 auto}.coco-hero--lifestyle .coco-hero__heading{font-size:clamp(34px,10vw,42px)}.coco-hero--lifestyle .coco-hero__subheading{font-size:15.5px;line-height:1.5}.coco-hero--lifestyle .coco-hero__ctas{justify-content:center;width:100%}.coco-hero--lifestyle .coco-hero__btn{width:100%;min-height:48px;padding:13px 18px}.coco-hero--split{padding:32px 0 16px}.coco-hero--split .coco-hero__inner{grid-template-columns:1fr;gap:16px}.coco-hero--split .coco-hero__image{order:-1}.coco-hero--split .coco-hero__product-img{max-width:320px}.coco-hero--split .coco-hero__text{align-items:center;text-align:center;margin:0 auto}.coco-hero--split .coco-hero__ctas{justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-coco-hero.css.map */