.qd-mountain{grid-column:span 12;position:relative;margin-top:64px;--qm-red:var(--accent-deep,#d91630);isolation:isolate}.qm-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.qm-kicker{font-size:11px;letter-spacing:.15em;color:var(--qm-red);font-weight:600;margin-bottom:12px}.qm-heading h2{font-size:clamp(28px,3vw,38px);font-weight:650;line-height:1.3;letter-spacing:-.03em}.qm-heading h2 span{color:var(--qm-red)}.qm-motion{min-height:44px;border:1px solid var(--line);border-radius:var(--r-pill);padding:0 16px;background:var(--surface);color:var(--ink-3);font:inherit;font-size:12px;cursor:pointer}.qm-motion:hover{border-color:var(--qm-red);color:var(--qm-red)}.qm-motion:focus-visible,.qm-year:focus-visible,.qm-scroll:focus-visible{outline:2px solid var(--qm-red);outline-offset:4px}.qm-swipe{display:none}.qm-scroll{position:relative;margin-top:6px}.qm-chart{position:relative;height:500px;min-width:0}.qm-route{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.qm-area{fill:url(#qm-fill)}.qm-route path:not(.qm-area){fill:none;stroke-linecap:round;stroke-linejoin:round}.qm-back{stroke:var(--line-2);stroke-width:1.5}.qm-line{stroke:var(--qm-red);stroke-width:2.5;filter:drop-shadow(0 2px 7px rgba(218,20,48,.16))}.qm-flow{stroke:var(--qm-red);stroke-width:1.3;stroke-dasharray:2 13;opacity:.45;animation:qm-flow 6s linear infinite}.qm-traveler{fill:var(--qm-red);filter:drop-shadow(0 0 7px rgba(223,20,47,.5))}.qm-halo{fill:rgba(237,25,50,.13);transform-box:fill-box;transform-origin:center;animation:qm-pulse 2s ease-out infinite}.qm-milestone{position:absolute;left:var(--qm-x);top:var(--qm-y);width:0;height:0;z-index:2}.qm-pin{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border:2px solid var(--qm-red);border-radius:50%;background:var(--bg,#fff);box-shadow:0 0 0 5px rgba(232,26,50,.06);transition:background .4s,box-shadow .4s}.qm-milestone.is-active .qm-pin{background:var(--qm-red);box-shadow:0 0 0 7px rgba(232,26,50,.10),0 0 16px rgba(232,26,50,.2)}.qm-copy{position:absolute;left:0;width:174px;translate:-50% 0;padding:0 6px;transition:transform .5s}.qm-above .qm-copy{bottom:27px}.qm-below .qm-copy{top:27px}.qm-copy:before{content:'';position:absolute;left:50%;width:1px;height:17px;background:var(--line-2)}.qm-above .qm-copy:before{bottom:-22px}.qm-below .qm-copy:before{top:-22px}.qm-year{display:block;background:none;border:0;padding:0;margin-bottom:8px;color:var(--qm-red);font-family:var(--font-display);font-size:34px;font-weight:650;letter-spacing:-.045em;line-height:1.15;min-height:40px;cursor:pointer;transition:translate .4s,text-shadow .4s}.qm-copy h3{font-size:16px;font-weight:650;line-height:1.55;margin-bottom:9px;color:var(--ink)}.qm-copy p{font-size:12px;line-height:1.85;color:var(--ink-2);margin:0;text-wrap:pretty}.qm-milestone:hover .qm-year,.qm-milestone.is-active .qm-year{text-shadow:0 3px 20px rgba(225,26,50,.12)}.qm-milestone:hover .qm-copy{transform:translateY(-4px)}.qm-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:18px;border-top:1px solid var(--line)}.qm-footer p{font-size:13px;color:var(--ink-3);line-height:1.8}.qm-footer a{font-size:13px;font-weight:600;color:var(--qm-red);display:inline-flex;gap:10px;align-items:center;min-height:44px}.qm-footer a span{transition:translate .3s}.qm-footer a:hover span{translate:3px -3px}.qd-mountain.is-playing .qm-copy{animation:qm-enter .9s both;animation-delay:calc(var(--qm-order)*.12s)}.qd-mountain.is-paused *,.qd-mountain:not(.is-in-view) *{animation-play-state:paused!important}.qd-mountain.is-paused .qm-copy{animation:none}.qd-mountain.is-paused .qm-pin,.qd-mountain.is-paused .qm-copy,.qd-mountain.is-paused .qm-year{transition:none}.qd-mountain.is-paused .qm-milestone:hover .qm-copy{transform:none}@keyframes qm-flow{to{stroke-dashoffset:-120}}@keyframes qm-pulse{0%{scale:.8;opacity:.9}100%{scale:1.5;opacity:0}}@keyframes qm-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:900px) and (max-width:1199px){.qm-copy{width:146px}.qm-copy h3{font-size:15px}.qm-year{font-size:30px}.qm-copy p{font-size:12px}}
@media(max-width:899px){.qd-mountain{margin-top:44px}.qm-heading{align-items:center}.qm-heading h2{font-size:26px}.qm-kicker{font-size:10px;letter-spacing:.08em}.qm-motion{font-size:11px;padding:0 12px;flex:none}.qm-swipe{display:flex;gap:12px;align-items:center;color:var(--ink-3);font-size:11px;margin-top:20px}.qm-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;margin-top:0}.qm-chart{width:1080px;height:500px}.qm-copy{width:158px}.qm-year{font-size:30px}.qm-copy h3{font-size:15px}.qm-copy p{font-size:12px}.qm-footer{gap:12px;align-items:start}.qm-footer p{font-size:12px;flex:1}.qm-footer a{font-size:12px;white-space:nowrap}.qm-footer a span{display:none}}
@media(prefers-reduced-motion:reduce){.qd-mountain:not(.is-force-motion) *{animation:none!important;transition:none!important}}
.qd-mountain.is-vertical .qm-swipe{display:none}.qd-mountain.is-vertical .qm-scroll{overflow:visible;margin-top:24px}.qd-mountain.is-vertical .qm-chart{width:100%;height:auto;display:grid;gap:24px;padding:16px 0 20px 42px}.qd-mountain.is-vertical .qm-area{display:none}.qd-mountain.is-vertical .qm-milestone{position:relative;left:auto;top:auto;width:auto;height:auto}.qd-mountain.is-vertical .qm-copy{position:relative;left:auto;top:auto;bottom:auto;width:auto;translate:none;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--surface,#fff);box-shadow:0 12px 38px rgba(38,23,28,.035);transition:transform .4s,border-color .4s,box-shadow .4s}.qd-mountain.is-vertical .qm-copy:before{display:none}.qd-mountain.is-vertical .qm-pin{left:-29px;top:65px;width:14px;height:14px}.qd-mountain.is-vertical .qm-milestone:nth-of-type(even) .qm-pin{left:-24px}.qd-mountain.is-vertical .qm-year{font-size:40px;margin-bottom:10px}.qd-mountain.is-vertical .qm-copy h3{font-size:19px;margin-bottom:12px}.qd-mountain.is-vertical .qm-copy p{font-size:14px;line-height:1.85}.qd-mountain.is-vertical .qm-milestone.is-active .qm-copy,.qd-mountain.is-vertical .qm-milestone:hover .qm-copy{border-color:rgba(223,31,54,.28);box-shadow:0 16px 42px rgba(110,30,45,.07)}.qd-mountain.is-vertical .qm-milestone{scroll-margin-top:120px}
