html{height:100%;box-sizing:border-box;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit}body{position:relative;height:100%;margin:0;font-family:Lato,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-size:16px;font-weight:400;line-height:1.625;color:#444;background-color:#fff;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}svg:not(:root){overflow:hidden}img{height:auto;vertical-align:middle;border:0}blockquote,figure{margin:0}button{cursor:pointer}a{text-decoration:none;background:transparent;transition:all .3s ease-in-out}a:active,a:hover,a:focus{outline:0}.page-frame{padding:2vw 5vw;background:linear-gradient(168deg,#663d75 40%,#663d5e)}.article--hero-image img{width:100%;object-fit:cover;object-position:center;aspect-ratio:16/5;transition:opacity 1s ease}@starting-style{.article--hero-image img {opacity: 0;}}.article{min-height:calc(100vh - 260px);background-color:#fff}.article--wrapper{width:100%;max-width:1080px;margin:0 auto;padding:30px 15px}.article--title{margin:30px 0;font-size:1.875rem}.debug *{background-color:#ff00001a}.debug-overflow *{outline:1px solid rgba(255,0,0,.3)!important}.header--nav{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:calc(100% + 6vw);height:auto;margin-left:-3vw;padding:15px;background-color:#444}.header--nav--title{position:relative;margin:0 30px 0 0;font-size:1.125rem;color:#ddd}.header--nav--title:after{position:absolute;content:"";top:0;right:-15px;width:1px;height:100%;background-color:currentColor}.header--nav--main{margin:0;padding:0;list-style:none}.header--nav--main a{color:#ddd;font-size:1rem;font-weight:600}.header--nav--main a:hover,.header--nav--main a:focus{color:#fff}.header--nav--networks{display:flex;flex-direction:row;justify-content:center;align-items:center;align-self:flex-end;list-style:none;margin:0 0 0 auto;padding:0}.header--nav--network{display:flex;flex-direction:column;justify-content:center;align-items:center;width:30px;height:30px;margin:0 5px}.header--nav--network img{width:100%;height:auto}