.coco-hero{--bg: rgb(231, 220, 201);--ink: rgb(38, 33, 28);--ink-soft: rgb(74, 66, 57);--cream: rgb(247, 238, 225);--gold: rgb(210, 182, 149);--carousel-bg: rgb(38, 36, 34);--hairline: rgba(38, 33, 28, .22);--accent: rgb(150, 112, 32);--cta-fill: #F2C667;--cta-text: rgb(24, 23, 22);--font-serif: "Averia Serif Libre", Georgia, serif;--font-stat: "Perfectly Nineties", "Averia Serif Libre", Georgia, serif;--font-ui: "Gotham", system-ui, -apple-system, "Segoe UI", sans-serif;position:relative;overflow:hidden;width:100%;max-width:100%;font-family:var(--font-ui);color:var(--ink);background-color:var(--bg);background-size:cover;background-position:center;background-repeat:no-repeat;isolation:isolate}.coco-hero,.coco-hero *,.coco-hero *:before,.coco-hero *:after{box-sizing:border-box}.coco-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff08;z-index:0}.coco-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;max-width:1680px;margin:0 auto;padding:28px 28px 28px 80px}.coco-hero__copy{position:relative;display:flex;flex-direction:column;align-items:center;align-self:center;justify-content:center;gap:24px;text-align:center;max-width:600px;margin:0 auto;padding:64px 0 40px}.coco-hero__eyebrow{margin:0 0 -8px;font-family:var(--font-serif);font-weight:700;font-size:26px;line-height:1;letter-spacing:-.01em;color:var(--accent);text-transform:none}.coco-hero__title{margin:-10px 0 0;font-family:var(--font-serif);font-weight:700;font-size:78px;line-height:.94;letter-spacing:-.045em;max-width:9ch;color:var(--ink);text-transform:none;text-wrap:balance}.coco-hero__title strong,.coco-hero__title b{font-weight:inherit;color:var(--accent)}.coco-hero__subtitle{margin:10px 0 0;font-family:var(--font-ui);font-weight:500;font-size:16px;line-height:1.38;letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}.coco-hero__description{margin:0;max-width:38ch;font-family:var(--font-ui);font-weight:500;font-size:15px;line-height:1.5;letter-spacing:-.01em;color:var(--ink-soft);text-wrap:balance}.coco-hero__cta-block{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%;margin-top:4px}.coco-hero__cta{display:flex;align-items:center;justify-content:center;width:100%;max-width:590px;padding:16px 24px;border:2px solid rgba(0,0,0,.85);border-radius:10px;background-color:var(--cta-fill);color:var(--cta-text);font-family:var(--font-ui);font-weight:700;font-size:15px;line-height:1;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:filter .18s ease-out,transform .12s ease-out,box-shadow .18s ease-out}.coco-hero__cta:hover{filter:brightness(1.06);box-shadow:0 6px 22px #00000038}.coco-hero__cta:active{transform:scale(.985)}.coco-hero__cta:focus-visible{outline:2px solid var(--cream);outline-offset:4px}.coco-hero__facts{display:grid;grid-template-columns:auto 1px auto 1px auto;align-items:center;gap:28px;margin:4px 0}.coco-hero__fact{text-align:center;font-family:var(--font-stat);font-weight:400;font-size:23px;line-height:1;letter-spacing:-.01em;color:var(--ink)}.coco-hero__fact strong{display:block;font-weight:400}.coco-hero__fact span{display:block;font-size:.92em}.coco-hero__facts-divider{width:1px;height:48px;background:var(--hairline)}.coco-hero__media{position:relative;width:100%;height:100%;align-self:stretch;border:2px solid #000;border-radius:28px;overflow:hidden;background-color:#d5b278;background-size:cover;background-position:center;background-repeat:no-repeat;margin-left:auto;display:flex;flex-direction:column;justify-content:center;padding:32px 32px 40px}.coco-hero__bar{flex:1 1 0;min-height:0;height:0;width:100%;object-fit:contain;object-position:center;display:block;position:relative;z-index:2;filter:drop-shadow(0 18px 36px rgba(0,0,0,.38))}.coco-hero__carousel{position:relative;z-index:1;width:100%;background:var(--carousel-bg);color:var(--cream);overflow:hidden;padding:18px 0}.coco-hero__carousel:before,.coco-hero__carousel:after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}.coco-hero__carousel:before{left:0;background:linear-gradient(90deg,var(--carousel-bg) 0%,transparent 100%)}.coco-hero__carousel:after{right:0;background:linear-gradient(270deg,var(--carousel-bg) 0%,transparent 100%)}.coco-hero__carousel-track{display:flex;align-items:center;gap:64px;width:max-content;animation:coco-hero-marquee 38s linear infinite}.coco-hero__carousel:hover .coco-hero__carousel-track{animation-play-state:paused}.coco-hero__carousel-item{display:inline-flex;align-items:center;gap:14px;flex:0 0 auto;white-space:nowrap}.coco-hero__carousel-icon{flex:0 0 22px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.coco-hero__carousel-icon img{width:100%;height:100%;object-fit:contain;display:block;filter:brightness(0) invert(.95) sepia(.08)}.coco-hero__carousel-text{font-family:var(--font-serif);font-weight:700;font-size:15px;letter-spacing:-.01em;color:var(--cream);text-transform:none}@keyframes coco-hero-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.coco-hero__carousel-track{animation:none;flex-wrap:wrap;justify-content:center;width:100%}}@media(max-width:1024px){.coco-hero__grid{padding:20px;gap:24px}.coco-hero__title{font-size:72px}.coco-hero__media{min-height:460px;padding:20px 20px 24px}}@media(max-width:860px){.coco-hero__grid{grid-template-columns:1fr;padding:16px 24px 24px;gap:12px}.coco-hero__copy{order:1;align-items:center;text-align:center;max-width:520px;padding:8px 0}.coco-hero__cta-block{align-items:stretch}.coco-hero__title{font-size:60px;line-height:.92;color:var(--ink);max-width:9ch;margin-inline:auto}.coco-hero__description{margin-inline:auto}.coco-hero__media{order:2;aspect-ratio:1 / 1;min-height:0;height:auto;padding:16px 16px 20px}.coco-hero__carousel-track{gap:40px}.coco-hero__carousel-text{font-size:14px}}@media(max-width:480px){.coco-hero__grid{padding:32px 16px 20px}.coco-hero__eyebrow{font-size:24px}.coco-hero__title{font-size:50px}.coco-hero__subtitle{font-size:15px;letter-spacing:.28em}.coco-hero__description{font-size:16px}.coco-hero__facts{gap:16px}.coco-hero__fact{font-size:26px}.coco-hero__facts-divider{height:46px}.coco-hero__cta{font-size:15px;padding:18px}.coco-hero__carousel-icon{flex-basis:20px;width:20px;height:20px}.coco-hero__carousel-text{font-size:13px}.coco-hero__carousel-track{gap:32px}}
/*# sourceMappingURL=/cdn/shop/t/134/assets/coco-mac-hero.css.map */