*{box-sizing:border-box}
html{background:#fff}
body{margin:0;color:#000;background:#fff;font:14px/1.5 'Open Sans',Arial,sans-serif}
.container{max-width:1140px;margin:0 auto}
.header-inner{display:flex;justify-content:space-between;align-items:flex-start}
.branding{padding:31px 0 28px}
h1{margin:0;font:700 45px/1.3 'Abril Fatface',Georgia,serif;letter-spacing:1px}
h1 a{color:#d33;text-decoration:none}
.description{font-size:17px;font-weight:300;letter-spacing:1px}
.contact{padding-top:32px;text-align:right}
.contact a{color:inherit;text-decoration:none}
.contact a:hover{text-decoration:underline}
.email{display:inline-block;margin-top:9px;line-height:24px}
.email svg{vertical-align:middle}
nav{background:#000;border-bottom:1px solid #cacfd0;min-height:57px}
#main-menu a{display:inline-block;padding:18px 22px;color:#f0ff00;background:#d33;font-family:Raleway,Arial,sans-serif;font-size:14px;letter-spacing:1px;text-decoration:none;text-transform:uppercase}
#main-menu a:hover{background:#b92323}
.menu-toggle{display:none}
main{padding-top:76px;padding-bottom:44.8px}
.row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;margin-bottom:30px}
h2{margin:0 0 14.4px;font:600 18px/1.1 'Abril Fatface',Georgia,serif;color:#d33}
p{margin:0;line-height:1.72}
p:not(:first-of-type){margin-top:1.1em}
ul{margin:0 0 1.5em;padding-left:40px}
.logo{display:block;max-width:100%;height:auto}
footer{margin-top:100px;background:#d33;color:#fff;padding:28px 0 26px;font-weight:300}
a:focus-visible,button:focus-visible{outline:3px solid #196fbb;outline-offset:4px}
.skip-link{position:absolute;left:12px;top:-100px;background:#fff;padding:12px;z-index:10}
.skip-link:focus{top:12px}
@media(max-width:1184px){.container{margin-left:22px;margin-right:22px}}
@media(max-width:1000px){
 .nav-inner{text-align:center}
 .menu-toggle:not([hidden]){display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;border:0;background:none;color:#efff00;width:52px;height:56px;cursor:pointer;margin:auto}
 .menu-toggle span{display:block;width:24px;height:4px;border-radius:2px;background:currentColor}
 .js #main-menu{display:none}
 .js #main-menu.open{display:block}
 #main-menu a{display:block;text-align:center}
}
@media(max-width:780px){
 .header-inner{display:block;text-align:center}
 .contact{padding:0 0 20px;text-align:center;font-size:13px}
 .contact>div{font-size:14px}
 .branding{padding:31px 0 28px}
 .row{grid-template-columns:minmax(0,1fr)}
 .intro section{margin-bottom:0}
}
@media(max-width:480px){h1{font-size:clamp(28px,7vw,36px)}.container{margin-left:20px;margin-right:20px}}
@media print{nav{display:none}main{padding-top:30px}footer{margin-top:20px}.row{break-inside:avoid}}