@font-face{font-family:Good Direction Sans;src:url(/fonts/FFF-GoodDirectionSans-Book.woff2)format("woff2"),url(/fonts/FFF-GoodDirectionSans-Book.woff)format("woff")}:root{--bg-hex:#fff;--bg-hsl:0, 0%, 94%;--dark-bg-hsl:0, 0%, 8%;--btn-bg-hsl:0, 0%, 8%;--acc-hsl:119deg, 100%, 50%;--h1-hsl:0deg, 0%, 60%;--h2-hsl:0deg, 0%, 60%;--p-hsl:0deg, 0%, 16%;--s-hsl:0deg, 0%, 0%;--blend-hsl:0deg, 0%, 100%;--btn-hsl:0, 0%, 99%;--main-font:"Good Direction Sans";--sec-font:"Good Direction Sans";--font-size:8px;--h1:5.5rem;--h2:3rem;--p:1.5rem;--s:1.125rem;--h1-line-height:5.5rem;--h2-line-height:3rem;--p-line-height:1.75rem;--s-line-height:1.5rem;--mar:1rem;--big-mar:12rem;--pad:1.25rem;--pad2:2.5rem;--btn-height:4rem;--half-width:calc((100% - (var(--pad) * 1)) / 2);--third-width:calc((100% - (var(--pad) * 2)) / 3);--third2-width:calc((100% - (var(--pad) * 2)) / 3 * 2);--trans-dur:.25s;--animation-dur:calc(var(--trans-dur) * 2);--nav-z:5}@media only screen and (min-width:768px){:root{--font-size:10px;--pad:1rem;--pad2:2rem}}
*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--main-font);font-size:var(--font-size);letter-spacing:0;color:hsl(var(--hsl));background-color:var(--bg-hex)}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}a{color:inherit;text-decoration:none}h1{font-family:var(--sec-font);font-size:var(--h1);line-height:var(--h1-line-height);text-transform:uppercase;font-weight:lighter}h2{font-size:var(--h2);line-height:var(--h2-line-height);text-transform:uppercase}p{font-size:var(--p);line-height:var(--p-line-height);white-space:pre-wrap}small{font-size:var(--small);line-height:var(--small-line-height);text-transform:uppercase;display:inline-block}.button{color:hsl(var(--btn-hsl));background-color:hsl(var(--btn-bg-hsl));text-align:center;height:var(--btn-height);transition:var(--trans-dur);flex-direction:column;justify-content:space-around;display:flex}.button.acc{color:hsl(var(--s-hsl));background:hsl(var(--acc-hsl))}header{text-align:center;width:100vw;padding:var(--pad);z-index:10;mix-blend-mode:difference;color:hsl(var(--blend-hsl));margin-top:42vh;display:block;position:sticky;top:0}.infobtn{text-align:center;width:100vw;padding:var(--pad);z-index:10;position:absolute;top:0}@media only screen and (min-width:768px){header{grid-template-columns:repeat(3,1fr);display:grid}header>:first-child{grid-area:1/2/span 1/span 1}header>:nth-child(2){text-align:left}header>:nth-child(3){text-align:right}}