html[data-world]{--w-ink-light:248 243 234;--w-shade:8 10 24;--w-glow:250 246 238}

html[data-world-layout] :is(.g-mast,.g-mast>.mast-words,.g-mast .g-title,.g-mast>.doors,.door-peek,.g-section,.g-close,.foot,.world-band,.world-meadow,.world-meadow-preview,.world-breath video,.world-plate,.world-plate>i,.world-clouds,.world-clouds canvas,.world-colour){transition:none!important}

@keyframes mw-world-reveal{to{visibility:visible}}
html[data-world-hold] body{visibility:hidden;animation:mw-world-reveal 0s 700ms forwards}

html[data-world-hold]{overflow-anchor:none}

html[data-world]{--world-grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .35  0 0 0 0 .32  0 0 0 0 .26  0 0 0 .05 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

html[data-world] .m-page .stage{background-color:var(--w-earth);background-image:var(--world-grain),var(--w-page)}

html[data-world] .world-colour{position:absolute;z-index:-3;left:0;top:0;width:100%;height:var(--w-colour-h);pointer-events:none}
html[data-world] .world-colour>canvas{display:block;width:100%;height:100%}
html[data-world] .world-colour::after{content:"";position:absolute;inset:0;background-image:var(--world-grain)}
html[data-world] .g-page>*{--site-ground:var(--air)}

html[data-world] .g-page:not(.home)>.g-section{--ink-3:#5A574F}

html[data-world] .g-page:not(.home)>.g-band:not(.world-band){display:none}

html[data-world] .g-page>.world-band{position:absolute;left:var(--wb-left);top:var(--wb-top);width:var(--wb-w);height:var(--wb-h);margin:0;z-index:0;overflow:hidden;
  background:var(--wb-preview,none) var(--wb-x) var(--wb-y) / var(--wb-size-w) var(--wb-size-h) no-repeat;
  --wb-fade:linear-gradient(to bottom,#000 var(--wb-foot),rgba(0,0,0,.9914) calc(var(--wb-foot) + var(--wb-reach) * .1),rgba(0,0,0,.9421) calc(var(--wb-foot) + var(--wb-reach) * .2),rgba(0,0,0,.8369) calc(var(--wb-foot) + var(--wb-reach) * .3),rgba(0,0,0,.6826) calc(var(--wb-foot) + var(--wb-reach) * .4),rgba(0,0,0,.5) calc(var(--wb-foot) + var(--wb-reach) * .5),rgba(0,0,0,.3174) calc(var(--wb-foot) + var(--wb-reach) * .6),rgba(0,0,0,.1631) calc(var(--wb-foot) + var(--wb-reach) * .7),rgba(0,0,0,.0579) calc(var(--wb-foot) + var(--wb-reach) * .8),rgba(0,0,0,.0086) calc(var(--wb-foot) + var(--wb-reach) * .9),transparent calc(var(--wb-foot) + var(--wb-reach)));
  -webkit-mask-image:var(--wb-fade);mask-image:var(--wb-fade)}

@keyframes mw-meadow-in{from{opacity:0}}
html[data-world] :is(.world-meadow,.world-meadow-preview){position:absolute;left:var(--wb-x);top:var(--wb-y);width:var(--wb-size-w);height:var(--wb-size-h);max-width:none}
html[data-world] .world-meadow.is-column{left:var(--wm-x);width:var(--wm-w)}
html[data-world] .world-meadow.is-late{animation:mw-meadow-in .3s ease-out}
html[data-world] .world-breath{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}
html[data-world] .world-breath.is-on{opacity:1}
html[data-world] .world-breath video{position:absolute;left:var(--wv-x);top:var(--wb-y);width:var(--wv-w);height:var(--wb-size-h);object-fit:fill}
html[data-world] .world-breath video.is-fading{opacity:0;transition:opacity .4s linear}
html[data-world] .g-page>.g-mast{z-index:1}

html[data-world=nightblue] .g-page>.g-mast>.mast-words>:is(.g-title,.g-lede){color:rgb(var(--w-ink-light) / .96);text-shadow:0 0 14px rgb(var(--w-shade) / .66),0 0 5px rgb(var(--w-shade) / .5)}
html:is([data-world=bluehour],[data-world=frozenlake]) .g-page>.g-mast>.mast-words>:is(.g-title,.g-lede){text-shadow:0 0 14px rgb(var(--w-glow) / .7),0 0 5px rgb(var(--w-glow) / .55)}
html[data-world] .g-close-body[data-ground=dark]>.g-h3{color:rgb(var(--w-ink-light) / .96);text-shadow:0 1px 14px rgb(var(--w-shade) / .4)}
html[data-world] .g-close-body[data-ground=dark]>.g-body{color:rgb(var(--w-ink-light) / .8);text-shadow:0 1px 14px rgb(var(--w-shade) / .4)}

html[data-world] .g-page>.g-section [data-ground=dark]{text-shadow:0 1px 14px rgb(var(--w-shade) / .4)}
html[data-world] .g-page>.g-section [data-ink=deep]{--ink-2:#393733;--ink-3:#393733}
html[data-world] .g-page>.g-section [data-ink=black]{--ink:#000;--ink-2:#000;--ink-3:#000}
html[data-world] .g-page>.g-section [data-ink=white]{--ink:#fff;--ink-2:#fff;--ink-3:#fff}
html[data-world] .g-page>.g-section [data-ground-halo=dark]{text-shadow:0 0 12px rgb(var(--w-shade) / .6),0 0 4px rgb(var(--w-shade) / .45)}
html[data-world] .g-page>.g-section [data-ground-halo=light]{text-shadow:0 0 12px rgb(var(--w-glow) / .75),0 0 4px rgb(var(--w-glow) / .6)}
html[data-world] .g-page>.g-mast+.g-band+.g-section,html[data-world] .g-page>.g-mast+.g-section{margin-top:var(--w-first)}

html[data-world]{--w-thread-shade:var(--thread)}
html[data-world] .g-page>.g-section .glass-pane{--thread:var(--w-thread-shade)}

html header.site .site-bar :is(.nav a,#menu-btn){color:var(--ink)}
html header.site .site-bar :is(.lockup .wm,.nav a,#menu-btn,.utils .sh span){text-shadow:0 0 10px rgb(var(--w-glow,250 246 238) / .85),0 0 3px rgb(var(--w-glow,250 246 238) / .7)}
html header.site #menu-btn .m-icon{filter:drop-shadow(0 0 3px rgb(var(--w-glow,250 246 238) / .7)) drop-shadow(0 0 6px rgb(var(--w-glow,250 246 238) / .6))}

html[data-world] .g-page>.g-close{z-index:1;margin-top:var(--w-close-down,0px);padding-bottom:var(--w-close-pad)}

html[data-world] .m-page .foot{position:relative;z-index:1;background:transparent;padding:var(--w-foot-top) 0 var(--w-foot-bot)}

html[data-world] .world-plate{position:absolute;z-index:-2;left:0;width:100%;top:var(--wp-top);height:var(--wp-h);overflow:hidden;pointer-events:none;
  background:var(--wp-preview,none) var(--wp-left) 0 / var(--wp-w) var(--wp-plate-h) no-repeat}
html[data-world] .world-plate>i{display:block;width:var(--wp-w);margin-left:var(--wp-left);image-rendering:pixelated;background:var(--wp-image,none) 0 0 / var(--wp-w) var(--wp-plate-h) no-repeat}

html[data-world] .world-plate.is-late>i{animation:mw-meadow-in .3s ease-out}
html[data-world] .world-plate::after{content:"";position:absolute;inset:0;background-image:var(--world-grain)}

html[data-world] .world-cast{position:absolute;z-index:-2;left:0;width:100%;top:var(--wp-top);height:var(--wc-h);overflow:hidden;contain:strict;pointer-events:none;animation:mw-meadow-in .5s ease-out}
html[data-world] .world-cast>canvas{position:absolute;left:var(--wp-left);top:0;width:var(--wp-w);height:100%;image-rendering:pixelated}

@keyframes mw-clouds-in{from{opacity:0}}
html[data-world] .world-clouds{position:absolute;z-index:-1;left:0;width:100%;overflow:hidden;pointer-events:none;animation:mw-clouds-in .25s ease-out}
html[data-world] .world-clouds canvas{position:absolute;image-rendering:pixelated}

html[data-world] .world-clouds.is-preview canvas{image-rendering:auto}

@media print{
  .site,.foot,.chrome,.chrome-glass,.g-close,.world-meadow,.world-band,.world-colour,.world-plate,.world-cast,.world-clouds,.world-breath{display:none!important}
  .glass-pane::before{display:none!important}
  html[data-motion] [data-reveal]:not([data-shown]) *,html[data-motion] [data-reveal]:not([data-shown]) *::before,html[data-motion] [data-reveal]:not([data-shown]) *::after{opacity:1!important;translate:none!important;filter:none!important}
}