*{box-sizing:border-box}html,body{background:#000!important}:root{--size:90;--ar:calc(194.8/596.69);--coeff:1vmin;--width:calc(var(--size)*var(--coeff));--height:calc((var(--size)*var(--ar))*var(--coeff));--bg:#000;--color:#fff;--body:#eec28c;--nose:#eca08e;--cap:#333;--cap-accent:#f4ec10;--hair:#8f7556;--shirt-one:#4a4a4a;--shirt-two:#2b2b2b;--short-one:#b31e14;--short-two:#931910;--shoe:#0d0d0d;--sole:#9e7e6b;--logo:white;--cheek:#e29c9780;--pupil:#f2f2f2;--mouth:#1a1a1a}.marionette-page{background:var(--bg);width:100vw;font-family:sans-serif;overflow-x:hidden}.cap{fill:var(--cap)}.cap__accent{fill:var(--cap-accent)}.marionette{width:100%;height:100%}.marionette__shoe{fill:var(--shoe)}.marionette__sole{fill:var(--sole)}.marionette__shirt-one{fill:var(--shirt-one)}.marionette__shirt-two{fill:var(--shirt-two)}.marionette__short-one{fill:var(--short-one)}.marionette__short-two{fill:var(--short-two)}.marionette__cheek{fill:var(--cheek)}.marionette__mouth,.marionette__eye circle:first-of-type{fill:var(--mouth)}.marionette__pupil{fill:var(--pupil)}.marionette__hair{fill:var(--hair)}.marionette__logo{stroke:var(--logo)}.marionette__body{fill:var(--body)}.marionette__container{width:var(--width);height:var(--height);transform-origin:90%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.marionette__nose{background:var(--nose);width:0;height:2.5vmin;position:absolute;top:36%;right:15.5%}.marionette__nose:after,.marionette__nose:before{content:"";background:var(--nose);border-radius:50%;width:2.5vmin;height:2.5vmin;position:absolute}.marionette__nose:after{left:0;transform:translate(-50%)}.marionette__nose:before{right:0;transform:translate(50%)}h1.blurb{color:var(--color);font-size:2rem;font-weight:800}.story{width:100vw;height:100vh;position:fixed;overflow:hidden}.story__content{width:var(--width);transform:translate(-50%,var(--y));position:absolute;left:50%}.story__content--bottom{--y:calc(0% + (var(--height)/2));top:50%}.story__content--top{--y:calc(0% - (var(--height)/2));bottom:50%}.story__content--bottom .blurb{top:0}.story__content--top .blurb{bottom:0}.blurb{visibility:hidden;position:absolute}.blurb--two .word,.blurb--three .word,.blurb--four .word{opacity:0}.scroll-hint{letter-spacing:.3em;text-transform:uppercase;color:#ffffff4d;pointer-events:none;font-size:.75rem;font-weight:500;transition:opacity .3s ease-out;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}