.daramel-story-intro{position:relative;overflow:hidden;isolation:isolate;min-height:var(--daramel-intro-min-height);color:var(--color-foreground);background:transparent}.daramel-story-intro__shell{position:relative;z-index:2;display:grid;width:100%;min-width:0;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:clamp(36px,5vw,88px);box-sizing:border-box;padding-block:var(--daramel-intro-padding-top) var(--daramel-intro-padding-bottom)}.daramel-story-intro__copy{position:relative;z-index:3;max-width:720px}.daramel-story-intro__eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;color:var(--color-primary);font-size:1.2rem;font-weight:750;letter-spacing:.14em;line-height:1.2;text-transform:uppercase}.daramel-story-intro__eyebrow:before{width:34px;height:3px;border-radius:99px;background:currentColor;content:""}.daramel-story-intro__heading{max-width:12ch;margin:0;color:var(--color-foreground-heading);font-size:clamp(4.2rem,7.2vw,var(--daramel-intro-heading-size));font-weight:780;letter-spacing:-.055em;line-height:.92;text-wrap:balance}.daramel-story-intro__heading em{color:var(--color-primary);font-style:normal}.daramel-story-intro__body{max-width:54ch;margin-top:26px;font-size:var(--daramel-intro-body-size);line-height:1.6}.daramel-story-intro__body>*{margin-block:0}.daramel-story-intro__action{display:inline-flex;width:auto;min-height:48px;align-items:center;justify-content:center;margin-top:30px;padding:13px 24px;border-radius:999px;font-weight:700;text-decoration:none;transition:transform .18s ease}.daramel-story-intro__action:hover{transform:translateY(-2px)}.daramel-story-intro__visual{position:relative;width:min(100%,var(--daramel-intro-media-width));margin-inline:auto}.daramel-story-intro__frame{position:relative;overflow:hidden;aspect-ratio:var(--daramel-intro-image-ratio);border:1px solid var(--color-border);border-radius:var(--daramel-intro-radius);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-background));box-shadow:0 30px 80px color-mix(in srgb,var(--color-shadow) 24%,transparent);transform:rotate(1.5deg)}.daramel-story-intro__frame:after{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid color-mix(in srgb,var(--color-primary-button-text) 24%,transparent);border-radius:inherit;content:"";pointer-events:none}.daramel-story-intro__image,.daramel-story-intro__placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--daramel-intro-image-position)}.daramel-story-intro__placeholder{padding:12%;color:var(--color-primary)}.daramel-story-intro__stamp{position:absolute;top:-34px;right:-36px;z-index:4;display:grid;width:clamp(112px,12vw,160px);aspect-ratio:1;place-items:center;padding:24px;border-radius:50%;color:var(--color-primary-button-text);background:var(--color-primary-button-background);box-shadow:0 16px 42px color-mix(in srgb,var(--color-shadow) 22%,transparent);font-size:clamp(1.1rem,1.15vw,1.4rem);font-weight:800;letter-spacing:.04em;line-height:1.08;text-align:center;text-transform:uppercase}.daramel-story-intro__pill{position:absolute;bottom:-18px;left:-30px;z-index:4;display:inline-flex;align-items:center;gap:9px;border:1px solid var(--color-border);border-radius:999px;padding:12px 18px;color:var(--color-variant-text);background:var(--color-variant-background);box-shadow:0 12px 32px color-mix(in srgb,var(--color-shadow) 18%,transparent);font-size:1.2rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.daramel-story-intro__pill:before{width:9px;height:9px;border-radius:50%;background:var(--color-primary);content:""}.daramel-story-intro__drizzle{position:absolute;right:-6%;bottom:-26px;z-index:1;width:min(62vw,980px);height:auto;overflow:visible;color:var(--color-primary-hover);opacity:var(--daramel-intro-graphic-opacity);pointer-events:none}.daramel-story-intro__drizzle path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:20;vector-effect:non-scaling-stroke}.daramel-story-intro__date{position:absolute;z-index:1;display:block;width:clamp(34px,4vw,64px);aspect-ratio:.72;border-radius:48% 48% 52% 52%;background:var(--color-primary);opacity:var(--daramel-intro-graphic-opacity);pointer-events:none}.daramel-story-intro__date:after{position:absolute;top:18%;right:44%;bottom:18%;left:44%;border-radius:99px;background:var(--color-background);content:"";opacity:.7}.daramel-story-intro__date--one{top:14%;left:2%;transform:rotate(-24deg)}.daramel-story-intro__date--two{right:2%;bottom:14%;width:clamp(24px,3vw,48px);transform:rotate(28deg)}.daramel-story-intro--animate .daramel-story-intro__copy,.daramel-story-intro--animate .daramel-story-intro__visual{animation:daramel-intro-enter .75s cubic-bezier(.2,.7,.2,1) both}.daramel-story-intro--animate .daramel-story-intro__visual{animation-delay:.13s}.daramel-story-intro--animate .daramel-story-intro__stamp{animation:daramel-intro-bob var(--daramel-intro-animation-speed) ease-in-out infinite}.daramel-story-intro--animate .daramel-story-intro__date--one{animation:daramel-intro-date-one calc(var(--daramel-intro-animation-speed) + 2s) ease-in-out infinite alternate}.daramel-story-intro--animate .daramel-story-intro__date--two{animation:daramel-intro-date-two var(--daramel-intro-animation-speed) ease-in-out infinite alternate}.daramel-story-intro--animate .daramel-story-intro__drizzle path{stroke-dasharray:1;stroke-dashoffset:1}.daramel-story-intro--animate.is-visible .daramel-story-intro__drizzle path{animation:daramel-intro-draw 1.7s .35s ease forwards}@keyframes daramel-intro-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes daramel-intro-bob{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(3deg) translateY(-10px)}}@keyframes daramel-intro-date-one{0%{transform:rotate(-24deg) translateY(-8px)}to{transform:rotate(-12deg) translate(10px,14px)}}@keyframes daramel-intro-date-two{0%{transform:rotate(28deg) translateY(0)}to{transform:rotate(16deg) translate(-10px,-16px)}}@keyframes daramel-intro-draw{to{stroke-dashoffset:0}}@media screen and (max-width:989px){.daramel-story-intro__shell{grid-template-columns:1fr}.daramel-story-intro__copy{max-width:760px}.daramel-story-intro__visual{width:min(100%,var(--daramel-intro-media-width))}}@media screen and (max-width:749px){.daramel-story-intro__body{font-size:var(--daramel-intro-body-size-mobile)}.daramel-story-intro__shell{gap:46px}.daramel-story-intro__heading{font-size:var(--daramel-intro-heading-size-mobile)}.daramel-story-intro__visual{width:100%}.daramel-story-intro__stamp{top:-24px;right:-12px}.daramel-story-intro__pill{left:-10px}.daramel-story-intro__drizzle{right:-30%;width:120vw}}@media(prefers-reduced-motion:reduce){.daramel-story-intro *,.daramel-story-intro *:before,.daramel-story-intro *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-daramel-story-intro.css.map */