.product-story{margin:4rem 0;position:relative}.product-story__hero{text-align:center;margin-bottom:4rem;opacity:0;animation:fadeInUp .8s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}0%{transform:translateY(30px)}}.product-story__tagline{font-size:1.125rem;color:var(--color-primary);font-weight:600;margin-bottom:1rem;letter-spacing:.05em}.product-story__headline{font-size:2.5rem;font-weight:700;color:var(--color-foreground);margin-bottom:1.5rem;line-height:1.2}.product-story__description{font-size:1.125rem;color:rgba(var(--color-foreground),.7);max-width:800px;margin:0 auto;line-height:1.8}.material-tech{background:linear-gradient(135deg,#f8f8f8,#fff);border-radius:24px;padding:3rem;margin:3rem 0;position:relative;overflow:hidden}.material-tech:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(var(--color-primary),.05) 0%,transparent 70%);animation:float 30s ease-in-out infinite}.material-tech__grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.material-tech__visual{position:relative}.material-tech__fabric{width:100%;height:400px;background:#fff;border-radius:16px;box-shadow:0 20px 60px -20px #00000026;position:relative;overflow:hidden;cursor:grab}.material-tech__fabric:active{cursor:grabbing}.material-tech__layer{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .5s cubic-bezier(.4,0,.2,1)}.material-tech__layer--base{background:linear-gradient(45deg,#f5e6d3 25%,#e8cdb0 25% 50%,#f5e6d3 50% 75%,#e8cdb0 75%,#e8cdb0);background-size:20px 20px;opacity:.3}.material-tech__layer--tech{background:repeating-linear-gradient(90deg,transparent,transparent 10px,rgba(var(--color-primary),.1) 10px,rgba(var(--color-primary),.1) 20px)}.material-tech__layer--overlay{background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),transparent 30%,rgba(255,255,255,.9) 100%)}.material-tech__content{display:flex;flex-direction:column;gap:2rem}.material-tech__title{font-size:2rem;font-weight:700;color:var(--color-foreground);margin-bottom:1rem}.material-tech__features{display:flex;flex-direction:column;gap:1.5rem}.material-tech__feature{display:flex;align-items:start;gap:1rem;padding:1.5rem;background:#fff;border-radius:12px;transition:all .3s ease;cursor:pointer}.material-tech__feature:hover{transform:translate(8px);box-shadow:0 8px 24px -8px #0000001a}.material-tech__icon{width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary) 0%,#c49474 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:1.5rem}.material-tech__feature-text h4{font-size:1.125rem;font-weight:600;color:var(--color-foreground);margin-bottom:.5rem}.material-tech__feature-text p{font-size:.875rem;color:rgba(var(--color-foreground),.6);line-height:1.6}.compression-map{margin:3rem 0;padding:3rem;background:#fff;border-radius:24px;box-shadow:0 10px 40px -10px #0000001a}.compression-map__header{text-align:center;margin-bottom:3rem}.compression-map__title{font-size:1.75rem;font-weight:700;color:var(--color-foreground);margin-bottom:.5rem}.compression-map__subtitle{color:rgba(var(--color-foreground),.6)}.compression-map__visual{display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center;max-width:800px;margin:0 auto}.compression-map__body{position:relative;width:200px;height:400px;margin:0 auto}.compression-map__silhouette{width:100%;height:100%;background:#f0f0f0;clip-path:ellipse(50% 35% at 50% 30%) polygon(30% 0%,70% 0%,80% 100%,20% 100%);position:relative;overflow:hidden}.compression-zone{position:absolute;border-radius:50%;filter:blur(20px);animation:pulse 3s ease-in-out infinite}.compression-zone--high{background:#f009}.compression-zone--medium{background:#ffa50099}.compression-zone--light{background:#ff09}.compression-map__legend{display:flex;flex-direction:column;gap:1rem}.compression-map__legend-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#00000005;border-radius:8px;transition:all .3s ease;cursor:pointer}.compression-map__legend-item:hover{background:#0000000d;transform:translate(4px)}.compression-map__legend-color{width:24px;height:24px;border-radius:50%;flex-shrink:0}.compression-map__legend-text{flex:1}.compression-map__legend-label{font-weight:600;color:var(--color-foreground);display:block}.compression-map__legend-description{font-size:.75rem;color:rgba(var(--color-foreground),.6)}.body-type-match{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:3rem 0;padding:2rem;background:rgba(var(--color-primary),.05);border-radius:16px}.body-type-card{text-align:center;padding:1.5rem;background:#fff;border-radius:12px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.body-type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-primary);transform:scaleX(0);transition:transform .3s ease}.body-type-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #00000026}.body-type-card:hover:before{transform:scaleX(1)}.body-type-card__icon{width:80px;height:80px;margin:0 auto 1rem;background:linear-gradient(135deg,#f5e6d3,#e8cdb0);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem}.body-type-card__name{font-weight:600;color:var(--color-foreground);margin-bottom:.5rem}.body-type-card__match{font-size:.875rem;color:var(--color-primary);font-weight:600}.transformation-story{margin:4rem 0;position:relative}.transformation-slider{position:relative;max-width:600px;margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px -20px #0003}.transformation-slider__container{position:relative;width:100%;height:600px;background:#f0f0f0}.transformation-slider__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.transformation-slider__image--before{clip-path:inset(0 50% 0 0)}.transformation-slider__handle{position:absolute;top:0;left:50%;width:4px;height:100%;background:#fff;cursor:ew-resize;transform:translate(-50%);box-shadow:0 0 20px #0003}.transformation-slider__handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#fff;border-radius:50%;box-shadow:0 4px 12px #0003}.transformation-slider__handle:after{content:"\2194";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.25rem;color:var(--color-foreground);font-weight:700}.transformation-slider__label{position:absolute;top:20px;padding:.5rem 1rem;background:#000c;color:#fff;border-radius:8px;font-weight:600;font-size:.875rem;letter-spacing:.05em}.transformation-slider__label--before{left:20px}.transformation-slider__label--after{right:20px}.occasion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:3rem 0}.occasion-card{position:relative;height:300px;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease}.occasion-card:hover{transform:scale(1.02);box-shadow:0 20px 40px -10px #0003}.occasion-card__image{width:100%;height:100%;object-fit:cover}.occasion-card__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.8) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;color:#fff}.occasion-card__title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.occasion-card__description{font-size:.875rem;opacity:.9}.care-instructions{background:rgba(var(--color-primary),.05);border-radius:20px;padding:3rem;margin:3rem 0}.care-instructions__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:2rem}.care-step{text-align:center;position:relative}.care-step__icon{width:80px;height:80px;margin:0 auto 1rem;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 8px 24px -8px #0000001a;transition:all .3s ease}.care-step:hover .care-step__icon{transform:translateY(-8px) rotate(10deg);box-shadow:0 16px 32px -8px #00000026}.care-step__title{font-weight:600;color:var(--color-foreground);margin-bottom:.5rem}.care-step__description{font-size:.875rem;color:rgba(var(--color-foreground),.6)}@media screen and (max-width: 749px){.material-tech__grid{grid-template-columns:1fr;gap:2rem}.compression-map__visual{grid-template-columns:1fr;text-align:center}.compression-map__legend{flex-direction:row;justify-content:center;flex-wrap:wrap}.product-story__headline{font-size:2rem}}@media (prefers-color-scheme: dark){.material-tech{background:linear-gradient(135deg,#1a1a1a,#2a2a2a)}.material-tech__feature,.compression-map,.body-type-card{background:#2a2a2a}.care-instructions{background:#ffffff0d}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/product-storytelling.css.map */