.maand-tech{--mt-display: "Helvetica Now Display", "Helvetica Now Text", "Helvetica Neue", Helvetica, var(--font-body-family), Arial, sans-serif;--mt-muted: color-mix(in srgb, var(--mt-text) 64%, transparent);--mt-faint: color-mix(in srgb, var(--mt-text) 40%, transparent);--mt-ease: cubic-bezier(.22, .61, .36, 1);display:block;background:var(--mt-bg);color:var(--mt-text);overflow:hidden;padding-top:var(--mt-pad-top);padding-bottom:var(--mt-pad-bottom)}.maand-tech__inner{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "frame" "panel" "copy" "note"}.maand-tech__intro{grid-area:intro;text-align:center;margin-bottom:1.6rem}.maand-tech__eyebrow{margin:0 0 1rem;font-family:var(--font-body-family);font-weight:500;font-size:1.2rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mt-muted)}.maand-tech__heading{margin:0;font-family:var(--mt-display);font-weight:700;font-size:2.8rem;line-height:1.15;letter-spacing:-.02em;color:var(--mt-text)}.maand-tech__text{margin-top:1rem;font-size:1.5rem;line-height:1.5;color:var(--mt-muted)}.maand-tech__text p{margin:0}.maand-tech__frame{grid-area:frame;position:relative;padding:.6rem;border:1px solid var(--mt-rule);border-radius:2.4rem}.maand-tech__corner{position:absolute;width:1.8rem;height:1.8rem;border:0 solid var(--mt-accent);pointer-events:none}.maand-tech__corner--tl{top:-1px;left:-1px;border-top-width:1.5px;border-left-width:1.5px;border-top-left-radius:2.4rem}.maand-tech__corner--tr{top:-1px;right:-1px;border-top-width:1.5px;border-right-width:1.5px;border-top-right-radius:2.4rem}.maand-tech__corner--bl{bottom:-1px;left:-1px;border-bottom-width:1.5px;border-left-width:1.5px;border-bottom-left-radius:2.4rem}.maand-tech__corner--br{bottom:-1px;right:-1px;border-bottom-width:1.5px;border-right-width:1.5px;border-bottom-right-radius:2.4rem}.maand-tech__stage{position:relative;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);aspect-ratio:var(--mt-ratio-mobile, 6 / 5);border-radius:1.8rem;overflow:hidden;background:color-mix(in srgb,var(--mt-text) 6%,var(--mt-bg));touch-action:pan-y;isolation:isolate}.maand-tech__visual{grid-area:1 / 1;min-width:0;min-height:0;overflow:hidden;opacity:0;transition:opacity .8s var(--mt-ease)}.maand-tech__visual.is-active{opacity:1}.maand-tech__visual picture{display:contents}.maand-tech__img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform .8s var(--mt-ease)}.maand-tech__visual.is-active .maand-tech__img{transform:scale(1);transition:transform calc(var(--mt-duration, 5s) + 1s) var(--mt-ease)}.maand-tech__img--placeholder{background:color-mix(in srgb,var(--mt-text) 8%,var(--mt-bg));fill:var(--mt-faint)}.maand-tech__counter{position:absolute;z-index:2;top:1.2rem;left:1.2rem;margin:0;padding:.5rem 1.1rem;border-radius:99rem;background:color-mix(in srgb,var(--mt-card) 78%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-body-family);font-size:1.1rem;font-weight:500;letter-spacing:.12em;color:var(--mt-muted);font-variant-numeric:tabular-nums}.maand-tech__counter [data-mt-current]{color:var(--mt-text)}.maand-tech__counter-sep{margin:0 .4rem;color:var(--mt-faint)}.maand-tech__copy{grid-area:copy;display:grid;margin-top:1.8rem}.maand-tech__fact{grid-area:1 / 1;opacity:0;visibility:hidden;transform:translateY(.8rem);transition:opacity .5s var(--mt-ease),transform .6s var(--mt-ease),visibility 0s linear .6s}.maand-tech__fact.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .6s var(--mt-ease) .12s,transform .7s var(--mt-ease) .12s,visibility 0s}.maand-tech__stat{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.8rem;margin:0 0 1rem;padding-bottom:1rem;border-bottom:1px solid var(--mt-rule)}.maand-tech__stat-value{font-family:var(--mt-display);font-weight:700;font-size:4.4rem;line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--mt-text)}.maand-tech__stat-unit{font-family:var(--font-body-family);font-size:1.4rem;line-height:1.3;color:var(--mt-muted)}.maand-tech__title{margin:0;font-family:var(--mt-display);font-weight:700;font-size:1.8rem;line-height:1.25;letter-spacing:-.01em;color:var(--mt-text)}.maand-tech__desc{margin-top:.6rem;font-size:1.4rem;line-height:1.5;color:var(--mt-muted)}.maand-tech__desc p{margin:0}.maand-tech__panel{grid-area:panel;margin-top:1rem}.maand-tech__tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:1px;background:var(--mt-rule);border:1px solid var(--mt-rule);border-radius:1.6rem;overflow:hidden}.maand-tech__tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:6.4rem;padding:1rem .2rem .9rem;border:0;background:var(--mt-bg);color:var(--mt-muted);font:inherit;cursor:pointer;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:background-color .4s var(--mt-ease),color .4s var(--mt-ease)}.maand-tech__tab:hover{color:var(--mt-text)}.maand-tech__tab.is-active{background:var(--mt-card);color:var(--mt-text)}.maand-tech__tab:focus-visible{outline:2px solid var(--mt-accent);outline-offset:-3px}.maand-tech__tab-num{display:none;position:absolute;top:.7rem;left:.9rem;font-size:1rem;font-weight:500;letter-spacing:.08em;color:var(--mt-faint);font-variant-numeric:tabular-nums}.maand-tech__tab.is-active .maand-tech__tab-num{color:var(--mt-accent)}.maand-tech__tab-icon{display:block;width:2.2rem;height:2.2rem;transition:transform .5s var(--mt-ease)}.maand-tech__tab.is-active .maand-tech__tab-icon{transform:scale(1.08)}.maand-tech__tab-label{font-size:1.05rem;font-weight:500;line-height:1.15;letter-spacing:0;overflow-wrap:anywhere;text-align:center}.maand-tech__tab-progress{position:absolute;left:0;right:0;bottom:0;height:2px}.maand-tech__tab-progress span{display:block;height:100%;background:var(--mt-accent);transform:scaleX(0);transform-origin:left}.maand-tech__tab.is-active .maand-tech__tab-progress span{transform:scaleX(1);transition:transform .5s var(--mt-ease)}.maand-tech.is-playing .maand-tech__tab.is-active .maand-tech__tab-progress span{transform:scaleX(0);transition:none;animation:maand-tech-progress var(--mt-duration, 5s) linear forwards}@keyframes maand-tech-progress{to{transform:scaleX(1)}}.maand-tech__footnote{grid-area:note;margin:1.2rem 0 0;font-size:1.1rem;line-height:1.4;color:var(--mt-faint)}@media screen and (min-width:990px){.maand-tech__inner{grid-template-columns:minmax(0,48rem) minmax(0,1fr);grid-template-rows:auto auto auto 1fr;grid-template-areas:"frame intro" "frame copy" "frame panel" "frame note";column-gap:8rem;max-width:112rem;align-items:start}.maand-tech__intro{text-align:left;margin:2rem 0 0}.maand-tech__heading{font-size:3.6rem}.maand-tech__stage{aspect-ratio:4 / 5}.maand-tech__copy{margin-top:4rem}.maand-tech__stat-value{font-size:7.2rem}.maand-tech__title{font-size:2rem}.maand-tech__desc{font-size:1.5rem}.maand-tech__panel{margin-top:3.2rem}.maand-tech__tab{min-height:8.8rem;gap:.6rem}.maand-tech__tab-num{display:block}.maand-tech__tab-icon{width:2.6rem;height:2.6rem}.maand-tech__tab-label{font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.maand-tech__visual,.maand-tech__img,.maand-tech__fact,.maand-tech__tab-icon{transition:none!important}.maand-tech__img{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/maand-tech.css.map */