:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{scroll-snap-type:y mandatory}html,body{color:#fff;background:#000;margin:0}::selection{color:#000;background:#fff}.hero{scroll-snap-align:start;height:100dvh;position:relative;overflow:hidden}.hero video,.hero img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero img{display:none}@media (max-width:768px),(prefers-reduced-motion:reduce){.hero video{display:none}.hero img{display:block}}.logo{z-index:10;width:clamp(72px,9vw,120px);display:block;position:fixed;top:clamp(14px,2.5vw,28px);left:clamp(14px,2.5vw,28px)}.logo img{width:100%;height:auto;display:block}.intro{z-index:20;pointer-events:none;background:#000;place-items:center;transition:background .45s .2s,opacity 1.1s;display:none;position:fixed;inset:0}html.is-intro .intro{display:grid}html.is-reveal .intro{background:#fff}html.is-out .intro{opacity:0}.intro .spin{aspect-ratio:200/152;background:url(/logo/mason-m-sprite.png) 0 0/3200% 100% no-repeat;width:min(50vw,300px);transition:transform .55s cubic-bezier(.65,0,.35,1),opacity .35s .3s,filter .55s;animation:2.56s steps(32,jump-none) infinite spin}@keyframes spin{to{background-position-x:100%}}html.is-reveal .intro .spin{opacity:0;filter:blur(8px);transform:scale(3.5)}html.is-intro .logo{opacity:0}html.is-out .logo{opacity:1;transition:opacity .6s .5s}