.dd-story{--dd-ease: cubic-bezier(.2, .7, .2, 1);--dd-accent-a: #cfe97a;--dd-accent-b: #f3dc72;display:grid;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.dd-story__media{position:relative;aspect-ratio:4 / 5;overflow:hidden}.dd-story__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.dd-story__img{animation:dd-story-drift linear both;animation-timeline:view();animation-range:cover}}}@keyframes dd-story-drift{0%{transform:scale(1.12) translateY(-4%)}to{transform:scale(1.12) translateY(4%)}}.dd-story__caption{position:absolute;left:1.6rem;bottom:1.6rem;z-index:1;display:flex;align-items:center;gap:1rem;max-width:calc(100% - 3.2rem);margin:0;padding:1.2rem 1.6rem;border:1px solid rgba(244,243,239,.16);background:#0c0c0d8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-body-family);font-size:1rem;font-weight:600;letter-spacing:.12em;line-height:1.4;text-transform:uppercase;color:#f4f3ef}@media screen and (min-width:750px){.dd-story__caption{font-size:1.1rem;letter-spacing:.2em}}.dd-story__caption:before{content:"";flex:none;width:.8rem;height:.8rem;border-radius:50%;background:linear-gradient(135deg,var(--dd-accent-a),var(--dd-accent-b))}.dd-story__content{display:flex;align-items:center;padding:calc(var(--dd-pad-top) * .6) 1.5rem calc(var(--dd-pad-bottom) * .6)}.dd-story__inner{width:100%;max-width:60rem}.dd-story__eyebrow{display:flex;align-items:center;gap:1.2rem;margin:0 0 2rem;font-family:var(--font-body-family);font-size:1.2rem;font-weight:600;letter-spacing:.32em;line-height:1;text-transform:uppercase;color:rgba(var(--color-foreground),.7)}.dd-story__eyebrow:before{content:"";width:3.2rem;height:1px;background:currentColor}.dd-story__heading{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(4.4rem,11vw,6.4rem);line-height:.95;text-transform:uppercase;color:rgb(var(--color-foreground))}.dd-story__line{display:block}.dd-story__line--accent{background:linear-gradient(95deg,var(--dd-accent-a) 0%,var(--dd-accent-b) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.04em}.dd-story__text{max-width:50ch;margin-top:2.8rem;font-size:1.6rem;line-height:1.7;color:rgba(var(--color-foreground),.75)}.dd-story__text p{margin:0 0 1.6rem}.dd-story__text p:last-child{margin-bottom:0}.dd-story__points{margin:4rem 0 0;padding:0;list-style:none;border-bottom:1px solid rgba(var(--color-foreground),.14)}.dd-story__point{display:grid;gap:.6rem;padding:2rem 0;border-top:1px solid rgba(var(--color-foreground),.14)}.dd-story__point-title{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:2rem;line-height:1.1;letter-spacing:.02em;text-transform:uppercase;color:rgb(var(--color-foreground))}.dd-story__point-text{margin:0;font-size:1.5rem;line-height:1.5;color:rgba(var(--color-foreground),.7)}.dd-story__button{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:1.4rem;margin-top:4rem;padding:1.7rem 2.8rem;border:1px solid rgba(var(--color-foreground),.85);color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.3rem;font-weight:600;letter-spacing:.18em;line-height:1;text-transform:uppercase;text-decoration:none;overflow:hidden;transition:color .45s var(--dd-ease)}.dd-story__button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:rgb(var(--color-foreground));transform:scaleX(0);transform-origin:right center;transition:transform .5s var(--dd-ease)}.dd-story__button svg{width:2rem;height:1.2rem;transition:transform .45s var(--dd-ease)}.dd-story__button:hover,.dd-story__button:focus-visible{color:rgb(var(--color-background))}.dd-story__button:hover:before,.dd-story__button:focus-visible:before{transform:scaleX(1);transform-origin:left center}.dd-story__button:hover svg{transform:translate(.4rem)}@media screen and (min-width:750px){.dd-story__content{padding:calc(var(--dd-pad-top) * .8) 5rem calc(var(--dd-pad-bottom) * .8)}.dd-story__heading{font-size:clamp(5.6rem,8vw,8rem)}.dd-story__text{font-size:1.7rem}.dd-story__caption{left:2.4rem;bottom:2.4rem}.dd-story__point{grid-template-columns:20rem 1fr;align-items:baseline;gap:2.4rem}}@media screen and (min-width:990px){.dd-story{grid-template-columns:1fr 1fr;min-height:min(100svh,110rem)}.dd-story__media{aspect-ratio:auto;min-height:100%}.dd-story__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to left,rgb(var(--color-background)),rgba(var(--color-background),0) 18%)}.dd-story--media-right .dd-story__media{order:2}.dd-story--media-right .dd-story__media:after{background:linear-gradient(to right,rgb(var(--color-background)),rgba(var(--color-background),0) 18%)}.dd-story__content{padding:var(--dd-pad-top) clamp(5rem,6vw,12rem) var(--dd-pad-bottom)}.dd-story__heading{font-size:clamp(5.6rem,4.4vw,8rem)}.dd-story__caption{left:4rem;bottom:4rem}}@media(prefers-reduced-motion:reduce){.dd-story__button,.dd-story__button:before,.dd-story__button svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-dd-story.css.map */