@property --ep{syntax: "<number>"; inherits: true; initial-value: 0;}@property --vp{syntax: "<number>"; inherits: true; initial-value: 0;}@property --ex{syntax: "<number>"; inherits: true; initial-value: 0;}@property --k0{syntax: "<number>"; inherits: true; initial-value: 1;}@property --hero{syntax: "<number>"; inherits: true; initial-value: 0;}.md-engine{position:relative;padding-top:var(--eg-pt, 48px);background:var(--eg-bg, var(--md-bg));overflow-x:clip;--eg-head: var(--md-header-stuck, 0px)}.md-engine__track{position:relative;height:var(--eg-track, 3200px);--ep: 0;--vp: 0;--ex: 0;--k0: 1;--hero: 0;--end: clamp(0, (var(--ep) - .955) * 22, 1)}.md-engine__pin{--vb: min(var(--vb-vh), var(--vb-max), calc(100vw - 40px) );--side: clamp(0px, calc((100vw - var(--vb)) / 2 - 20px), var(--side-max, 250px));position:sticky;top:var(--eg-head);height:min(calc(100svh - var(--eg-head)),var(--eg-pin-max, 1100px));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 var(--md-gutter, 40px)}.md-engine__stage{position:relative;z-index:1;width:var(--vb);height:var(--vb);flex:0 0 auto;will-change:transform;transform-origin:50% 50%;transform:translateY(calc((1 - var(--k0)) * 72px - var(--end) * var(--lift, 44px))) scale(calc((.93 + .07 * var(--k0)) * (1 + var(--hero) * var(--zoom)) * (1 - var(--end) * .06)))}.md .md-engine__poster,.md .md-engine__canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;max-width:none;object-fit:contain}.md .md-engine__canvas{opacity:0;transition:opacity .45s ease}.md-engine__track.is-live .md-engine__canvas{opacity:1}.md-engine__track.is-live .md-engine__poster{visibility:hidden;transition:visibility 0s linear .5s}.md-engine__ground{position:absolute;left:26%;right:26%;bottom:4%;height:4%;pointer-events:none;z-index:2;border-radius:50%;opacity:calc(.3 - var(--ex) * .26);will-change:opacity;background:radial-gradient(closest-side,#1916148c,#19161400)}.md-engine__melt{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;background:linear-gradient(to bottom,var(--eg-bg) 0%,var(--eg-bg0) 7%),linear-gradient(to top,var(--eg-bg) 0%,var(--eg-bg0) 6%),linear-gradient(to right,var(--eg-bg) 0%,var(--eg-bg0) 8%),linear-gradient(to left,var(--eg-bg) 0%,var(--eg-bg0) 8%)}.md-engine__ann{position:absolute;top:0;bottom:0;left:calc(-1 * var(--side));right:calc(-1 * var(--side));pointer-events:none;z-index:4}.md-engine__lab{will-change:transform,opacity;position:absolute;display:flex;align-items:center;gap:12px;height:0;white-space:nowrap;font-family:var(--md-mono);font-size:10.5px;letter-spacing:.106em;text-transform:uppercase;color:var(--md-ink)}.md-engine__lab--r{flex-direction:row}.md-engine__lab--l{flex-direction:row-reverse}.md-engine__line{display:block;height:1px;background:var(--md-ink);opacity:.3;flex:0 0 auto;width:calc(var(--side) * .5 + var(--vb) * .1)}.md-engine__end{display:block;width:3px;height:3px;border-radius:50%;background:var(--md-brass);flex:0 0 auto}.md-engine__short{display:none}.md-engine__intro{position:absolute;left:0;right:0;top:min(var(--eg-intro-top, 48px),5svh);display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;pointer-events:none;z-index:2;will-change:opacity,transform;opacity:calc(1 - var(--ep) * 10);transform:translateY(calc(var(--ep) * -300px))}.md-engine__label{font-family:var(--md-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--md-ink2)}.md-engine__title{margin:6px 0 0;font-family:var(--md-display);font-weight:400;font-size:min(var(--eg-title, 84px),9svh);line-height:.96;letter-spacing:.06em;color:var(--md-ink)}.md-engine__title span{display:block;color:var(--md-ink3)}.md-engine__standfirst{font-family:var(--md-serif);font-size:18px;font-style:italic;color:var(--md-ink2);margin-top:6px}.md-engine__hero{position:absolute;left:var(--md-gutter, 40px);bottom:52px;width:300px;display:flex;flex-direction:column;gap:9px;pointer-events:none;z-index:7;will-change:opacity,transform;opacity:var(--hero);transform:translateY(calc((1 - var(--hero)) * 10px))}.md-engine__movement{font-family:var(--md-display);font-size:40px;line-height:1;letter-spacing:.05em;color:var(--md-ink)}.md-engine__spec{font-family:var(--md-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--md-ink3)}.md-engine__bridge{position:absolute;left:0;right:0;bottom:34px;z-index:7;display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none;will-change:opacity,transform;opacity:var(--end);transform:translateY(calc((1 - var(--end)) * 18px))}.md-engine__bridgetext{font-family:var(--md-serif);font-size:20px;font-style:italic;color:var(--md-ink2)}.md-engine__buy{display:flex;align-items:center;gap:14px;padding:8px;border-radius:999px;background:#ffffffc7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px #19161412,0 18px 40px -24px #19161473;max-width:min(560px,calc(100vw - 32px))}.md-engine__track[data-done] .md-engine__buy{pointer-events:auto}.md .md-engine__buythumb{flex:0 0 auto;width:52px;height:52px;border-radius:999px;overflow:hidden;background:var(--md-paper);box-shadow:inset 0 0 0 1px var(--md-line)}.md .md-engine__buythumb img{width:100%;height:100%;object-fit:contain;padding:5px;mix-blend-mode:multiply;display:block}.md-engine__buytext{display:flex;flex-direction:column;gap:2px;min-width:0;padding-right:6px}.md .md-engine__buyname{font-size:14px;font-weight:500;color:var(--md-ink);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.md .md-engine__buyname:hover{text-decoration:underline;text-underline-offset:3px}.md-engine__buyprice{display:flex;align-items:baseline;gap:8px;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.md-engine__buyprice b{font-weight:600;color:var(--md-ink)}.md-engine__buyprice s{color:var(--md-ink3);font-size:13px}.md .md-engine__buybtn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;border:0;border-radius:999px;background:var(--md-acc);color:var(--md-paper);font-family:var(--md-sans);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .25s ease,transform .2s ease}.md .md-engine__buybtn:hover{background:var(--md-acc2)}.md .md-engine__buybtn:active{transform:scale(.97)}.md .md-engine__buybtn:focus-visible{outline:2px solid var(--md-acc);outline-offset:3px}.md .md-engine__buybtn [data-when=added],.md .md-engine__buybtn[data-state=added] [data-when=idle]{display:none}.md .md-engine__buybtn[data-state=added] [data-when=added]{display:inline}.md .md-engine__buybtn[data-state=busy]{opacity:.7;pointer-events:none}.md .md-engine__buybtn[data-state=error]{background:#a3392b}.md-engine__rail{--rail-h: min(34svh, 300px);position:absolute;right:var(--md-gutter, 40px);top:50%;width:1px;height:var(--rail-h);margin-top:calc(var(--rail-h) / -2);background:#19161424;z-index:6;pointer-events:none;opacity:clamp(0,min(var(--ep) * 14,(1 - var(--ep)) * 18),1)}.md-engine__railtick{position:absolute;right:-3px;top:calc(var(--at) * 100%);width:7px;height:1px;background:#19161466}.md-engine__railtick i{position:absolute;right:14px;top:-6px;font-style:normal;font-family:var(--md-mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--md-ink3);white-space:nowrap}.md-engine__railbead{position:absolute;left:-3.5px;top:-3.5px;width:8px;height:8px;border-radius:999px;background:var(--md-brass);box-shadow:0 0 0 4px #c0954a2e;transform:translateY(calc(var(--ep) * var(--rail-h)));will-change:transform}@media(max-width:1200px){.md-engine__line{width:calc(var(--side) * .5 + var(--vb) * .06)}}@media(max-width:900px){.md-engine__line{width:calc(var(--vb) * .045)}.md-engine__lab{z-index:5;font-size:12px;letter-spacing:.14em;gap:8px}.md-engine__long{display:none}.md-engine__short{display:inline}}@media(min-width:750px)and (max-height:720px){.md-engine__standfirst{display:none}}@media(max-width:749px){.md-engine{padding-top:var(--eg-pt-m, 28px)}.md-engine__track{height:var(--eg-track-m, 2400px)}.md-engine{--eg-head: var(--md-header-stuck-m, 0px)}.md-engine__pin{height:min(calc(100svh - var(--eg-head)),var(--eg-pin-max-m, 820px));padding:0;display:grid;grid-template-columns:100%;grid-template-rows:auto auto;align-content:center;justify-items:center;row-gap:14px;--vb: min( calc(100vw + 24px) , calc(100svh - var(--eg-head) - 150px), var(--vb-max));--side: 0px;--lift: 0px}.md-engine__stage{grid-area:1 / 1}.md-engine__lab{gap:7px;font-size:12px;letter-spacing:.13em}.md-engine__lab--wide{display:none}.md-engine__line{width:calc(var(--vb) * .045)}.md-engine__lab{z-index:5}.md-engine__long{display:none}.md-engine__short{display:inline}.md-engine__intro{top:var(--eg-intro-top-m, 24px);gap:8px}.md-engine__title{margin-top:4px;font-size:var(--eg-title-m, 40px)}.md-engine__standfirst{font-size:16px;margin-top:2px}.md-engine__hero{position:relative;left:auto;bottom:auto;grid-area:2 / 1;width:100%;align-items:center;text-align:center;gap:8px}.md-engine__movement{font-size:26px}.md-engine__bridge{position:relative;grid-area:2 / 1;left:auto;right:auto;bottom:auto;width:100%;gap:10px;padding:0 16px}.md-engine__bridgetext{font-size:16px}.md-engine__buy{gap:10px;padding:6px}.md .md-engine__buythumb{width:44px;height:44px}.md .md-engine__buyname{font-size:14px}.md .md-engine__buybtn{height:40px;padding:0 16px;font-size:14px}.md-engine__rail{display:none}}.md-engine__track.is-static{--ep: 1;--vp: 1;--ex: 0;--k0: 1;--hero: 0;--end: 1}.md-engine__track.is-static .md-engine__intro{opacity:0}.md-engine__track.is-static .md-engine__rail{display:none}.md-engine__track.is-static .md-engine__canvas{transition:none}.md-engine__track.is-static .md-engine__buy{pointer-events:auto}
/*# sourceMappingURL=/cdn/shop/t/6/assets/md-engine.css.map */