:root{--brand-red:0 85% 55%;--brand-red-dark:0 88% 34%;--brand-white:0 0% 100%;--brand-black:0 0% 0%;--brand-grey:0 0% 72%;--brand-grey-light:0 0% 91%;--brand-grey-dark:0 0% 61%;--brand-font-bold:"NeueHaasGroteskBold",sans-serif;--brand-font-regular:"NeueHaasGroteskRegular",sans-serif;--font-size:1.6rem;--btn-border-radius:0;--form-width:650px;--dark-grey:0,0%,8%;--grey:0,0%,25%;--medium-grey:0,0%,20%;--light-grey:0,0%,85%;--green:159,100%,31%;--red:332 100% 34%;--purple:260,52%,48%;--background-colour:hsl(var(--dark-grey));--body-font:sans-serif;--medium-grey-border-2px:2px solid hsl(var(--medium-grey));--medium-grey-border-1px:1px solid hsl(var(--medium-grey))}@font-face{font-display:swap;font-family:NeueHaasGroteskBold;src:url(../../../fonts/neue_haas_grotesk/bold/nhaasgrotesktxpro-75bd-webfont_ktqgj9.eot?#iefix) format("embedded-opentype"),url(../../../fonts/neue_haas_grotesk/bold/nhaasgrotesktxpro-75bd-webfont_kmnsfb.woff2) format("woff2"),url(../../../fonts/neue_haas_grotesk/bold/nhaasgrotesktxpro-75bd-webfont_bszo7u.woff) format("woff"),url(../../../fonts/neue_haas_grotesk/bold/nhaasgrotesktxpro-75bd-webfont_fwmyyi.ttf) format("truetype"),url(../../../fonts/neue_haas_grotesk/bold/NHaasGroteskTXPro-75Bd_mglbuo.otf) format("opentype")}@font-face{font-display:swap;font-family:NeueHaasGroteskRegular;src:url(../../../fonts/neue_haas_grotesk/regular/nhaasgroteskdspro-55rg-webfont_e7fcm7.eot?#iefix) format("embedded-opentype"),url(../../../fonts/neue_haas_grotesk/regular/nhaasgroteskdspro-55rg-webfont_tgpmgt.woff2) format("woff2"),url(../../../fonts/neue_haas_grotesk/regular/nhaasgroteskdspro-55rg-webfont_uhslct.woff) format("woff"),url(../../../fonts/neue_haas_grotesk/regular/nhaasgroteskdspro-55rg-webfont_k0r2iz.ttf) format("truetype"),url(../../../fonts/neue_haas_grotesk/regular/NHaasGroteskDSPro-55Rg_y9mvew.otf) format("opentype")}@font-face{font-display:swap;font-family:NeueHaasGroteskBlack;src:url(../../../fonts/neue_haas_grotesk/black/nhaasgroteskdspro-95blk-webfont_nbakep.eot?#iefix) format("embedded-opentype"),url(../../../fonts/neue_haas_grotesk/black/nhaasgroteskdspro-95blk-webfont_pt8rvr.woff2) format("woff2"),url(../../../fonts/neue_haas_grotesk/black/nhaasgroteskdspro-95blk-webfont_bapcig.woff) format("woff"),url(../../../fonts/neue_haas_grotesk/black/nhaasgroteskdspro-95blk-webfont_bfx1hf.ttf) format("truetype"),url(../../../fonts/neue_haas_grotesk/black/NHaasGroteskDSPro-95Blk_wh4hdn.otf) format("opentype")}h1,h2,h3,h4,h5,h6,p{margin:1rem 0}a,p{font-family:var(--brand-font-regular)}h1,h2,h3,h4,h5,h6{font-family:var(--brand-font-bold);font-weight:500}h1{font-size:3.4rem}h2{font-size:2.4rem}h3{font-size:2rem}h4{font-size:1.8rem}h5,h6{font-size:1.6rem}ol,ul{list-style-position:inside}a{color:hsl(var(--brand-black))}a:hover{color:hsl(var(--brand-red-dark))}.form{padding:2rem;text-align:center}.form .info-box{color:#fff;font-weight:600;margin:1rem 0;padding:2rem}.form .info-box--error{background:hsl(var(--brand-red))}.form fieldset{align-items:flex-end;border:none;display:flex;flex-wrap:wrap;text-align:left}.form .field{margin-bottom:1.8rem;width:100%}.form .field label{display:block;margin:0 0 .4rem;text-transform:capitalize;width:100%}.form .field .help-text{color:hsl(var(--brand-grey-dark));display:block;font-family:var(--brand-font-regular);font-size:1.4rem;margin-bottom:.2rem;width:100%}.form .field input,.form .field select,.form .field textarea{background:hsl(var(--brand-white));border:1px solid hsl(var(--brand-grey));border-radius:0;padding:1rem 2rem;width:100%}.form .field .select{background-clip:padding-box;background-color:hsl(var(--brand-white));display:block}.form .field .error+.field__help-text+input,.form .field .error+input{border:.2rem solid hsl(var(--brand-red))}.form .field .field-validation-error,.form .field .validation-error{background:hsl(var(--brand-red));color:hsl(var(--brand-white));display:inline-block;font-size:1.4rem;padding:1rem;width:100%}.form button[type=submit]{width:100%}.make-visible{display:block}*{box-sizing:inherit;margin:0;padding:0}html{font-size:62.5%}body{background:hsl(var(--brand-white));box-sizing:border-box;color:hsl(var(--brand-black));font-family:var(--brand-font-regular);font-size:var(--font-size)}li,ul{list-style:none}.sr-only{border:0;clip-path:polygon(0 0,0 0,0 0,0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}main{grid-template-areas:"message message" "login login";grid-template-columns:repeat(2,1fr)}.signin-section,.welcome-section,main{display:grid}.form-wrapper{align-self:center;max-width:50rem}.welcome-section{align-items:end;background:url(../../../images/backgrounds/andrew-neel-ute2XAFQU2I-unsplash_mjpg7j.jpg) no-repeat 50%;background-size:cover;grid-area:message}.signin-section{align-content:center;grid-area:login;margin:0 auto;padding:0 2rem}.form-intro-message{margin:2rem 0;text-align:center}button{background-color:#000;border:1px solid transparent;border-radius:var(--btn-border-radius);color:#fff;cursor:pointer;display:inline-block;font-family:var(--brand-font-regular);font-size:var(--font-size);padding:1rem;text-align:center;text-decoration:none;transition:all .3s ease-in-out;user-select:none}button:focus,button:hover{background-color:#fff;border:1px solid #000;color:#000}@media (width >= 900px){main{grid-template-areas:"message login";height:100vh}}@media (width < 1300px){.welcome-section .login-overlay{width:100%}}