:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,:before,:after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-block-size:100%;max-inline-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{appearance:revert}pre{all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}html,body{text-rendering:auto;font-smooth:antialiased;-webkit-text-size-adjust:100%;margin:0;padding:0;font-family:sans-serif;font-weight:400;-webkit-font-smoothing:antialiased!important;-moz-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}html{scroll-padding-top:9rem;font-size:20px}@media (height>=1025px){html{font-size:calc(1svh + 9.76px)}}@media (height<=750px){html{font-size:19px}}@media (height<=680px){html{font-size:18px}}body{--col1:#444;--col2:#fff;--wrap:82vw;--hero-font:1rem;--vw:1vw;background:var(--col2);min-height:100dvh;color:var(--col1);counter-reset:figure cit;flex-direction:column;font-size:1rem;line-height:1.6;display:flex}body:before{content:"";height:calc((100svh - (7.4rem + var(--hero-font)*18.96))/2);display:block}body.loaded{overflow:auto}body:not(.loaded){overflow:hidden;cursor:wait!important}body:not(.loaded) *{pointer-events:none;-webkit-user-select:none;user-select:none}body.locked{background:#ede8e8}body.locked:before{display:none}body.locked header{background:#ede8e8;margin-bottom:0}body.locked header a{margin:0 auto}body.locked main,body.locked footer,body.locked header nav,body.locked header .lang,body.locked .status,body.locked .keyboard{display:none}body.locked.portrait{justify-content:center}body.locked.portrait #portrait{padding-bottom:0;display:block}body.locked.mobile #mobile{display:block}body.locked section.webgl{height:50lvh;min-height:300px;max-height:450px;position:static}::selection{background:var(--col1);color:var(--col2)}*{font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;text-rendering:auto!important}:after,:before{box-sizing:border-box}.wrap{flex-wrap:wrap;justify-content:space-between;align-items:stretch;width:clamp(60vw,82vw,140lvh);min-width:50vw;margin:0 auto;padding:0;display:flex}@media (height>=1025px){.wrap{max-width:130lvh}}@media (height>=1201px){.wrap{max-width:120lvh}}.hidden{display:none}@font-face{font-family:EB Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(eb-garamond-semibold-extended.8516d049.woff2)format("woff2");unicode-range:U+100-24F,U+259,U+1E??,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:EB Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(eb-garamond-semibold-latin.fb9121c4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}h1,.h1,.h2,h3,.h3,h4{letter-spacing:-.045em;font-family:EB Garamond,serif;font-weight:600;line-height:1}h1,.h1{margin-bottom:.5em;font-size:4.5rem}.h2{margin-bottom:.5em;font-size:4rem}h3,.h3{margin-bottom:.5em;font-size:3.5rem}h4{margin-top:3rem;margin-bottom:.5em;font-size:2rem}.h0{white-space:nowrap;font-size:min(25lvh,15.5rem)}p{margin-bottom:2rem}p small:only-child{display:block}i{font-style:italic}del{text-decoration:line-through}a{border-bottom:1px solid}a[target]{margin-right:.8em;position:relative}a[target]:after{content:"↗︎";border:none;margin-left:.2em;font-size:.6em;font-weight:700;position:absolute}pre{border-left:1px solid;margin:3rem 0 3rem -1rem;padding-left:1rem;font-family:monospace}pre.banner{text-align:center;font-size:3rem}table{width:100%;margin:3rem 0}table td,table th{border-bottom:1px solid var(--col1);padding:.6rem .4rem}table th{border:none;padding:0}table th strong{text-transform:uppercase;background:var(--col1);color:var(--col2);margin-bottom:.4rem;padding:.1rem .4rem;font-size:.8rem;font-weight:400;display:inline-block}table tr:last-child td{border-bottom:none}table td code{margin-left:.4rem;font-size:.8em}table td span{vertical-align:middle;font-family:monospace;font-size:1.2em;display:inline-block}ul:not([class]),ol{margin:3rem 0}ul:not([class]) li,ol li{margin-bottom:1rem;padding-left:2.8rem;position:relative}ul:not([class]) li:last-child,ol li:last-child{margin-bottom:0}ul:not([class]) li:before,ol li:before{content:"";background:currentColor;width:1.8rem;height:1px;position:absolute;top:.7rem;left:0}ul:not([class]) ul,ol ul{margin:1rem 0 0 -1rem}ol{list-style-type:none}ol:last-child{font-size:.8rem}ol li:after{content:counter(cit,decimal-leading-zero);counter-increment:cit;font-family:monospace;font-size:.6rem;line-height:2.4;position:absolute;top:.7rem;left:0}code{border:1px solid;border-radius:.25em;padding:0 .3em;font-size:.9em;display:inline-block;position:relative}blockquote{margin-bottom:2rem;padding:1rem 0;font-size:2rem;line-height:1.3}blockquote span{opacity:.8;transition:opacity .2s linear}blockquote span.active,blockquote span.active~span{opacity:.2}strong{font-weight:700}small{font-size:.85em}sup{vertical-align:super;opacity:.6;font-family:monospace;font-size:.7em}sup.fig{vertical-align:middle;text-transform:uppercase;opacity:1;cursor:pointer;border:1px solid;padding:0 .2rem;font-family:sans-serif;font-size:.6rem;display:inline-block}sup.fig:hover{color:var(--col2);background:var(--col1);border-color:var(--col1)}sup.fig:before{content:"fig."}hr{border-bottom:1px solid;margin:2rem 0}mark{z-index:1;display:inline-block;position:relative}mark:before{content:"";z-index:-1;transform-origin:0;background:#e03a3e59;border-radius:.3rem;transition:transform .3s cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset:0 -.25rem;transform:scaleX(0)}mark.active:before{transform:scaleX(1)}#sadmac mark:before,#ram mark:before,#floppy mark:before{background:#e03a3e8c}.cta{color:var(--col1);border:1px solid var(--col1);text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:1.6em;align-items:center;padding:.9em 1.5em;font-size:.75em;line-height:1.2;text-decoration:none;display:inline-flex;overflow:hidden}.cta i{width:.5em;height:.5em;margin-right:.7rem;position:relative}.cta i:before{content:"";background:#e03a3e;border-radius:50%;width:100%;height:100%;animation:2s linear infinite pulse1;display:block}.cta i:after{content:"";border:1px solid #e03a3e;border-radius:50%;width:100%;height:100%;animation:2s linear infinite pulse2;display:block;position:absolute;top:0;left:0}.cta:not(.disabled):hover{color:var(--col2);background:var(--col1)}.cta.disabled{cursor:not-allowed}.cta.disabled i:before,.cta.disabled i:after{animation:none}.digit{font-family:monospace;font-weight:400}.error{color:#e03a3e}img,video{width:100%;height:auto}figure{margin-bottom:2rem}figure figcaption{padding:1rem 0 0;font-size:.8rem}.line{z-index:1;background:currentColor;flex-direction:column;justify-content:end;width:1px;height:40vh;margin:4rem auto;transition:all .2s ease-in-out .3s;display:flex;position:relative}.line i{background:var(--col2);width:100%;height:2.5rem;display:block;position:sticky;bottom:0}.line i:before{content:"";border:1px solid;border-width:0 1px 1px 0;margin-top:auto;padding:4px;display:inline-block;position:absolute;top:-9px;left:-4px;transform:rotate(45deg)}.price-line{justify-content:space-between;align-items:center;margin-bottom:2em;display:flex}.price-line>div:first-child{align-items:center;font-family:monospace;font-size:2em;font-weight:400;display:flex}.price-line>div:first-child sup{align-self:flex-start;font-size:.5em}.price-line>div:first-child del{opacity:.5;margin-left:.5rem;font-size:.5em}.price-line .cta{margin-left:.5em}@keyframes pulse1{0%{transform:scale(1)}25%{transform:scale(.7)}33%{transform:scale(1.5)}50%{transform:scale(.9)}60%{transform:scale(1)}to{transform:scale(1)}}@keyframes pulse2{0%{opacity:1;transform:scale(1)}25%{transform:scale(.7)}70%{opacity:0;transform:scale(10)}71%{transform:scale(1)}to{transform:scale(1)}}section.webgl{z-index:2;pointer-events:none;height:100svh;padding:0;line-height:0;transition:transform .5s cubic-bezier(.4,0,.2,1),top .3s ease-in-out;position:fixed;top:calc(50dvh - 50svh);left:0}section.webgl canvas{opacity:0}header{z-index:10;margin-bottom:.5rem;transition:transform .5s cubic-bezier(.4,0,.2,1);position:sticky;top:-1px}header .wrap{border-bottom:1px solid #0000;flex-wrap:nowrap;align-items:stretch;transition:border .2s linear}header figure{-webkit-user-select:none;user-select:none;flex-shrink:0;margin:0;padding:.5rem 0;font-size:1.1rem}header figure:before{display:none}header figure span{vertical-align:middle;white-space:nowrap;display:inline-block}header figure span:nth-child(2){color:#0000;width:0;transition:width .3s ease-in-out;position:relative;overflow:hidden}header figure span:nth-child(2):before{content:"";background:var(--col1);width:100%;height:.07em;display:block;position:absolute;top:50%}header figure span:nth-child(2).expand{width:2rem}header nav{opacity:0;text-transform:uppercase;-webkit-user-select:none;user-select:none;max-width:28rem;margin:0 0 0 auto;font-size:.65rem;list-style:none;transition:transform .2s ease-in-out;transform:translate(1rem);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 20% 80%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 20% 80%,#0000 100%)}header nav:after{content:"";background:currentColor;width:1px;height:.4rem;position:absolute;bottom:0;left:50%}header a{border-bottom:none;display:block}header a.lang{opacity:0;text-transform:uppercase;align-self:center;align-items:center;font-size:.7rem;text-decoration:none;transition:transform .2s ease-in-out;display:flex;transform:translate(1rem)}header a.lang svg{fill:currentColor;width:1.6em;height:auto;margin-right:.2em}header ul li{text-align:center;white-space:nowrap;width:auto}header ul li a{pointer-events:none;padding:.9rem 2rem;text-decoration:none;display:block}body.scrolled header{border-top:1px solid #0000}body.scrolled header .wrap{border-bottom:1px solid var(--col1)}body.scrolled header nav,body.scrolled header a.lang{opacity:1;transform:none}footer{color:#fff;background:#444;padding:30lvh 0 0}footer svg{fill:currentColor}footer ul li span{display:block}footer ul.awards{margin-bottom:4rem}footer ul.awards li a{padding:1.5rem 0;display:flex}footer ul.awards li a:after{display:none}footer ul.awards li a ul{flex-grow:1}footer ul.awards li svg{width:auto;height:1rem}footer ul.awards li figure{width:5rem}footer ul.awards li:last-child a{border-bottom:none;padding-bottom:.5rem}footer ul.awards li:first-child a{padding-top:.5rem}footer .line i{background:#444}footer a.codrops{border:1px solid;margin-bottom:2rem;padding:1.5rem;display:flex}footer a.codrops:hover{background:#ffffff1a}footer a.codrops svg{width:auto;height:1.2rem;margin-bottom:1rem;display:block}footer a.codrops small{opacity:.5;margin-top:.3rem;display:block}footer a.codrops:after{margin-left:2rem;font-size:.8rem;position:static}footer a+span{opacity:.5;transition:opacity .1s linear}footer a:hover+span{opacity:1}footer small span{opacity:.5;margin-right:.5em}footer small span:last-of-type{margin-right:0}footer figure{margin-bottom:.2rem;font-size:1.1rem}footer figure span{vertical-align:middle;white-space:nowrap;display:inline-block}footer figure span:nth-child(2){color:#0000;width:2rem;position:relative;overflow:hidden}footer figure span:nth-child(2):before{content:"";background:var(--col2);width:100%;height:.07em;display:block;position:absolute;top:50%}footer .cta{--col1:#fff;--col2:#444}footer code{margin:-.1em 0}footer .wrap{align-items:flex-start}footer .wrap>div{z-index:10;width:50%;position:relative}footer .wrap>div:first-child{position:sticky;top:6lvh}footer .wrap>div:last-child{border-top:1px solid;justify-content:space-between;width:100%;margin-top:10lvh;padding-top:2rem;padding-bottom:6lvh;padding-right:25%;position:relative}footer .wrap>div:last-child:before{content:"";z-index:-1;background:#444;width:96vw;height:100%;margin-left:calc(50% - 48vw);display:block;position:absolute;top:0;left:0}footer .wrap>div:last-child p{margin-bottom:1rem;font-size:.7em;display:block}footer .wrap>div:last-child p:last-child{opacity:.5;margin-bottom:0;font-size:12px;line-height:1.3}body.wide-content footer .wrap>div:first-child{width:44%}body.wide-content footer .wrap>div:nth-child(2){width:56%}section{padding:20lvh 0}section:first-child{padding-top:0}section:last-child{padding-bottom:40lvh}section.over .wrap:before{z-index:5}section .wrap{align-items:stretch}section .wrap:before{content:"";background:var(--col2);z-index:2;width:100%;height:2.9rem;margin:-2.9rem 0;transition:transform .5s cubic-bezier(.4,0,.2,1);display:block;position:sticky;top:-1px}section .wrap>div{width:50%}section .wrap>div:only-child{width:100%}section .wrap>div>:last-child{margin-bottom:0}section aside{flex-direction:column;justify-content:space-between;display:flex;position:relative}section aside>div:first-child{position:sticky;top:5rem}section aside>div:nth-child(2){border-top:1px solid;margin-top:6rem;padding:1rem 0;font-size:.8rem;position:sticky;bottom:0}section aside i{text-align:center;box-sizing:content-box;border-radius:50%;width:2.1rem;height:2.1rem;margin-top:-.25rem;padding:0;font-style:normal;line-height:2.1;display:inline-block;position:absolute;left:-3rem}section aside i svg{--progress:100;width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(-90deg)}section aside i svg circle{fill:none;stroke:currentColor;stroke-width:1px}section aside i svg circle:first-child{opacity:.2}section aside i svg circle:last-child{stroke-dasharray:100;stroke-dashoffset:var(--progress)}section aside small{opacity:.8;font-family:serif;font-size:.9em;font-style:italic;line-height:1.3;display:block}@media (height<=680px){section aside small{display:none}}section.reverse .wrap{flex-direction:row-reverse}section.reverse aside{text-align:right}section.reverse aside i{left:auto;right:-3rem}section.reverse article{text-align:right;padding-left:50%;padding-right:0%;transform:translate(100%)}section.reverse article.scrolled{transform:none}body.wide-content section .wrap>div{width:56%}body.wide-content section .wrap>div:only-child{width:100%}dialog{text-align:center;background:#ede8e8;padding:0 0 2rem}dialog h4{margin-top:0;margin-bottom:1.2rem;font-size:2.2rem;line-height:1.1}dialog .wrap{min-width:0;max-width:580px}dialog .wrap>div{width:100%;display:block;overflow:hidden}dialog .wrap>div>*{opacity:0}dialog .wrap>div>small{margin-top:1rem;display:block}dialog hr{margin:0}dialog nav{text-transform:uppercase;-webkit-user-select:none;user-select:none;width:100%;max-width:var(--wrap);margin:.5rem 0 0;font-size:.8rem;list-style:none;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 20% 80%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 20% 80%,#0000 100%)}dialog nav:after{content:"";background:currentColor;width:1px;height:.4rem;position:absolute;bottom:0;left:50%}dialog nav.hours{overflow:visible}dialog nav.hours ul{align-items:end}dialog nav.hours ul li{padding:.9rem .4rem}dialog nav.hours ul li:after{content:"";opacity:.5;background:currentColor;width:1px;height:.4rem;position:absolute;top:100%;left:50%}dialog nav.hours ul li:before{content:"";width:100%;height:150%;position:absolute;top:0;left:0}dialog nav.hours ul li:empty:after{height:.2rem}dialog .cta{margin-top:2.5rem;font-size:.8em}dialog ul li{text-align:center;white-space:nowrap;width:auto;padding:.9rem 1.2rem;position:relative}dialog ul li small{opacity:.5;margin-bottom:.2rem;line-height:1;display:block}.slider,slider-container{z-index:1;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.slider-vertical>.slider-wrap{flex-direction:column}.slider-wrap{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--slider-wrap-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.slider-android .slide,.slider-wrap{transform:translate(0,0)}.slider-horizontal{touch-action:pan-y}.slider-vertical{touch-action:pan-x}.slide,slide{flex-shrink:0;height:100%;transition-property:transform;display:block;position:relative}.slide-invisible-blank{visibility:hidden}.slider-autoheight,.slider-autoheight .slide{height:auto}.slider-autoheight .slider-wrap{align-items:flex-start;transition-property:transform,height}.slider-backface-hidden .slide{backface-visibility:hidden;transform:translateZ(0)}.slider-3d.slider-css-mode .slider-wrap{perspective:1200px}.slider-3d .slider-wrap{transform-style:preserve-3d}.slider-3d{perspective:1200px}.slider-3d .slide,.slider-3d .slide-shadow,.slider-3d .slide-shadow-left,.slider-3d .slide-shadow-right,.slider-3d .slide-shadow-top,.slider-3d .slide-shadow-bottom,.slider-3d .slider-cube-shadow{transform-style:preserve-3d}.slider-3d .slide-shadow,.slider-3d .slide-shadow-left,.slider-3d .slide-shadow-right,.slider-3d .slide-shadow-top,.slider-3d .slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.slider-3d .slide-shadow{background:#00000026}.slider-3d .slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.slider-3d .slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.slider-3d .slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.slider-3d .slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.slider-css-mode>.slider-wrap{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.slider-css-mode>.slider-wrap::-webkit-scrollbar{display:none}.slider-css-mode>.slider-wrap>.slide{scroll-snap-align:start start}.slider-horizontal.slider-css-mode>.slider-wrap{scroll-snap-type:x mandatory}.slider-vertical.slider-css-mode>.slider-wrap{scroll-snap-type:y mandatory}.slider-centered>.slider-wrap:before{content:"";flex-shrink:0;order:9999}.slider-centered>.slider-wrap>.slide{scroll-snap-align:center center;scroll-snap-stop:always}.slider-centered.slider-horizontal>.slider-wrap>.slide:first-child{margin-inline-start:var(--slider-centered-offset-before)}.slider-centered.slider-horizontal>.slider-wrap:before{height:100%;min-height:1px;width:var(--slider-centered-offset-after)}.slider-centered.slider-vertical>.slider-wrap>.slide:first-child{margin-block-start:var(--slider-centered-offset-before)}.slider-centered.slider-vertical>.slider-wrap:before{width:100%;min-width:1px;height:var(--slider-centered-offset-after)}.slider-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--slider-preloader-color,var(--slider-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}.slider:not(.slider-watch-progress) .slider-lazy-preloader,slider-container:not(.slider-watch-progress) .slider-lazy-preloader,.slider-watch-progress .slide-visible .slider-lazy-preloader{animation:1s linear infinite slider-preloader-spin}.slider-lazy-preloader-white{--slider-preloader-color:#fff}.slider-lazy-preloader-black{--slider-preloader-color:#000}@keyframes slider-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}section .slider,footer .slider{--vw50:calc(50*var(--vw));--margin:calc(((100*var(--vw)) - var(--wrap))/2);--width:calc(100% + var(--margin));width:var(--width);padding-top:1rem;padding-bottom:1rem;padding-right:var(--margin);will-change:width,margin,padding;margin-top:3rem;margin-bottom:1rem;padding-left:0;overflow:hidden}section .slider:after,footer .slider:after{z-index:2;background:currentColor;width:1px;height:100%;display:block;position:absolute;top:0;left:0}section .slide,footer .slide{-webkit-user-select:none;user-select:none;width:65%}section .slide figure img,section .slide figure video,footer .slide figure img,footer .slide figure video{object-fit:cover;pointer-events:none;width:100%;height:100%}section .slide figure figcaption,footer .slide figure figcaption{opacity:0;width:calc(var(--wrap)*.5);transition:width .5s cubic-bezier(.4,0,.2,1),margin .5s cubic-bezier(.4,0,.2,1)}section .slide figure figcaption i,footer .slide figure figcaption i,section .slide figure figcaption strong:first-child,footer .slide figure figcaption strong:first-child{display:block}section .slide figure span,footer .slide figure span{height:calc(var(--wrap)*.34);font-size:0;display:block;position:relative}section .slide figure span:before,footer .slide figure span:before{opacity:1;content:"";background:linear-gradient(to top left,#0000 0% calc(50% - .8px),currentColor 50%,#0000 calc(50% + .8px) 100%),linear-gradient(to top right,#0000 0% calc(50% - .8px),currentColor 50%,#0000 calc(50% + .8px) 100%);border:1px solid;display:block;position:absolute;inset:0}section .slide figure span>*,footer .slide figure span>*{opacity:0;transition:opacity .2s linear;position:relative}section .slide.slide-active figure figcaption,footer .slide.slide-active figure figcaption{opacity:1}section .slide.slide-active figure span:after,footer .slide.slide-active figure span:after{color:var(--col1);border-color:#0000}section .slide.slide-active figure span:before,footer .slide.slide-active figure span:before{opacity:0}section .slide.slide-active figure span>*,footer .slide.slide-active figure span>*{opacity:1}section .slide>*,footer .slide>*{margin:0}section .slider{margin-bottom:3rem}section .slide{-webkit-user-select:none;user-select:none;width:calc(50% - 20px);transition:width .5s cubic-bezier(.4,0,.2,1)}section .slide:empty{font-size:0;position:relative}section .slide:empty:before{height:calc(var(--wrap)*.32);opacity:1;content:"";background-image:url(command.95335206.svg);background-position:50%;background-repeat:no-repeat;background-size:1.6em;border:1px solid;font-size:.7rem;transition:height .5s cubic-bezier(.4,0,.2,1);display:block;inset:0}section .slide.full{width:100%}section .slide figure span{height:calc(var(--wrap)*.32);transition:height .5s cubic-bezier(.4,0,.2,1)}section .slide figure span:after{counter-increment:figure;content:"fig." counter(figure,decimal-leading-zero);text-transform:uppercase;border:1px solid var(--col1);background:var(--col2);color:#0000;z-index:2;padding:.1rem .4rem;font-size:.6rem;display:block;position:absolute;top:1rem;left:1rem}section.reverse .slider{margin-left:calc(var(--margin)*-1);padding-left:var(--margin);direction:rtl;padding-right:0}section.reverse .slider:after{left:auto;right:0}section.reverse .slide figure{direction:ltr}section.reverse .slide figure figcaption{text-align:right;margin-left:calc(-100% - 40px)}#sadmac .slide:empty:before,#ram .slide:empty:before,#floppy .slide:empty:before{background-image:url(command-w.41e173ad.svg)}body.wrap-loaded section .slider{transition:width .5s cubic-bezier(.4,0,.2,1),margin .5s cubic-bezier(.4,0,.2,1),padding .5s cubic-bezier(.4,0,.2,1)}body.wide-content .slide figure figcaption{width:calc(var(--wrap)*.56)}body.fullscreen-slider{height:100%;overflow:hidden}body.fullscreen-slider header{transform:translateY(-100%)}body.fullscreen-slider .webgl{transform:translate(-50%)}body.fullscreen-slider section.status{opacity:0;pointer-events:none}body.fullscreen-slider aside.keyboard .wrap{opacity:0;pointer-events:none;transition:all .2s ease-in-out;transform:translateY(50%)}body.fullscreen-slider section .wrap:before{transform:translateY(-100%)}body.fullscreen-slider section .wrap>div>:not(.slider),body.fullscreen-slider section .wrap>aside{opacity:.2}body.fullscreen-slider section .slider.fullscreen{width:calc(var(--vw)*100);padding-left:var(--margin);padding-right:var(--margin);margin-left:calc((var(--wrap) - 100% + var(--margin))*-1)}body.fullscreen-slider section .slider.fullscreen:before{content:"";position:fixed;inset:0}body.fullscreen-slider section .slider.fullscreen .slide.full{width:70%}body.fullscreen-slider section .slider.fullscreen .slide figure span{height:calc(var(--wrap)*.48)}body.fullscreen-slider section .slider.fullscreen .slide figure figcaption{width:calc(var(--wrap))}body.fullscreen-slider section .slider.fullscreen .slide:empty:before{height:calc(var(--wrap)*.48)}body.fullscreen-slider section .slider.fullscreen .slide.slide-active figure figcaption{opacity:1}body.fullscreen-slider.fullscreen-slider-reverse .webgl{transform:translate(50%)}body.fullscreen-slider.fullscreen-slider-reverse section .slider.fullscreen{margin-left:calc(var(--margin)*-1)}.status{z-index:10;align-items:center;width:auto;padding:1rem 2rem;display:flex;position:fixed;bottom:0;right:0}.status ul.awards{pointer-events:none;padding-right:1.2rem;display:flex;position:absolute;bottom:2.2rem;right:0}.status ul.awards li{opacity:0;margin-right:1rem;transition:all .2s ease-in-out;transform:translate(50%)}.status ul.awards a{border-bottom:none;align-items:center;margin-right:0;font-size:.55rem;line-height:1.1;display:flex}.status ul.awards a figure{text-align:center;flex-direction:column;width:2.4rem;margin-bottom:0;display:flex}.status ul.awards a figure svg{width:auto;height:.7rem;margin:.5rem auto .3rem}.status ul.awards a:before,.status ul.awards a:after{content:"";opacity:0;background-image:url(award-left.7f3b24af.svg);background-repeat:no-repeat;background-size:contain;width:1.05rem;height:2.5rem;display:block;position:static;transform:translate(100%)translateY(25%)scale(0)rotate(-50deg)}.status ul.awards a:after{background-image:url(award-right.3de8b4a9.svg);transform:translate(-100%)translateY(25%)scale(0)rotate(50deg)}.status svg{fill:currentColor}.status nav{opacity:0;flex-direction:column;transition:opacity .1s linear;display:flex}.status nav a{border-bottom:none;padding:.5rem .25rem;font-size:0}.status nav a svg{width:1.8rem;height:1.8rem}.status nav a:first-child{border-bottom:1px solid var(--col1)}.status nav a.disabled svg{opacity:.3}body.loaded .status ul.awards{pointer-events:all;--prizedelay1:.1s;--prizedelay1b:.15s;--prizedelay2:0s;--prizedelay2b:50ms}body.loaded .status ul.awards li{opacity:1;transition:all .25s var(--prizedelay1)cubic-bezier(0,.55,.45,1);transform:none}body.loaded .status ul.awards li a:before,body.loaded .status ul.awards li a:after{transition:all .25s var(--prizedelay1b)cubic-bezier(0,.55,.45,1);opacity:.8;transform:none}body.loaded .status ul.awards li:nth-child(2){transition:all .25s var(--prizedelay2)cubic-bezier(0,.55,.45,1)}body.loaded .status ul.awards li:nth-child(2) a:before,body.loaded .status ul.awards li:nth-child(2) a:after{transition:all .25s var(--prizedelay2b)cubic-bezier(0,.55,.45,1)}body.scrolled .status nav{opacity:1;transition:opacity .2s linear .18s}body.scrolled .status ul.awards{pointer-events:none}body.scrolled .status ul.awards li{opacity:0;transition:all .14s cubic-bezier(.55,0,1,.45);transform:translate(50%)}body.scrolled .status ul.awards li a:before,body.scrolled .status ul.awards li a:after{transition:all .14s cubic-bezier(.55,0,1,.45)}body.scrolled .status ul.awards li a:before{transform:translate(100%)translateY(25%)scale(0)rotate(-50deg)}body.scrolled .status ul.awards li a:after{transform:translate(-100%)translateY(25%)scale(0)rotate(50deg)}body.scrolled .status ul.awards li:nth-child(2),body.scrolled .status ul.awards li:nth-child(2) a:before,body.scrolled .status ul.awards li:nth-child(2) a:after{transition:all .14s cubic-bezier(.55,0,1,.45) 70ms}.audio{vertical-align:super;width:.08em;height:.08em;margin:0 0 .125em .075em;display:inline-block}.audio:before{content:"";opacity:.1;vertical-align:middle;background:currentColor;border-radius:50%;width:.16em;height:.16em;margin:-.04em 0 0 -.04em;display:block;transform:scale(.5)}.audio.playing:before{animation-name:boot;animation-duration:1s}@keyframes boot{0%{opacity:.1;background:currentColor;transform:scale(.5)}20%{opacity:1;background:#e03a3e;transform:scale(1)}50%{opacity:1;background:#e03a3e;transform:scale(1)}to{opacity:.1;background:currentColor;transform:scale(.5)}}aside.keyboard{z-index:9;pointer-events:none;align-items:center;width:100%;padding:1rem 2rem;display:flex;position:fixed;bottom:0;overflow:hidden}aside.keyboard .wrap{opacity:0;transition:all .15s ease-in-out;transform:translateY(50%)}aside.keyboard.active .wrap{opacity:1;transition:all .25s cubic-bezier(0,.55,.45,1);transform:translateY(0%)}aside.keyboard.active ul{pointer-events:all}aside.keyboard.reverse ul{justify-content:flex-end;margin-left:auto}aside.keyboard.reverse ul li{justify-content:flex-end}aside.keyboard ul{gap:1.5rem;width:50%;margin:0 0 1rem;font-size:.75rem;display:flex}@media (width<=1280px){aside.keyboard ul{gap:1rem;font-size:.7rem}}@media (height<=680px){aside.keyboard ul{gap:1rem;font-size:.7rem}}aside.keyboard ul li{align-items:center;gap:.3rem;margin:0;padding-left:0;display:flex}aside.keyboard ul li:before{display:none}aside.keyboard ul li a{vertical-align:middle;text-align:center;border:1px solid;border-radius:.2rem;min-width:1.3rem;padding:.3rem;font-size:.7em;line-height:1}aside.keyboard ul li a svg{fill:currentColor;height:1.1em;margin:-.05em auto;line-height:1;display:block}aside.keyboard ul li a.pressed,aside.keyboard ul li a.pressed svg{animation:.12s press}body.wide-content aside.keyboard ul{gap:1rem;font-size:.7rem}@keyframes press{0%{background:var(--col2);color:var(--col1);fill:var(--col1)}50%{background:var(--col1);color:var(--col2);fill:var(--col2)}to{background:var(--col2);color:var(--col1);fill:var(--col1)}}section#hero{--col2:#ede8e8;font-size:var(--hero-font);padding-bottom:calc((100svh - (7.4rem + var(--hero-font)*18.96))/2);z-index:1;position:relative}section#hero:after{content:"";background:var(--col2);z-index:-1;width:100%;height:102svh;display:block;position:absolute;bottom:0;left:0}section#hero .wrap{position:relative}section#hero .wrap div{width:29em}section#hero h1{margin-bottom:2rem;font-size:4.5em}section#hero h1 span{opacity:0;transition:opacity .15s linear}section#hero h1 span.active{opacity:1}section#hero .cta{margin-right:.5em}section#hero p{opacity:0;transition:opacity .15s linear}section#hero p.active{opacity:1}section#hero nav{top:calc((100svh - (4.4rem + var(--hero-font)*18.96))/-2);text-align:right;opacity:0;font-size:.7em;transition:opacity .15s linear;position:absolute;right:0}section#hero nav.active{opacity:1}section#introduction{--col2:#ede8e8;background:var(--col2)}section#boot .h0,section#boot-2 .h0{text-align:center;margin-bottom:0;position:sticky;top:10svh}section#boot .wrap>div,section#boot-2 .wrap>div{flex-direction:column;justify-content:space-between;height:100svh;display:flex}section#boot .wrap>div aside,section#boot-2 .wrap>div aside{flex-direction:row;flex-grow:1;align-items:end}section#boot .wrap>div aside>div,section#boot-2 .wrap>div aside>div{border-top:1px solid;padding:1rem 0;position:sticky;top:auto;bottom:0}section#boot{padding-bottom:0}section#boot-2{padding-top:10svh}section#ram-intro{height:125svh}section#floppy-intro{height:80svh}section#reassembly{padding-bottom:0}section#reassembly .wrap>div{text-align:center;align-items:flex-end;width:100%;height:120svh;display:flex}section#reassembly .h0{width:100%;margin-top:40svh;position:sticky;bottom:10svh}section#power-on,section#boot-floppy,section#boot-success{padding-top:10svh;padding-bottom:0}section#power-on div,section#boot-floppy div,section#boot-success div{text-align:center;width:100%;height:100svh}section#power-on .h0,section#boot-floppy .h0,section#boot-success .h0{position:sticky;top:10svh}section#boot-3 div,section#happy-mac div{height:100svh}hr[data-text]{width:200%;height:2rem;max-width:var(--wrap);border-bottom:1px solid #0000;margin:20svh 0;display:block;position:relative;overflow:hidden}hr[data-text]:before{content:attr(data-text);letter-spacing:normal;opacity:.8;font-family:serif;font-style:italic;font-weight:400;line-height:2;position:absolute;top:0;left:0%}hr[data-text]:after{content:"";mix-blend-mode:difference;z-index:4;background-image:linear-gradient(90deg,#fff 70%,#0000 70%);background-position:0 0;background-repeat:repeat-x;background-size:20px 1px;width:200%;height:1px;position:absolute;top:0;left:0%}.over hr[data-text]:after{animation:3s linear infinite forwards line}@keyframes line{0%{transform:translate(-200px)}to{transform:translate(0)}}