:root{--color-second:#a9927d;--color-main:#22333b;--color-white:#f2f4f3;--padding-normal:1rem;--padding-small:.5rem}body{font-optical-sizing:auto;font-variant-numeric:lining-nums;-moz-font-feature-settings:"lnum" 1;-moz-font-feature-settings:"lnum=1";-ms-font-feature-settings:"lnum" 1;-o-font-feature-settings:"lnum" 1;-webkit-font-feature-settings:"lnum" 1;font-feature-settings:"lnum" 1;background-color:var(--color-white);width:100%;max-width:100vw;min-height:100vh;color:var(--color-main);flex-direction:column;justify-content:center;font-family:Montserrat,sans-serif;font-style:normal;display:flex}.title{text-transform:uppercase;color:var(--color-main);text-align:center;font-family:Roboto Serif,serif;font-weight:900}.title:after{content:"";border-bottom:2px solid var(--color-main);width:200px;padding-top:var(--padding-normal);margin-bottom:calc(2*var(--padding-normal));display:block}p.margin{padding-top:calc(2*var(--padding-normal))}p.center{text-align:center}a{color:var(--color-second);padding:var(--padding-small)var(--padding-normal);text-decoration:none}p{padding-top:var(--padding-small);line-height:1.5}header{width:100%;max-width:100vw;padding:var(--padding-small);flex-direction:row;justify-content:center;align-items:center;display:flex}header a{flex-direction:row;align-items:center;display:flex}header .logo{width:40px;height:40px}.logo{background-image:url(/assets/images/logo-thon.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block}header .title:after{display:none}main{flex-direction:column;flex-grow:2;align-items:center;width:100%;max-width:100vw;display:flex;overflow:hidden}section{--max-width:1200px;--content-width:min(calc(100vw - (2*var(--padding-normal))),calc(var(--max-width) - (2*var(--padding-normal))));width:100%;max-width:var(--max-width);padding:var(--padding-normal);z-index:1;flex-direction:column;align-items:center;display:flex}section>div{flex-direction:column;align-items:center;display:flex}section:first-of-type{padding-top:0}section .full{width:100%;min-width:100vw;max-width:100vw}.svg{width:100%;padding-bottom:52.55%;position:relative}.svg.square{width:100%;margin-top:calc(2*var(--padding-normal));margin-bottom:-10%;padding-bottom:75%}#center{r:50px;animation:1s infinite ping}@keyframes ping{0%{opacity:1;r:5px}to{opacity:0;r:50px}}svg{width:100%;min-width:100%;max-width:100%;height:100%;min-height:100%;max-height:100%;position:absolute;top:0;left:0}h1{text-align:center;width:100%;max-width:300px;font-size:1.5rem}h1:after{margin:0 auto}.path-second-color{fill:var(--color-second)}.test{--width:100%}#circle-path{fill:none;stroke:var(--color-main);stroke-width:10px;stroke-dasharray:calc(3.14*var(--width));stroke-dashoffset:calc(3.14*var(--width));animation:3s infinite forwards circle;transform:scale(.9)}@keyframes circle{0%{stroke-dashoffset:calc(3.14*var(--width))}to{stroke-dashoffset:0}}section ul{list-style:none;position:relative}section li{padding-top:var(--padding-small);padding-left:calc(var(--padding-normal)*1.5)}section li:first-of-type{padding-top:0}section li:before{content:"▶";vertical-align:middle;font-size:.7rem;line-height:1rem;position:absolute;left:0}ul ul li:before{content:"•︎";font-size:1rem}ul ul li{padding-left:var(--padding-normal)}ul ul li:first-of-type{padding-top:var(--padding-small)}.alternate-image{width:100%;padding-bottom:50%;position:relative;overflow:hidden}.alternate-image+h2{padding-top:calc(2*var(--padding-normal))}.alternate-image img{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.alternate-image .fade{animation:5s ease-in-out infinite alternate fade}@keyframes fade{0%{opacity:1}25%{opacity:1}75%{opacity:0}to{opacity:0}}.quote{--quote-width:5px;width:80%;padding-top:calc(2*var(--padding-normal));align-self:center}.quote+p{padding-top:calc(2*var(--padding-normal))}blockquote{padding-left:calc(var(--padding-normal) + var(--quote-width));font-style:italic;position:relative}blockquote:before{content:"";width:var(--quote-width);background-color:var(--color-second);height:100%;display:block;position:absolute;top:0;left:0}.list{padding-top:calc(2*var(--padding-normal));flex-direction:column;align-items:center;width:80%;display:flex}.list-wrapper>div:first-of-type{padding-top:0}h3{padding-bottom:var(--padding-small)}.list ul{width:100%}.america-square{transform:scale(2)translate(-10%,-36%)}.europe-square{transform:scale(4)translate(-29%,-26%)}.europe-full{transform:scale(8)translate(-42%,-31%)}.columns>div{flex-direction:column;align-items:center;width:100%;display:flex}footer{width:100%;padding:var(--padding-normal);background-color:var(--color-main);color:var(--color-white)}footer ul{flex-direction:column;align-items:center;list-style-type:none;display:flex}footer li{padding:var(--padding-small)0}footer .stack span{display:block}footer .logo{vertical-align:bottom;background-image:url(/assets/images/logo-thon-white.svg);width:20px;height:20px}footer a{color:var(--color-white);padding:0}footer a:hover{text-decoration:underline}@media (width>=900px){body{font-size:18px}h1{max-width:500px;font-size:2.5rem}h1+p{text-align:center;max-width:600px;font-size:1.5rem}section:nth-child(2){margin-top:-200px}section{padding:calc(3*var(--padding-normal))}h2{font-size:2rem}.top-grid{column-gap:calc(2*var(--padding-normal));grid-template-columns:1fr 1fr;grid-template-areas:"title title""quote svg";display:grid}.grid-top{grid-area:title}.grid-blockquote{grid-area:quote}.grid-svg{grid-area:svg}.list-wrapper{flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;display:flex}.list{max-width:30%;padding-top:0}.columns{padding-top:calc(2*var(--padding-normal));flex-direction:row}.columns>div{width:100%}.columns .list{width:100%;max-width:100%}}