.collection-hero--croque{position:relative;isolation:isolate;overflow:hidden;background:var(--collection-hero-background, #ffbd29);color:var(--collection-hero-text, #111111)}.collection-hero--croque .collection-hero__inner{position:relative;z-index:2;display:grid;min-height:var(--collection-hero-min-height, 520px);padding-top:clamp(42px,6vw,84px);padding-bottom:clamp(42px,6vw,84px);align-items:center;gap:clamp(34px,5vw,84px);grid-template-columns:minmax(280px,.85fr) minmax(420px,1.15fr)}.collection-hero--croque:not(.collection-hero--with-image) .collection-hero__inner{grid-template-columns:minmax(0,780px);justify-content:center;text-align:center}.collection-hero--croque .collection-hero__text-wrapper{position:relative;z-index:2;padding:clamp(28px,3vw,46px);border:2px solid #111111;border-radius:clamp(24px,3vw,38px);background:#fffffff0;box-shadow:10px 10px 0 var(--collection-hero-accent, #3fa8f4),0 24px 50px #11111121}.collection-hero--croque .collection-hero__eyebrow{margin:0 0 12px;color:#ff3635;font-family:var(--croque-font-button);font-size:1.3rem;font-weight:800;letter-spacing:.13em;line-height:1.2;text-transform:uppercase}.collection-hero--croque .collection-hero__title{margin:0;color:#111;font-family:var(--croque-font-heading);font-size:clamp(4.2rem,5vw,7.2rem);font-weight:700;letter-spacing:-.035em;line-height:.98}.collection-hero--croque .collection-hero__description{max-width:58rem;margin-top:20px;color:#111111c2;font-family:var(--croque-font-body);font-size:clamp(1.55rem,1.45vw,1.85rem);font-weight:600;line-height:1.6}.collection-hero--croque .collection-hero__description>*{margin-top:0;margin-bottom:0}.collection-hero--croque .collection-hero__count{display:inline-flex;min-height:34px;margin:22px 0 0;padding:7px 13px;border-radius:999px;align-items:center;background:#111;color:#fff;font-family:var(--croque-font-button);font-size:1.2rem;font-weight:800}.collection-hero--croque .collection-hero__image-container{position:relative;min-width:0;height:min(45vw,520px);overflow:hidden;border:2px solid #111111;border-radius:44% 56% 52% 48%/42% 44% 56% 58%;background:#fff;box-shadow:14px 14px #111111f5;transform:rotate(1.2deg);transition:transform .5s ease,border-radius .5s ease}.collection-hero--croque .collection-hero__image-container:hover{border-radius:52% 48% 44% 56%/50% 58% 42% 50%;transform:rotate(0) translateY(-5px)}.collection-hero--croque .collection-hero__image-container picture,.collection-hero--croque .collection-hero__image{display:block;width:100%;height:100%}.collection-hero--croque .collection-hero__image{object-fit:cover;object-position:var(--collection-hero-image-position, center);transition:transform .7s ease}.collection-hero--croque .collection-hero__image-container:hover .collection-hero__image{transform:scale(1.045)}.collection-hero__shape{position:absolute;z-index:1;display:block;width:clamp(110px,13vw,220px);aspect-ratio:1;border:3px solid #111111;pointer-events:none}.collection-hero__shape--one{top:-75px;left:-55px;border-radius:46% 54% 62% 38%/58% 42%;background:#70c663;animation:collection-shape-one 9s ease-in-out infinite}.collection-hero__shape--two{right:-80px;bottom:-105px;border-radius:62% 38% 44% 56%/40% 56% 44% 60%;background:#ff3635;animation:collection-shape-two 11s ease-in-out infinite}@keyframes collection-shape-one{50%{transform:translate3d(12px,10px,0) rotate(8deg)}}@keyframes collection-shape-two{50%{transform:translate3d(-12px,-8px,0) rotate(-8deg)}}@media screen and (max-width:989px){.collection-hero--croque .collection-hero__inner{min-height:auto;grid-template-columns:1fr}.collection-hero--croque .collection-hero__text-wrapper{max-width:680px}.collection-hero--croque .collection-hero__image-container{width:min(100%,760px);height:min(64vw,500px);justify-self:center}}@media screen and (max-width:749px){.collection-hero--croque .collection-hero__inner{padding-top:34px;padding-bottom:46px;gap:34px}.collection-hero--croque .collection-hero__text-wrapper{padding:26px 22px;border-radius:24px;box-shadow:7px 7px 0 var(--collection-hero-accent, #3fa8f4),0 18px 34px #1111111f}.collection-hero--croque .collection-hero__title{font-size:clamp(3.8rem,13vw,5.4rem)}.collection-hero--croque .collection-hero__image-container{height:min(88vw,470px);border-radius:32% 68% 54% 46%/38% 42% 58% 62%;box-shadow:8px 8px #111}.collection-hero__shape{width:120px}}@media(prefers-reduced-motion:reduce){.collection-hero__shape{animation:none}.collection-hero--croque .collection-hero__image-container,.collection-hero--croque .collection-hero__image{transition:none}.collection-hero--croque .collection-hero__image-container:hover{transform:none}}.collection-hero--croque.collection-hero--compact{background:var(--collection-hero-background, #ffbd29)}.collection-hero--compact .collection-hero__inner{display:block;min-height:0;padding-top:clamp(2rem,3vw,3.6rem);padding-bottom:clamp(2rem,3vw,3.6rem)}.collection-hero--compact .collection-hero__text-wrapper{width:100%;max-width:none;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}.collection-hero--compact .collection-hero__eyebrow{margin-bottom:.4rem}.collection-hero--compact .collection-hero__title{margin:0;color:var(--collection-hero-text, #111);font-size:clamp(3.2rem,4.4vw,5.6rem);line-height:.95}@media screen and (max-width:749px){.collection-hero--compact .collection-hero__inner{padding-top:1.8rem;padding-bottom:1.8rem}.collection-hero--compact .collection-hero__text-wrapper{padding:0;border-radius:0;box-shadow:none}.collection-hero--compact .collection-hero__title{font-size:clamp(3rem,10vw,4.2rem)}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/component-collection-hero.css.map */