.na-dna-journey{padding:var(--na-journey-pad-top, 96px) 0 var(--na-journey-pad-bottom, 96px)}.na-dna-journey__inner{max-width:var(--na-journey-max, 1320px);margin:0 auto;padding:0 clamp(20px,4vw,56px)}.na-dna-journey__intro{max-width:720px;margin:0 0 56px}.na-dna-journey__eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;opacity:.6;margin:0 0 16px}.na-dna-journey__heading{font-family:var(--font-heading-family, inherit);font-size:clamp(28px,3.6vw,44px);font-weight:400;line-height:1.15;letter-spacing:-.01em;margin:0 0 18px}.na-dna-journey__lede{font-size:16px;line-height:1.65;opacity:.78;margin:0;max-width:60ch}.na-dna-journey__stepper{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid currentColor;border-bottom:1px solid currentColor;margin-bottom:64px;position:relative}.na-dna-journey__stepper:has(>button:nth-child(4):last-child){grid-template-columns:repeat(4,1fr)}.na-dna-journey__stepper:has(>button:nth-child(3):last-child){grid-template-columns:repeat(3,1fr)}.na-dna-journey__stepper:has(>button:nth-child(6)){grid-template-columns:repeat(6,1fr)}.na-dna-journey__stepper:has(>button:nth-child(7)){grid-template-columns:repeat(7,1fr)}.na-dna-journey__stepper:has(>button:nth-child(8)){grid-template-columns:repeat(8,1fr)}.na-dna-journey__step{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:26px 24px;background:transparent;border:0;border-right:1px solid rgba(0,0,0,0);cursor:pointer;text-align:left;font-family:inherit;color:inherit;transition:background-color .2s ease,opacity .2s ease;font-size:inherit}.color-scheme-light .na-dna-journey__step,.color-scheme-1 .na-dna-journey__step,.na-dna-journey__step{border-right-color:rgba(var(--color-foreground, 31, 31, 29),.12)}.na-dna-journey__step:last-child{border-right:0}.na-dna-journey__step:hover{background:rgba(var(--color-foreground, 31, 31, 29),.025)}.na-dna-journey__step:focus-visible{outline:2px solid currentColor;outline-offset:-3px}.na-dna-journey__step:after{content:"";position:absolute;left:24px;right:24px;bottom:-1px;height:2px;background:currentColor;opacity:0;transform:scaleX(.2);transform-origin:left;transition:opacity .25s ease,transform .32s ease}.na-dna-journey__step.is-active:after{opacity:1;transform:scaleX(1)}.na-dna-journey__step.is-active .na-dna-journey__step-num{opacity:1}.na-dna-journey__step-num{font-size:11px;letter-spacing:.16em;font-weight:500;opacity:.4;transition:opacity .25s ease}.na-dna-journey__step-title{font-size:15px;font-weight:400;letter-spacing:-.005em;line-height:1.3;display:block}.na-dna-journey__panels{position:relative;min-height:360px}.na-dna-journey__panel{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .32s ease;pointer-events:none;position:absolute;top:0;left:0;right:0;width:100%}.na-dna-journey__panel.is-active{opacity:1;transform:translateY(0);pointer-events:auto;position:relative}.na-dna-journey__panel[hidden]{display:none}.na-dna-journey__panel-content{max-width:56ch}.na-dna-journey__panel-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;opacity:.55;margin:0 0 14px}.na-dna-journey__panel-heading{font-family:var(--font-heading-family, inherit);font-size:clamp(24px,2.8vw,34px);font-weight:400;line-height:1.2;letter-spacing:-.01em;margin:0 0 18px}.na-dna-journey__panel-body{font-size:16px;line-height:1.7;opacity:.85}.na-dna-journey__panel-body p{margin:0 0 12px}.na-dna-journey__panel-body p:last-child{margin-bottom:0}.na-dna-journey__panel-list{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}.na-dna-journey__panel-list li{position:relative;padding-left:22px;font-size:14px;line-height:1.55;opacity:.85}.na-dna-journey__panel-list li:before{content:"";position:absolute;left:0;top:.6em;width:12px;height:1px;background:currentColor;opacity:.5}.na-dna-journey__panel-cta{display:inline-flex;align-items:center;gap:8px;margin-top:28px;padding:14px 28px;background:currentColor;color:rgb(var(--color-background, 246, 241, 235));text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:500;border:1px solid currentColor;transition:background-color .2s ease,color .2s ease,transform .25s ease}.na-dna-journey__panel-cta:hover{background:transparent;color:inherit;transform:translate(2px)}.na-dna-journey__panel-cta span{display:inline-block;transition:transform .25s ease;background:transparent;color:inherit}.na-dna-journey__panel-cta:hover span{transform:translate(3px)}.na-dna-journey__panel-media{aspect-ratio:4 / 5;overflow:hidden;background:rgba(var(--color-foreground, 31, 31, 29),.04);display:flex;align-items:center;justify-content:center}.na-dna-journey__panel-image{width:100%;height:100%;object-fit:cover;display:block}.na-dna-journey__panel-media--placeholder{background:rgba(var(--color-foreground, 31, 31, 29),.03)}.na-dna-journey__placeholder-icon{width:60%;height:60%;color:currentColor;opacity:.6}@media(max-width:990px){.na-dna-journey__stepper{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;border-top:0;border-bottom:0;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.na-dna-journey__step{border-bottom:1px solid rgba(var(--color-foreground, 31, 31, 29),.12);border-right:1px solid rgba(var(--color-foreground, 31, 31, 29),.12);border-top:1px solid rgba(var(--color-foreground, 31, 31, 29),.12);scroll-snap-align:start;min-width:140px}.na-dna-journey__step:after{left:0;right:auto;top:0;bottom:0;width:2px;height:auto;transform:scaleY(.2);transform-origin:top}.na-dna-journey__step.is-active:after{transform:scaleY(1)}.na-dna-journey__panel{grid-template-columns:1fr;gap:32px}.na-dna-journey__panel-media{aspect-ratio:16 / 10;order:-1}.na-dna-journey__panels{min-height:0}}@media(max-width:640px){.na-dna-journey{padding:64px 0}.na-dna-journey__intro{margin-bottom:40px}.na-dna-journey__step{padding:20px 18px}.na-dna-journey__stepper{margin-bottom:40px}}@media(prefers-reduced-motion:reduce){.na-dna-journey__step,.na-dna-journey__step:after,.na-dna-journey__panel,.na-dna-journey__panel-cta,.na-dna-journey__panel-cta span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-na-dna-journey.css.map */
