.ding-journey{position:relative;z-index:2;overflow:clip;padding-top:clamp(72px,9vw,128px);background:var(--ding-cream)}.ding-journey__intro{padding-bottom:clamp(44px,6vw,78px)}.ding-journey__eyebrow,.ding-journey__chapter{margin:0 0 14px;color:var(--ding-teal);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.ding-journey__intro-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:end;gap:clamp(36px,8vw,110px)}.ding-journey__intro h2{max-width:820px;margin:0;color:var(--ding-forest);font-size:clamp(48px,6.7vw,94px);line-height:.92;letter-spacing:-.025em}.ding-journey__intro-copy{max-width:480px;color:#173331b8;font-size:clamp(15px,1.4vw,18px);line-height:1.7}.ding-journey__shell{position:relative;overflow:hidden;background:var(--ding-forest)}.ding-journey__track{display:flex;width:max-content;will-change:transform}.ding-journey__panel{--chapter-bg: #264542;--chapter-fg: #fff9e6;--chapter-muted: rgba(255, 249, 230, .68);position:relative;width:100vw;min-height:min(780px,calc(100vh - 20px));overflow:hidden;color:var(--chapter-fg);background:var(--chapter-bg);perspective:1200px}.ding-journey__panel--cream{--chapter-bg: #f5edd7;--chapter-fg: #173331;--chapter-muted: rgba(23, 51, 49, .68)}.ding-journey__panel--aqua{--chapter-bg: #4d8f91;--chapter-fg: #fff9e6;--chapter-muted: rgba(255, 249, 230, .74)}.ding-journey__panel--gold{--chapter-bg: #b78543;--chapter-fg: #fff9e6;--chapter-muted: rgba(255, 249, 230, .76)}.ding-journey__panel-inner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);align-items:center;gap:clamp(42px,6vw,92px);width:min(100%,1440px);min-height:inherit;margin-inline:auto;padding:clamp(66px,7vw,96px) clamp(28px,5vw,74px) 88px}.ding-journey__media{position:relative;overflow:hidden;height:min(590px,67vh);border:1px solid color-mix(in srgb,var(--chapter-fg) 18%,transparent);border-radius:30px;box-shadow:0 34px 80px #0a1e1c47;transform:translateZ(0);transform-style:preserve-3d;will-change:transform}.ding-journey__media:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(10,30,28,.42));content:""}.ding-journey__media img,.ding-journey__media .placeholder-svg{width:100%;height:100%;object-fit:cover;transform:scale(1.04)}.ding-journey__chapter-number{position:absolute;z-index:2;right:24px;bottom:16px;color:#fff9e6e6;font-family:var(--font-heading-family);font-size:clamp(54px,6vw,88px);line-height:1}.ding-journey__content{position:relative;z-index:2;max-width:540px}.ding-journey__panel--cream .ding-journey__chapter{color:var(--ding-sage)}.ding-journey__content h3{margin:0 0 20px;color:var(--chapter-fg);font-size:clamp(48px,5.5vw,78px);line-height:.92;letter-spacing:-.025em}.ding-journey__copy{max-width:460px;color:var(--chapter-muted);font-size:clamp(15px,1.25vw,18px);line-height:1.7}.ding-journey__products{display:grid;gap:9px;margin-top:30px}.ding-journey__product{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:13px;padding:8px 14px 8px 8px;border:1px solid color-mix(in srgb,var(--chapter-fg) 14%,transparent);border-radius:14px;color:var(--chapter-fg);background:color-mix(in srgb,var(--chapter-fg) 6%,transparent);text-decoration:none;transition:background .18s ease,transform .18s ease}.ding-journey__product:hover{color:var(--chapter-fg);background:color-mix(in srgb,var(--chapter-fg) 11%,transparent);transform:translate(5px)}.ding-journey__product-media{display:block;overflow:hidden;width:54px;aspect-ratio:1;border-radius:10px;background:#ffffff1f}.ding-journey__product-media img{width:100%;height:100%;object-fit:cover}.ding-journey__product-copy{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}.ding-journey__product-copy strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.ding-journey__product-copy small{flex:0 0 auto;color:var(--chapter-muted);font-size:11px}.ding-journey__link{display:inline-flex;align-items:center;gap:10px;margin-top:28px;padding-bottom:7px;border-bottom:1px solid color-mix(in srgb,var(--chapter-fg) 40%,transparent);color:var(--chapter-fg);font-size:12px;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.ding-journey__link:hover{color:var(--chapter-fg)}.ding-journey__link svg{width:18px;transition:transform .18s ease}.ding-journey__link:hover svg{transform:translate(4px)}.ding-journey__orbit{position:absolute;top:50%;right:-17vw;width:min(730px,58vw);color:color-mix(in srgb,var(--chapter-fg) 12%,transparent);pointer-events:none;transform:translateY(-50%) rotateX(55deg) rotate(-18deg)}.ding-journey__orbit circle:nth-child(2n){stroke-dasharray:4 10}.ding-journey__beans{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ding-journey__beans svg{position:absolute;width:clamp(28px,3vw,46px);color:color-mix(in srgb,var(--chapter-fg) 17%,transparent);will-change:transform}.ding-journey__beans svg:nth-child(1){top:10%;left:4%;transform:rotate(-24deg)}.ding-journey__beans svg:nth-child(2){top:18%;right:7%;width:clamp(20px,2.2vw,34px);transform:rotate(38deg)}.ding-journey__beans svg:nth-child(3){right:3%;bottom:15%;transform:rotate(-12deg)}.ding-journey__beans svg:nth-child(4){bottom:8%;left:48%;width:clamp(18px,2vw,30px);transform:rotate(54deg)}.ding-journey__beans svg:nth-child(5){top:48%;left:2%;width:clamp(18px,2vw,30px);transform:rotate(16deg)}.ding-journey__hud{position:absolute;z-index:4;right:0;bottom:25px;left:0;display:grid;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:18px;color:#fff9e68c;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.ding-journey__progress{overflow:hidden;height:1px;background:#fff9e62e}.ding-journey__progress i{display:block;width:100%;height:100%;background:var(--ding-gold);transform:scaleX(0);transform-origin:left}@media screen and (max-width:989px){.ding-journey{padding-top:64px}.ding-journey__intro-grid{grid-template-columns:1fr;gap:22px}.ding-journey__intro h2{font-size:clamp(42px,10vw,68px)}.ding-journey__track{display:block;width:100%}.ding-journey__panel{width:100%;min-height:0}.ding-journey__panel-inner{grid-template-columns:1fr;gap:34px;min-height:0;padding:54px 22px 64px}.ding-journey__media{height:min(68vw,520px)}.ding-journey__content{max-width:680px}.ding-journey__content h3{font-size:clamp(43px,10vw,68px)}.ding-journey__orbit{right:-260px;width:620px}.ding-journey__hud{display:none}}@media screen and (max-width:549px){.ding-journey__intro{padding-inline:18px}.ding-journey__panel-inner{padding-inline:16px}.ding-journey__media{height:72vw;border-radius:20px}.ding-journey__products{margin-top:24px}.ding-journey__product{grid-template-columns:48px minmax(0,1fr)}.ding-journey__product-media{width:48px}}@media(prefers-reduced-motion:reduce){.ding-journey__track{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-ding-menu-journey.css.map */