@font-face{font-family:open sans;src:url(/open-sans.woff2)}:root{--gap:2.5vw;--alternate-gap:calc(var(--gap) * 2);--primary:#E81030;--hover:#C01028;--secondary:#202020;--background:#FFFFFF;--transition:0.5s}body{min-width:256px;max-width:1280px;margin:auto;padding:0 var(--gap);font-family:open sans,sans-serif;font-size:20px;background-color:var(--background);color:var(--secondary)}header{position:relative}main,main>div,main>img{margin:var(--gap)0}a{text-decoration:none;font-weight:600;color:var(--primary);transition:color var(--transition)}a:hover{color:var(--hover)}img{display:block;width:100%;height:auto}h1{font-size:2em}h2{font-size:1.25em}h1,h2,p{margin:0}h1+*,h2+*,p+*{margin-top:calc(var(--gap)/2)}#logo{position:relative;display:block;width:160px}#logo::before{content:'';display:block;padding-top:100%}#logo svg{position:absolute;bottom:0;margin:15%;fill:var(--background)}#contact{position:absolute;right:0;bottom:0;width:calc(166.7px + 10%);line-height:56px;text-align:center;color:var(--background)}#logo,#contact{background-color:var(--primary);transition:background-color var(--transition)}#logo:hover,#contact:hover{background-color:var(--hover)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);grid-auto-flow:dense}.grid>a{position:relative;padding-top:100%;overflow:hidden;background-color:var(--secondary)}.grid>a img{position:absolute;top:0;left:0;height:100%;object-fit:cover;transition:transform var(--transition)}.grid>a:hover img{transform:scale(1.05)}.wide{grid-area:span 1/span 2}a.wide{padding-top:calc(50% - var(--gap)/2)}.tall{grid-area:span 2/span 1}a.tall{padding-top:calc(200% + var(--gap))}.large{grid-area:span 2/span 2}.title{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;padding:var(--gap);align-content:center;font-size:var(--gap);text-align:center;background-color:rgba(0,0,0,.5);color:var(--background);opacity:0;transition:opacity var(--transition)}.grid>a:hover .title{opacity:1}.alternate{padding:var(--alternate-gap);background-color:#f0f0f0}.grid.alternate{gap:var(--alternate-gap);align-items:center}.alternate img+h2{margin-top:var(--alternate-gap)}.cover{height:100%;object-fit:cover}@media(min-width:1348px){:root{--gap:33.7px}}@media(max-width:768px){:root{--gap:5vw}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:512px){#logo{width:calc((100% - var(--gap))/3)}#contact{width:calc((100% - var(--gap))/1.5);line-height:48px}}@media(max-width:284px){:root{--gap:14.2px}}