.section-product-journey{background:linear-gradient(180deg,#0a0a0a,#000)!important;padding-top:120px!important}.product-journey{overflow:hidden;background:linear-gradient(180deg,#0a0a0a,#000);position:relative}.product-journey:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,rgba(201,162,39,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(201,162,39,.05) 0%,transparent 50%);pointer-events:none}.product-journey__header{text-align:center;max-width:800px;margin:0 auto 80px;padding:0 2rem;position:relative;z-index:1}.product-journey__title{font-size:clamp(3rem,7vw,5rem);margin:0 0 1.5rem;font-weight:300;letter-spacing:.1em;text-transform:uppercase;color:#fff}.product-journey__subtitle{font-size:1.5rem;color:#fff9;margin:0;line-height:1.8;font-weight:300;letter-spacing:.03em}.product-journey__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;max-width:1600px;margin:0 auto;position:relative;z-index:1}@media screen and (max-width:989px){.product-journey__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:549px){.product-journey__grid{grid-template-columns:1fr;gap:1px}.product-journey__header{margin-bottom:60px}}.product-journey__card{position:relative;aspect-ratio:3 / 4;overflow:hidden;cursor:pointer;background:var(--card-bg, #111)}@media screen and (max-width:549px){.product-journey__card{aspect-ratio:1 / 1}}.product-journey__card--2ply{--card-bg: #1a1a1a;--card-accent: #888;--card-gradient: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);--card-glow: rgba(136, 136, 136, .2);--card-text: #999}.product-journey__card--3ply{--card-bg: #0f1419;--card-accent: #4a9eff;--card-gradient: linear-gradient(135deg, #0f1419 0%, #1a2530 100%);--card-glow: rgba(74, 158, 255, .3);--card-text: #4a9eff}.product-journey__card--4ply{--card-bg: #1a0f1f;--card-accent: #b366ff;--card-gradient: linear-gradient(135deg, #1a0f1f 0%, #2a1a35 100%);--card-glow: rgba(179, 102, 255, .3);--card-text: #b366ff}.product-journey__card--5ply{--card-bg: #1a1508;--card-accent: #d4af37;--card-gradient: linear-gradient(135deg, #1a1508 0%, #2a2510 100%);--card-glow: rgba(212, 175, 55, .4);--card-text: #d4af37}.product-journey__card-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card-gradient);transition:all .8s cubic-bezier(.23,1,.32,1)}.product-journey__card:hover .product-journey__card-bg{transform:scale(1.05)}.product-journey__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,var(--card-glow) 0%,transparent 60%);opacity:0;transition:opacity .8s ease;z-index:1;pointer-events:none}.product-journey__card:hover:before{opacity:1}.product-journey__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,.05);transition:border-color .5s ease;pointer-events:none;z-index:5}.product-journey__card:hover:after{border-color:var(--card-accent);border-width:1px}.product-journey__card-image{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2;padding-bottom:140px}.product-journey__card-image img{max-width:50%;max-height:40%;object-fit:contain;transition:all .8s cubic-bezier(.23,1,.32,1);filter:drop-shadow(0 20px 40px rgba(0,0,0,.5))}.product-journey__card:hover .product-journey__card-image img{transform:scale(1.15) translateY(-20px);filter:drop-shadow(0 30px 60px rgba(0,0,0,.6)) drop-shadow(0 0 30px var(--card-glow))}.product-journey__card-placeholder{width:120px;height:160px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .8s cubic-bezier(.23,1,.32,1)}.product-journey__card:hover .product-journey__card-placeholder{transform:scale(1.15) translateY(-20px);border-color:var(--card-accent);box-shadow:0 0 40px var(--card-glow)}.product-journey__card-placeholder svg{width:40px;height:40px;opacity:.3;color:var(--card-accent)}.product-journey__card-content{position:absolute;bottom:0;left:0;right:0;padding:2.5rem;z-index:3;background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.6) 60%,transparent 100%)}.product-journey__card-tier{display:inline-block;font-size:.95rem;font-weight:500;text-transform:uppercase;letter-spacing:.3em;color:var(--card-accent);margin-bottom:1rem;opacity:.8}.product-journey__card-name{font-size:2.4rem;font-weight:300;margin:0 0 .5rem;line-height:1.2;letter-spacing:.05em;color:#fff}.product-journey__card-tagline{font-size:1.2rem;color:#ffffff80;margin:0 0 1rem;font-weight:300;letter-spacing:.02em}.product-journey__card-description{font-size:1.2rem;line-height:1.7;color:#fff9;opacity:0;max-height:0;overflow:hidden;transition:all .6s cubic-bezier(.23,1,.32,1);margin:0;font-weight:300}.product-journey__card:hover .product-journey__card-description,.product-journey__card.is-active .product-journey__card-description{opacity:1;max-height:200px;margin-bottom:1.5rem}.product-journey__card-cta{display:inline-flex;align-items:center;gap:1rem;padding:1rem 2rem;background:transparent;border:1px solid var(--card-accent);color:var(--card-accent);text-decoration:none;font-size:1.05rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.23,1,.32,1)}.product-journey__card:hover .product-journey__card-cta,.product-journey__card.is-active .product-journey__card-cta{opacity:1;transform:translateY(0)}.product-journey__card-cta:hover{background:var(--card-accent);color:#000;box-shadow:0 0 30px var(--card-glow)}.product-journey__card-cta svg{width:16px;height:16px;transition:transform .3s ease}.product-journey__card-cta:hover svg{transform:translate(4px)}.product-journey__quality{position:absolute;top:2rem;right:2rem;display:flex;gap:6px;z-index:4}.product-journey__quality-layer{width:6px;height:6px;background:var(--card-accent);border-radius:50%;opacity:.2;transition:all .4s cubic-bezier(.23,1,.32,1)}.product-journey__quality-layer.is-filled{opacity:1;box-shadow:0 0 10px var(--card-glow)}.product-journey__card:hover .product-journey__quality-layer.is-filled{transform:scale(1.3)}.product-journey__crown{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);z-index:5;color:#d4af37;filter:drop-shadow(0 0 20px rgba(212,175,55,.5));animation:crownFloat 4s ease-in-out infinite}.product-journey__crown svg{width:44px;height:44px}.product-journey__card--5ply:hover .product-journey__crown{animation:crownGlow 2s ease-in-out infinite}@keyframes crownFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}@keyframes crownGlow{0%,to{filter:drop-shadow(0 0 20px rgba(212,175,55,.5))}50%{filter:drop-shadow(0 0 40px rgba(212,175,55,.8)) drop-shadow(0 0 60px rgba(212,175,55,.4))}}.product-journey__card--5ply .product-journey__card-name{background:linear-gradient(90deg,#d4af37,#f0d000,#d4af37,#f0d000,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:goldShimmer 4s linear infinite}@keyframes goldShimmer{0%{background-position:200% center}to{background-position:-200% center}}@media(hover:none){.product-journey__card.is-active .product-journey__card-description{opacity:1;max-height:200px;margin-bottom:1.5rem}.product-journey__card.is-active .product-journey__card-cta{opacity:1;transform:translateY(0)}.product-journey__card.is-active .product-journey__card-image img,.product-journey__card.is-active .product-journey__card-placeholder{transform:scale(1.1) translateY(-15px)}.product-journey__card.is-active:before{opacity:1}}@media screen and (max-width:989px){.product-journey__card-content{padding:2rem}.product-journey__card-name{font-size:1.8rem}}@media screen and (max-width:549px){.product-journey__card-content{padding:1.5rem}.product-journey__card-image{padding-bottom:100px}.product-journey__card-description{opacity:.8;max-height:none;margin-bottom:1rem}.product-journey__card-cta{opacity:1;transform:translateY(0)}.product-journey__title{font-size:2.5rem;letter-spacing:.05em}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/product-journey.css.map */
