
:root{--ink:#323335;--sand:#dad9cb;--white:#fff;--black:#000}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--ink);font:300 18px/1.6 Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif}
a{color:inherit}
b,strong{font-weight:500}
h1,h2,h3{font-family:Raleway,"Helvetica Neue",Arial,sans-serif;font-weight:300;color:var(--ink);margin:0 0 16px;line-height:1.3}
h1{font-size:40px}h2{font-size:36px}h3{font-size:24px}
@media (max-width:640px){h1{font-size:30px}h2{font-size:27px}h3{font-size:21px}body{font-size:16px}}
.wrap{max-width:1280px;margin:0 auto;padding:0 72px}
@media (max-width:900px){.wrap{padding:0 16px}}
/* header */
header{background:var(--sand)}
header .wrap{display:flex;align-items:center;min-height:96px;padding-top:12px;padding-bottom:12px}
nav{display:flex;flex-wrap:wrap;gap:4px 40px;font-size:16px}
nav a{text-decoration:none;padding:4px 0;border-bottom:1px solid transparent}
nav a:hover,nav a[aria-current]{border-color:var(--ink)}
.menu-btn{display:none}
@media (max-width:900px){
  header .wrap{min-height:64px;justify-content:space-between}
  .menu-btn{display:block;background:none;border:0;font:inherit;font-size:16px;color:var(--ink);padding:8px 0;cursor:pointer}
  nav{display:none;flex-direction:column;gap:0;width:100%}
  header.open .wrap{flex-wrap:wrap}
  header.open nav{display:flex;padding:8px 0 16px}
  nav a{padding:10px 0}
}
/* sections */
section{padding:64px 0}
section.sand{background:var(--sand)}
.center{text-align:center}
.center p{margin:0}
.sub{margin-bottom:24px!important}
.photo{display:block;max-width:706px;width:100%;height:auto;margin:24px auto}
.credits{margin:24px 0}
.btns{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:24px}
.btn{display:inline-block;font-size:16px;padding:12px 30px;border:1px solid var(--black);border-radius:4px;text-decoration:none;background:var(--black);color:var(--white)}
.btn.outline{background:transparent;color:var(--ink)}
.btns.left{justify-content:flex-start}
/* home */
.cols{display:grid;grid-template-columns:1fr 1fr;gap:48px}
@media (max-width:760px){.cols{grid-template-columns:1fr;gap:16px}}
.info p{margin:0}
.info .blk{margin-bottom:24px}
.info .blk b{display:block}
/* ongoing grid */
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:48px 28px;margin-top:32px}
@media (max-width:900px){.grid4{grid-template-columns:repeat(2,1fr);gap:32px 16px}}
.grid4 img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;margin-bottom:16px}
.grid4 p{margin:0;font-size:17px}
.updated{text-align:center;padding:48px 0}
footer{background:var(--sand);padding:72px 0;text-align:center;font-size:15px}
footer a{margin:0 8px}
