.cc-hero{padding-top:var(--cc-pad-top, 48px);padding-bottom:var(--cc-pad-bottom, 48px);overflow:hidden}.cc-hero__inner{display:flex;align-items:center;justify-content:space-between;gap:48px;flex-wrap:wrap}.cc-hero__copy{flex:1 1 420px;max-width:560px;display:flex;flex-direction:column;gap:20px}.cc-hero__eyebrow{display:inline-flex;align-self:flex-start;padding:6px 14px;border-radius:999px;background:color-mix(in srgb,var(--cc-accent) 14%,transparent);color:var(--cc-accent);font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.cc-hero__heading{margin:0;font-size:clamp(36px,5vw,60px);line-height:1.08;font-weight:800}.cc-hero__subheading{margin:0;font-size:18px;line-height:1.6;opacity:.78;max-width:460px}.cc-hero__button{align-self:flex-start;text-decoration:none;padding:16px 34px;border-radius:999px;background:var(--cc-accent);color:#fff;font-size:15px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;transition:transform .15s ease,box-shadow .15s ease}.cc-hero__button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000002e}.cc-hero__gallery{position:relative;flex:1 1 460px;max-width:560px;height:420px}.cc-hero__polaroid{position:absolute;width:240px;background:#fff;border-radius:10px;box-shadow:0 20px 40px #00000029;padding:12px 12px 36px;transform:rotate(var(--cc-rotate, 0deg))}.cc-hero__polaroid--1{top:0;left:40%;z-index:2}.cc-hero__polaroid--2{top:45%;left:0;z-index:1}.cc-hero__polaroid--3{top:15%;left:68%;z-index:3;width:200px}.cc-hero__polaroid-frame{width:100%;aspect-ratio:4 / 5;border-radius:4px;overflow:hidden;background:color-mix(in srgb,var(--cc-accent) 22%,#fff)}.cc-hero__polaroid-img{width:100%;height:100%;object-fit:cover;display:block}.cc-hero__placeholder-svg{width:100%;height:100%}.cc-hero__caption{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-style:italic;font-weight:700;font-size:14px}@media screen and (max-width:749px){.cc-hero__inner{flex-direction:column}.cc-hero__gallery{width:100%;height:340px;margin-top:24px}.cc-hero__polaroid{width:170px}.cc-hero__polaroid--3{width:150px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/cc-hero.css.map */
