.mt{--fill:0;position:relative}.mt-len{height:calc(var(--mt-len,340) * 1vh)}@supports (height:1svh){.mt-len{height:calc(var(--mt-len,340) * 1svh)}}.mt-pin{box-sizing:border-box;height:100svh;position:sticky;top:0;overflow:hidden}.mt-title{font-size:min(var(--fs-h2), max(2rem, 7vh));max-width:17ch;margin:0}.mt-liquid{background:radial-gradient(60% 90% at 30% 70%,#0f6a54,#0000 70%),radial-gradient(50% 80% at 80% 30%,#0a4a3b,#0000 70%),#052b22;position:absolute;inset:0}.mt-liquid-canvas{width:100%;height:100%;position:absolute;inset:0}.mt-glass{isolation:isolate;background:linear-gradient(102deg, transparent calc(var(--lx) - 22%), #ffffff0b var(--lx), transparent calc(var(--lx) + 22%)), radial-gradient(120% 160% at var(--lx) -30%, rgb(var(--accent-rgb) / .09), transparent 65%), rgb(var(--mt-glass-rgb,255 255 255) / var(--mt-tint,.035));-webkit-backdrop-filter:blur(var(--mt-blur,6px)) saturate(1.6) brightness(1.05);backdrop-filter:blur(var(--mt-blur,6px)) saturate(1.6) brightness(1.05);box-shadow:inset 0 0 22px #ffffff09, inset 0 -14px 30px -22px rgb(var(--accent-rgb) / .35), 0 28px 70px -30px #000000bf;transition:--lx 1.4s var(--ease);position:relative}.mt-glass:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:var(--mt-glint,.5);background:radial-gradient(38% 140% at var(--lx) 0%, #ffffffe6, transparent 70%), radial-gradient(30% 140% at calc(100% - var(--lx)) 100%, rgb(var(--accent-rgb) / .6), transparent 70%);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@keyframes mt-rise{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}}.mt-swap{animation:mt-rise .7s var(--ease) both}.mt-num{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.mt-swap{animation:none}.mt-glass,.mtb-slab{transition:none}}@media (prefers-reduced-transparency:reduce){.mt-glass{--mt-tint:.6;--mt-glass-rgb:15 17 20;-webkit-backdrop-filter:none;backdrop-filter:none}}.mtb-pin{padding:clamp(96px, 14vh, 140px) var(--pad-x) clamp(28px, 6vh, 64px);flex-direction:column;justify-content:center;gap:clamp(24px,4.5vh,48px);display:flex}.mtb-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 48px;display:flex}.mtb-day{font-size:var(--fs-lede);color:var(--muted);margin:0}.mtb-day b{font-family:var(--display), system-ui, sans-serif;font-weight:var(--display-weight);letter-spacing:-.04em;color:var(--title);margin:0 4px;font-size:1.6em}.mtb-stage{flex:1;min-height:0;max-height:64vh;position:relative}.mtb-liquid{clip-path:inset(50%);filter:brightness(var(--glow,1)) saturate(1.05);position:absolute;inset:0}.mtb-steps{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:clamp(8px,1vw,14px);height:100%;margin:0;padding:0;list-style:none;display:grid;position:relative}.mtb-step{height:calc(var(--k) * 100%);min-height:200px}.mtb-slab{box-sizing:border-box;height:100%;transition:--lx 1.4s var(--ease);border-radius:26px;flex-direction:column;gap:8px;padding:clamp(18px,2.4vh,26px) clamp(18px,1.6vw,26px);display:flex}.mtb-range{font-size:var(--fs-small);color:#ffffff8f;transition:color .5s}.mtb-name{font-family:var(--display), system-ui, sans-serif;font-weight:var(--display-weight);font-size:var(--fs-h3);letter-spacing:-.03em;color:#fff9;line-height:1.1;transition:color .5s}.mtb-text{max-width:30ch;font-size:var(--fs-body);color:var(--fg);opacity:0;filter:blur(4px);transition:opacity .6s var(--ease), transform .6s var(--ease), filter .6s var(--ease);line-height:1.5;transform:translateY(8px)}.mtb-deliv{font-size:var(--fs-small);color:#ffffff8f;margin-top:auto;transition:color .5s}.mtb-slab.is-cur .mtb-range{color:var(--accent)}.mtb-slab:is(.is-cur,.is-past) .mtb-name{color:var(--title)}.mtb-slab.is-cur .mtb-text{opacity:1;filter:none;transform:none}.mtb-slab:is(.is-cur,.is-past) .mtb-deliv{color:var(--fg)}.mtb-slab.is-full{--mt-glint:.85}.mtb-slab.is-full:before{background:radial-gradient(60% 140% at var(--lx) 0%, rgb(var(--accent-rgb) / 1), transparent 72%), radial-gradient(30% 140% at calc(100% - var(--lx)) 100%, #ffffff59, transparent 70%)}@media (max-width:767px),(max-height:520px){.mtb-stage{max-height:none}.mtb-steps{grid-template-rows:repeat(4,auto);grid-template-columns:minmax(0,1fr);align-content:stretch;place-items:stretch start;gap:8px}.mtb-step{width:calc(var(--k) * 100%);min-width:190px;height:auto;min-height:0}.mtb-slab{border-radius:22px;gap:4px;padding:14px 16px}.mtb-name{font-size:1.125rem}.mtb-text{display:none}.mtb-slab.is-cur .mtb-text{font-size:var(--fs-small);display:block}.mtb-deliv{display:none}}@media (max-height:520px){.mtb-pin{padding:68px var(--pad-x) 12px;gap:12px}.mtb-steps{gap:6px}.mtb-text{max-width:none}.mtb-head{flex-wrap:nowrap;align-items:baseline}.mt-title{max-width:none;font-size:1.5rem}.mtb-day{white-space:nowrap}.mtb-slab{border-radius:18px;padding:8px 16px}.mtb-name{font-size:1rem}}@media (prefers-reduced-motion:reduce){.mtb-text{filter:none;transform:none}}.mtb-slab:is(.is-past,.is-full) :is(.mtb-range,.mtb-deliv){color:#ffffffb8}.mt-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}