@font-face {
  font-family: Basic;
  src: url("assets/basic-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Basic;
  src: url("assets/basic-latin-ext.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
* { box-sizing: border-box; }
html { font-size: 62.5%; }
body { margin: 0; background: #fff; color: #292b2c; font-family: Georgia, serif; font-size: 1.6rem; line-height: 1.5; }
a { color: #660000; text-decoration: none; }
a:hover { color: #660000; text-decoration: underline; }
a:focus-visible { outline: 2px solid #660000; outline-offset: 3px; }
h1, h2 { font-family: Basic, sans-serif; font-weight: 400; line-height: 1.1; }
h2 { margin: 0 0 1rem; font-size: 2rem; }
p { margin: 0 0 1rem; }
img { max-width: 100%; height: auto; }
.site-header { margin-bottom: 2.4rem; background: #370000; border-top: 1px solid gray; border-bottom: 1px solid gray; }
.header-inner { min-height: 97px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.brand-logo { width: 132px; height: 97px; background: white; object-fit: contain; }
.association-logo { width: 97px; height: 97px; background: white; object-fit: contain; }
.container { width: 100%; margin: 0 auto; padding: 0 15px; }
.breadcrumb { margin-bottom: 1.6rem; padding: 1.2rem 1.6rem; background: #eceeef; border-radius: .25rem; font-size: 1.5rem; }
.content { padding: .5em; }
.maintenance { margin-bottom: 2.5rem; padding: 1.5rem 2rem; border-left: 5px solid #660000; background: #f6eeee; }
.maintenance h1 { margin: 0 0 1rem; color: #370000; font-size: 2.4rem; }
.maintenance p { margin-bottom: 0; }
.content-block { border-bottom: 1px solid #000; margin-bottom: 1rem; }
.content-block:last-child { border-bottom: 0; }
.association-block { text-align: center; }
.association-block img { width: 200px; height: 200px; margin: 1rem; border-radius: 1rem; box-shadow: 5px 5px 1rem #000; }
.story h2 { margin: 1rem 0; }
.team-photo { display: flex; justify-content: center; margin: 0 0 1.5rem; }
.team-photo img { width: 600px; height: auto; margin: 1rem; border-radius: 1rem; box-shadow: 5px 5px 1rem #000; }
.copyright { padding: 0 15px 1rem; text-align: center; }
.copyright hr { margin: 1.6rem 0; border: 0; border-top: 1px solid #ddd; }
.copyright p { margin-bottom: 1rem; }
@media (min-width: 576px) { .container { max-width: 540px; } }
@media (min-width: 768px) { .container { max-width: 720px; } }
@media (min-width: 992px) { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1140px; } }
@media (max-width: 575px) {
  .association-logo { width: 75px; height: 75px; }
  .brand-logo { width: 102px; height: 75px; }
  .header-inner { min-height: 75px; }
  .team-photo img { width: calc(100% - 2rem); }
  .maintenance { padding: 1.5rem; }
}