.croque-story{position:relative;isolation:isolate;overflow:hidden;padding:clamp(3rem,4vw,4.8rem) 0;background:#fff;color:var(--croque-black)}.croque-story__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.82fr) minmax(48rem,1.18fr);gap:clamp(4rem,7vw,9rem);align-items:center}.croque-story__copy{position:relative;z-index:4;max-width:56rem;min-height:0;display:flex;align-items:center;padding:2rem 1rem}.croque-story__content{position:relative;z-index:4;width:100%}.croque-story__label{display:inline-flex;align-items:center;justify-content:center;margin:0 0 2.2rem;padding:1rem 2rem .9rem;background:#ffbd29;border:2px solid #000;border-radius:999px;color:#000;font-family:var(--croque-font-body);font-size:clamp(1.4rem,1.3vw,1.7rem);font-weight:800;line-height:1;letter-spacing:.03em;text-transform:uppercase;box-shadow:.35rem .35rem #000}.croque-story__heading{position:relative;max-width:10ch;margin:0 0 2.6rem;color:#000;font-family:var(--croque-font-display);font-size:clamp(4.6rem,5.2vw,7.4rem);line-height:.94;letter-spacing:-.04em;text-wrap:balance;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.croque-story__underline{position:relative;z-index:4;width:min(28rem,68%);height:2.2rem;margin:-2.9rem 0 2rem;color:var(--croque-red);transform:rotate(-1.5deg);transform-origin:left center}.croque-story__underline svg{display:block;width:100%;height:100%;overflow:visible}.croque-story__text{position:relative;max-width:46rem;font-family:var(--croque-font-body);font-size:clamp(1.55rem,1.5vw,1.9rem);line-height:1.65;color:#000}.croque-story__text>*:first-child{margin-top:0}.croque-story__text>*:last-child{margin-bottom:0}.croque-story__graphic{position:absolute;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none}.croque-story__graphic img{display:block;width:100%;height:auto;object-fit:contain}.croque-story__graphic--1{top:-5%;right:-2%;width:clamp(14rem,15vw,22rem);opacity:.13;transform:rotate(9deg)}.croque-story__graphic--2{left:-8%;bottom:-3%;width:clamp(16rem,17vw,25rem);opacity:.11;transform:rotate(-8deg)}@media(prefers-reduced-motion:no-preference){.croque-story__label{animation:croque-story-label-in .6s cubic-bezier(.22,1,.36,1) both}.croque-story__heading{animation:croque-story-heading-in .75s .08s cubic-bezier(.22,1,.36,1) both}.croque-story__underline path{stroke-dasharray:1;stroke-dashoffset:1;animation:croque-story-underline-draw .9s .35s cubic-bezier(.65,0,.35,1) forwards}@keyframes croque-story-underline-draw{to{stroke-dashoffset:0}}.croque-story__text{animation:croque-story-text-in .7s .16s cubic-bezier(.22,1,.36,1) both}.croque-story__graphic--1{animation:croque-story-graphic-one-in .8s .18s cubic-bezier(.22,1,.36,1) both}.croque-story__graphic--2{animation:croque-story-graphic-two-in .8s .24s cubic-bezier(.22,1,.36,1) both}@keyframes croque-story-label-in{0%{opacity:0;transform:translateY(1rem) rotate(-2deg) scale(.94)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes croque-story-heading-in{0%{opacity:0;transform:translateY(2.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes croque-story-underline-in{0%{opacity:0;transform:translate(-1.5rem) rotate(-3deg) scaleX(.75);transform-origin:left center}to{opacity:1;transform:translate(0) rotate(-1.5deg) scaleX(1);transform-origin:left center}}@keyframes croque-story-text-in{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes croque-story-graphic-one-in{0%{opacity:0;transform:translate(1.5rem,-1rem) rotate(14deg) scale(.94)}to{opacity:.13;transform:translate(0) rotate(9deg) scale(1)}}@keyframes croque-story-graphic-two-in{0%{opacity:0;transform:translate(-1rem,1.5rem) rotate(-13deg) scale(.94)}to{opacity:.11;transform:translate(0) rotate(-8deg) scale(1)}}}.croque-story__gallery{position:relative;min-height:clamp(38rem,37vw,52rem)}.croque-story__photo{position:absolute;margin:0;overflow:hidden;border:2px solid var(--croque-black);border-radius:clamp(1.4rem,1.6vw,2.2rem);background:#fff;transform-origin:center}.croque-story__photo img,.croque-story__photo svg{display:block;width:100%;height:100%;object-fit:cover}.croque-story__photo--1{z-index:2;top:2%;right:5%;width:58%;aspect-ratio:4 / 3;box-shadow:.9rem .9rem 0 var(--croque-blue);transform:rotate(3.2deg)}.croque-story__photo--2{z-index:3;top:36%;left:0;width:52%;aspect-ratio:5 / 4;box-shadow:.85rem .85rem 0 var(--croque-yellow);transform:rotate(-4.2deg)}.croque-story__photo--3{z-index:4;right:0;bottom:2%;width:46%;aspect-ratio:1 / 1;box-shadow:.8rem .8rem 0 var(--croque-red);transform:rotate(2deg)}.croque-story__photo--placeholder{min-height:22rem}.croque-story__photo--placeholder .placeholder-svg{background:#ffffffbf;fill:#0000001f}@media(prefers-reduced-motion:no-preference){.croque-story__photo{transition:transform .22s ease,box-shadow .22s ease}.croque-story__gallery:hover .croque-story__photo--1{transform:rotate(1.8deg) translateY(-.3rem)}.croque-story__gallery:hover .croque-story__photo--2{transform:rotate(-3deg) translateY(-.25rem)}.croque-story__gallery:hover .croque-story__photo--3{transform:rotate(1deg) translateY(-.3rem)}}@media screen and (max-width:1100px){.croque-story__inner{grid-template-columns:minmax(0,.9fr) minmax(42rem,1.1fr);gap:4rem}.croque-story__heading{font-size:clamp(4.2rem,5.5vw,6.2rem)}}@media screen and (max-width:989px){.croque-story{padding:3.2rem 0 4rem}.croque-story__inner{grid-template-columns:1fr;gap:4.8rem}.croque-story__copy{width:min(100%,68rem);max-width:68rem;min-height:0;margin:0 auto;padding:3rem}.croque-story__heading{max-width:11ch}.croque-story__gallery{width:min(100%,72rem);min-height:48rem;margin:0 auto}}@media screen and (max-width:749px){.croque-story{padding:3rem 0 3.6rem}.croque-story__inner{gap:2rem}.croque-story__copy{min-height:0;padding:2.4rem 1rem .8rem}.croque-story__gallery{z-index:3}.croque-story__label{margin-bottom:1.8rem;padding:.85rem 1.5rem .8rem;border-width:2px;font-size:1.25rem;box-shadow:.25rem .25rem #000}.croque-story__heading{max-width:100%;margin-bottom:2rem;font-size:clamp(3.8rem,10.5vw,5.2rem);line-height:.98}.croque-story__underline{width:min(23rem,70%);height:1.8rem;margin:-2.3rem 0 1.8rem}.croque-story__text{max-width:90%;font-size:1.6rem;line-height:1.6}.croque-story__graphic--1{top:-2rem;right:-4rem;width:14rem;opacity:.1}.croque-story__graphic--2{left:-5rem;bottom:-2rem;width:15rem;opacity:.09}.croque-story__gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;min-height:0;width:100%;padding:.5rem .5rem 1rem 0}.croque-story__photo,.croque-story__photo--1,.croque-story__photo--2,.croque-story__photo--3{position:relative;inset:auto;width:auto;aspect-ratio:4 / 3}.croque-story__photo--1{grid-column:1 / -1;margin:0 1.8rem;box-shadow:.55rem .55rem 0 var(--croque-blue);transform:rotate(1.4deg)}.croque-story__photo--2{box-shadow:.5rem .5rem 0 var(--croque-yellow);transform:rotate(-2deg)}.croque-story__photo--3{box-shadow:.5rem .5rem 0 var(--croque-red);transform:translateY(1.4rem) rotate(2deg)}@media(prefers-reduced-motion:no-preference){.croque-story__gallery:hover .croque-story__photo--1{transform:rotate(1.4deg)}.croque-story__gallery:hover .croque-story__photo--2{transform:rotate(-2deg)}.croque-story__gallery:hover .croque-story__photo--3{transform:translateY(1.4rem) rotate(2deg)}}}@media(prefers-reduced-motion:reduce){.croque-story__label,.croque-story__heading,.croque-story__underline,.croque-story__text,.croque-story__graphic{animation:none;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/component-croque-story.css.map */