/*!
Theme Name: hyperhuman
*/
@font-face{font-family:'Minotaur';font-style:normal;font-weight:400;font-display:fallback;src:url(../fonts/minotaur-regular.woff2) format('woff2')}@font-face{font-family:'Minotaur Lombardic';font-style:normal;font-weight:400;font-display:fallback;src:url(../fonts/minotaurlombardic-regular.woff2) format('woff2')}@font-face{font-family:'SMMaxeville';font-style:normal;font-weight:400;font-display:fallback;src:url(../fonts/smmaxeville-regular.woff2) format('woff2')}@font-face{font-family:'SMMaxeville Constructed';font-style:normal;font-weight:400;font-display:fallback;src:url(../fonts/smmaxeville-constructed.woff2) format('woff2')}:root{--color-dark: #2e2e2e;--color-black: #000;--color-white: #fff;--color-text: var(--color-white);--color-background: var(--color-dark);--font-sansserif: 'SMMaxeville', 'Comic Sans', system-ui, sans-serif;--font-sansserif-constructed: 'SMMaxeville Constructed', var(--font-sansserif);--font-serif: 'Minotaur', serif;--font-serif-lombardic: 'Minotaur Lombardic', var(--font-serif);--spacing-sm: 40px;--spacing-lg: 110px;--site-width: 1080px;--site-height: 1920px;--page-transition-timing: 500ms;box-sizing:border-box;font-weight:400;font-size:16px;line-height:1.1;font-family:'SMMaxeville Constructed','SMMaxeville','Comic Sans',system-ui,sans-serif;font-family:var(--font-sansserif-constructed);letter-spacing:.01em;color:#fff;color:var(--color-text);background-color:#2e2e2e;background-color:var(--color-background)}*,::after,::before{box-sizing:inherit;user-select:none}::after,::before{text-decoration:inherit;vertical-align:inherit}body,figure,h1,h2,h3,p,ul{margin:0;padding:0}a{background-color:transparent;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;height:auto;user-select:none;border-style:none}ul{list-style:disc inside}[hidden]{display:none}.Button:focus,[tabindex]:active,[tabindex]:focus,[tabindex]:hover,a:active,a:focus,a:hover,button:active,button:focus,button:hover{outline:0}:root{--Button-border-color: #fff;--Button-border-width: 0;--Button-color: inherit;--Button-disabled-opacity: 1;--Button-font: inherit;--Button-padding: 0}.Button{background:0 0;border-color:#fff;border-color:var(--Button-border-color);border-radius:0;border-style:solid;border-width:0;border-width:var(--Button-border-width);box-sizing:border-box;color:inherit;color:var(--Button-color);display:inline-block;font:inherit;font:var(--Button-font);margin:0;padding:0;padding:var(--Button-padding);position:relative;text-align:center;text-decoration:none;user-select:none;line-height:1;cursor:pointer}.Button::-moz-focus-inner{border:0;padding:0}.Button.is-disabled,.Button:disabled{pointer-events:none}.Button-text{display:block}.Button-icon,.Button-icon::after{width:100%;height:100%;border-radius:50%}.Button-icon{position:relative;display:block;border:3px solid currentColor;overflow:hidden;text-indent:100%;box-shadow:0 0 10px #fff}.Button-icon--hand{border:0;box-shadow:none}.Button-icon::after{content:"";position:absolute;top:0;left:0;background:#fff;opacity:0;transition:opacity 50ms ease}.Button--wide{--Button-border-width: 0;--Button-padding: 4rem 0;width:100%}.Button--wide .Button-icon{width:134px;height:134px;border:2px solid #fff;position:absolute;top:0;left:0;bottom:0;margin:auto}.Button--wide .Button-text{padding-left:175px}.Button--round{position:relative;width:269px;height:269px;text-align:center}.Button--round .Button-icon{width:100%;height:100%}.Button--round .Button-text{position:absolute;bottom:-50px;left:0;width:100%;font-size:30px;text-transform:uppercase}.Button--back{background-image:url(../images/arrow-left.png);background-size:contain;background-repeat:no-repeat;background-position:50% 50%;opacity:.9;width:100px;height:50px}.Button--black{width:269px;height:269px;text-align:center}.Button--black .Button-icon{width:100%;height:100%}.Button--black .Button-icon::after{background:#000;opacity:1}.Button--black .Button-text{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:1;width:100%;font-size:32px;line-height:1.3;color:#fff}.Button--intro{display:block}.Button--intro .Button-icon{margin:0 auto;width:140px;height:140px}.Button--intro .Button-text{display:block;margin-top:40px;margin-top:var(--spacing-sm)}.Button:active .Button-icon::after{opacity:1}.Button--black:active .Button-icon::after{background:#fff}.Text{font-size:48px;line-height:1.6}.Text h1{font-size:70px;line-height:1.2}.Text--serif{font-family:'Minotaur',serif;font-family:var(--font-serif);font-size:36px}.Text--small{font-size:22px}.Text--small h1{font-size:33px}.Text h1,.Text h2,.Text h3,.Text img,.Text ol,.Text p,.Text ul{margin-top:1ch;margin-bottom:1ch}.Text h1:first-child,.Text h2:first-child,.Text h3:first-child,.Text img:first-child,.Text ol:first-child,.Text p:first-child,.Text ul:first-child{margin-top:0}.Text h1:last-child,.Text h2:last-child,.Text h3:last-child,.Text img:last-child,.Text ol:last-child,.Text p:last-child,.Text ul:last-child{margin-bottom:0}.Stats{position:absolute;top:0;width:10vw;height:400px}.View{position:relative;width:1080px;width:var(--site-width);height:1920px;height:var(--site-height);margin:0 auto;background:#000;background:var(--color-black);color:#fff;color:var(--color-white)}.View--landscape{width:1920px;width:var(--site-height);height:1080px;height:var(--site-width)}.View-app,.View-container,.View-page{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden}.View-app{z-index:0;background:0 0;pointer-events:none}.View-container,.View-page{z-index:1}.View-page{z-index:2;transition:opacity 500ms ease,visibility 300ms linear;transition:opacity var(--page-transition-timing) ease,visibility 300ms linear}.View-page:not(.is-active){opacity:0;visibility:hidden;user-select:none;pointer-events:none;transition:opacity 500ms ease,visibility 0ms linear 300ms;transition:opacity var(--page-transition-timing) ease,visibility 0ms linear 300ms}.View-inner{position:relative;padding:110px;padding:var(--spacing-lg);z-index:1;height:100%;display:flex;flex-direction:column}.View--portrait .View-inner{height:95%}.View-actionButton,.View-actionCheck,.View-age,.View-foot,.View-head h1,.View-head p,.View-stats{transition:opacity 500ms ease,transform 500ms ease;transition:opacity var(--page-transition-timing) ease,transform var(--page-transition-timing) ease}.View-head{position:relative;width:100%}.View-page--stats .View-head{margin-bottom:150px}.View-head h1,.View-head p{visibility:hidden}.View-page--age .View-head,.View-page--end .View-head,.View-page--question .View-head{height:293px}.View-body{position:relative;flex:1 0 auto}.View-bodyText{visibility:hidden!important}.View-page--question .View-body{max-height:850px;padding:60px 0}.View-action{position:relative}.View-page--age .View-action,.View-page--start .View-action{position:absolute;top:50%;left:50%;transform:translate(-50%,0)}.View-page--age .View-action{text-align:center;width:90%}.View-page--age .View-actionButton{flex:0 0 auto;width:250px;height:250px;border:3px solid #fff;border-radius:50%;margin:40px}.View-page--age .View-actionButton span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;letter-spacing:2px;line-height:1;display:block;white-space:nowrap}.View-page--age .View-actionButton.is-active,.View-page--age .View-actionButton:active{background:#fff;color:#000}.View-page--intro .View-actionButton{margin:0 auto;font-size:32px;text-transform:uppercase}.View-page--end .View-action{position:absolute;top:50%;left:50%;transform:translate(-50%,0);text-align:center}html[lang=en] .View-page--end .View-action{top:55%}.View-actionForm{display:flex;justify-content:space-around}.View-actionCheck{position:relative;font-size:55px;text-align:center}.View-actionCheckInput{display:none}.View-actionCheckBox{position:relative;display:block;width:267px;height:267px;border-radius:50%;cursor:pointer;overflow:hidden}.View-actionCheckBox::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:block;width:calc(100% - 5px);height:calc(100% - 5px);border-radius:50%;background:#fff;opacity:0;transition:opacity 50ms ease}.View-actionCheckInput:checked+.View-actionCheckBox::before{opacity:.1}.View-actionCheck:not(.is-disabled) .View-actionCheckBox:active::before{opacity:1}.View-actionCheckText,.View-foot{position:absolute;left:0;width:100%;font-size:30px}.View-actionCheckText{bottom:-50px;text-transform:uppercase}.View-action button{font-size:55px}.View-foot{right:0;bottom:0;padding:0 110px;padding:0 var(--spacing-lg);line-height:55px}.View-foot--center{text-align:center}.View-footLanguage,.View-footReload{display:inline}.View-footLanguage{text-decoration:underline}.View-footReload{opacity:.8;transform:translate(50px,40px) rotate(175deg)}.View-footLanguage:active,.View-footReload:active{opacity:.5}.View-page--stats .View-page-inner{padding-left:635px}.View-page--stats .View-inner{padding:110px 110px 110px 640px;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-lg) 640px}.View-page--stats .View-body{padding-left:calc(33.33% + 170px)}.View-statsPrimary{border-top:2px solid #fff;padding-top:30px;display:grid;grid-gap:45px;grid-template-columns:180px 1fr}.View-statsPrimaryDiagram{width:180px;height:180px;border-radius:50%;border:10px solid transparent;font-size:48px;line-height:1;letter-spacing:0;transform:scale(1.04);display:flex;justify-content:center;align-items:center;text-align:center}.View-statsPrimaryDiagram>div{position:relative;top:-4px}.View-statsPrimaryContent{font-family:'Minotaur',serif;font-family:var(--font-serif)}.View-statsPrimaryContent h2{font-size:33px;line-height:1.2;margin-bottom:20px}.View-statsPrimaryContent p{font-size:22px;line-height:1.3}.View-statsSecondary{margin-top:80px;display:grid;grid-gap:60px;grid-template-columns:1fr 1fr 1fr}.View-statsSecondaryItem{border-top:2px solid #fff;padding:20px 0 0}.View-statsSecondaryItem h3{font-size:14px;font-weight:400;margin-bottom:20px}.View-overlay,.View-statsSecondaryDiagram{display:flex;justify-content:center;align-items:center}.View-statsSecondaryDiagram{opacity:1;width:110px;height:110px;border-radius:50%;border:5px solid transparent;font-size:22px;line-height:1;letter-spacing:0;text-align:center}.View-overlay{position:absolute;top:410px;left:0;right:0;bottom:0;z-index:3;width:1080px;width:var(--site-width);height:1320px;height:calc(var(--site-height) - 600px);margin:0 auto;background:rgba(0,0,0,.9);color:#fff;text-align:left;transition:opacity 500ms ease,visibility 300ms linear;transition:opacity var(--page-transition-timing) ease,visibility 300ms linear}.View-overlay:not(.is-active){opacity:0;visibility:hidden;user-select:none;pointer-events:none;transition:opacity 500ms ease,visibility 0ms linear 300ms;transition:opacity var(--page-transition-timing) ease,visibility 0ms linear 300ms}.View-overlayText{max-width:390px}.t-in .View-age{transition-delay:500ms;transition-delay:var(--page-transition-timing)}.t-in .View-stats{transition-delay:1000ms;transition-delay:calc(var(--page-transition-timing)*2)}.t-in .View-actionButton,.t-in .View-actionCheck{transition-delay:1500ms;transition-delay:calc(var(--page-transition-timing)*3)}.t-in .View-actionButton,.t-in .View-actionCheck,.t-in .View-age,.t-in .View-foot,.t-in .View-head h1,.t-in .View-head p,.t-in .View-stats{opacity:1}.t-out .View-actionButton,.t-out .View-actionCheck,.t-out .View-age,.t-out .View-foot,.t-out .View-head h1,.t-out .View-head p,.t-out .View-stats,.t-outPartial .View-actionButton,.t-outPartial .View-actionCheck,.t-outPartial .View-age,.t-outPartial .View-foot,.t-outPartial .View-stats{opacity:0}