.hdd-story{--hdd-story-ink: rgb(var(--color-foreground));--hdd-story-muted: rgba(var(--color-foreground), .66);--hdd-story-line: rgba(var(--color-foreground), .16);background:rgb(var(--color-background));color:var(--hdd-story-ink);overflow:hidden}.hdd-story__hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(4rem,8vw,12rem);max-width:144rem;margin:0 auto;padding:clamp(6rem,9vw,13rem) clamp(2rem,5vw,7rem)}.hdd-story__hero-media,.hdd-story__milestone-media{margin:0;background:rgba(var(--color-foreground),.04)}.hdd-story__hero-media img,.hdd-story__milestone-media img{overflow:hidden}.hdd-story__hero-media{aspect-ratio:auto}.hdd-story__hero-media img,.hdd-story__milestone-media img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4 / 3;clip-path:inset(0);transition:transform .9s cubic-bezier(.2,.7,.2,1)}.hdd-story__hero-media:hover img,.hdd-story__milestone-media:hover img{transform:scale(1.025)}.hdd-story__caption{margin:.9rem 0 0;padding:0 .2rem;color:rgba(var(--color-foreground),.52);font-size:1rem;font-style:normal;letter-spacing:.08em;line-height:1.45;text-transform:uppercase}.hdd-story__eyebrow,.hdd-story__date,.hdd-story__label{margin:0;font-size:1.05rem;font-weight:600;letter-spacing:.16em;line-height:1.3;text-transform:uppercase}.hdd-story__eyebrow,.hdd-story__date{color:#d05a87}.hdd-story__hero-title{max-width:65rem;margin:1.6rem 0 0;font-family:var(--font-heading-family);font-size:clamp(3.2rem,4.5vw,6.8rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:-.025em;line-height:.98;text-transform:uppercase}.hdd-story__timeline{position:relative;max-width:128rem;margin:0 auto;padding:2rem clamp(2rem,5vw,7rem) clamp(8rem,11vw,16rem)}.hdd-story__timeline:before{content:"";position:absolute;top:2rem;bottom:10rem;left:50%;width:1px;background:var(--hdd-story-line)}.hdd-story__milestone{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(6rem,10vw,14rem);min-height:58rem;padding:clamp(5rem,8vw,10rem) 0}.hdd-story__milestone:before{content:"";position:absolute;top:50%;left:50%;z-index:2;width:1.1rem;height:1.1rem;border:.3rem solid rgb(var(--color-background));border-radius:50%;background:#d05a87;box-shadow:0 0 0 1px #d05a87;transform:translate(-50%,-50%)}.hdd-story__milestone-media{aspect-ratio:auto}.hdd-story__milestone-media img{aspect-ratio:4 / 5}.hdd-story__milestone:nth-child(2n) .hdd-story__milestone-media{grid-column:2}.hdd-story__milestone:nth-child(2n) .hdd-story__milestone-content{grid-column:1;grid-row:1}.hdd-story__meta{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.8rem}.hdd-story__label{color:var(--hdd-story-muted)}.hdd-story__milestone-title{max-width:52rem;margin:0 0 2rem;font-family:var(--font-heading-family);font-size:clamp(2.6rem,3.4vw,4.8rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:-.02em;line-height:1.05}.hdd-story__description{max-width:52rem;color:var(--hdd-story-muted);font-size:clamp(1.45rem,1.3vw,1.7rem);line-height:1.75}.hdd-story__description p{margin:0}.hdd-story__button{display:inline-flex;align-items:center;min-height:4.8rem;margin-top:2.8rem;padding:0 2.8rem;border:1px solid var(--hdd-story-ink);color:var(--hdd-story-ink);font-size:1.1rem;font-weight:600;letter-spacing:.14em;text-decoration:none;text-transform:uppercase;transition:color .22s ease,background .22s ease}.hdd-story__button:hover{color:rgb(var(--color-background));background:var(--hdd-story-ink)}.hdd-story.is-ready [data-hdd-reveal]{opacity:0;transform:translateY(2.4rem);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.hdd-story.is-ready [data-hdd-reveal].is-visible{opacity:1;transform:translateY(0)}@media screen and (max-width:749px){.hdd-story__hero{grid-template-columns:1fr;gap:3.5rem;padding:4rem 1.8rem 7rem}.hdd-story__hero-media{aspect-ratio:auto}.hdd-story__hero-media img{aspect-ratio:4 / 5}.hdd-story__hero-copy{padding-inline:.4rem}.hdd-story__hero-title{max-width:none;font-size:clamp(1.8rem,5.7vw,2.4rem);letter-spacing:-.035em;white-space:nowrap}.hdd-story__timeline{padding:0 1.8rem 8rem 4.5rem}.hdd-story__timeline:before{top:0;bottom:8rem;left:2.3rem}.hdd-story__milestone{grid-template-columns:1fr;gap:3rem;min-height:0;padding:5rem 0 6rem}.hdd-story__milestone:before{top:6rem;left:-2.2rem}.hdd-story__milestone:nth-child(2n) .hdd-story__milestone-media,.hdd-story__milestone:nth-child(2n) .hdd-story__milestone-content{grid-column:1;grid-row:auto}.hdd-story__milestone-media,.hdd-story__milestone:nth-child(2n) .hdd-story__milestone-media{grid-row:1;aspect-ratio:auto}.hdd-story__milestone-content,.hdd-story__milestone:nth-child(2n) .hdd-story__milestone-content{grid-row:2}.hdd-story__milestone-title{font-size:clamp(2.8rem,9vw,4rem)}.hdd-story__description{font-size:1.45rem;line-height:1.7}.hdd-story__button{display:flex;width:fit-content;margin-right:auto;margin-left:auto}}@media(prefers-reduced-motion:reduce){.hdd-story *,.hdd-story *:before,.hdd-story *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/hdd-story.css.map */