/* Wordmark based on the approved SwiftRim reference: clean baseline, no monospaced descender. */
.brand {
  gap: 10px;
  font-family: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -.075em;
  line-height: 1;
}

.brand > span { display: inline-block; line-height: .95; }
.brand > span > span { color: #07864d; }
.brand img { width: 33px; height: 33px; }
footer .brand { font-size: 20px; }
footer .brand img { width: 27px; height: 27px; }

.about { position: relative; display: grid; grid-template-columns: minmax(0,1fr) minmax(255px,.54fr); gap: clamp(34px,7vw,105px); align-items: center; overflow: visible; background: #fff; }
.about::before,.about::after { content: none; }
.about-number { display: flex; flex-direction: column; gap: 17px; align-items: flex-start; color: #143d2f; letter-spacing: -.085em; }
.about-country { color: #07864d; font: 800 clamp(23px,3vw,40px)/.95 "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif; letter-spacing: -.075em; }
.about-number .about-year { margin-left: 0; color: var(--gold); font: 700 10px 'DM Mono', monospace; letter-spacing: .13em; }
.about > div:first-child { max-width: 740px; }
.about-flag-panel { width: 100%; margin: 0; padding: 12px; border: 1px solid #dcebe1; border-radius: 17px; background: #fff; box-shadow: 0 20px 45px rgba(13, 62, 38, .10); }
.about-flag-panel img { display: block; width: 100%; height: auto; border-radius: 8px; }
.about-flag-panel figcaption { margin: 11px 2px 1px; color: #5d7569; font: 700 8px 'DM Mono', monospace; letter-spacing: .11em; text-transform: uppercase; }

@media (max-width: 900px) { .about { grid-template-columns: minmax(0,1fr) minmax(220px,.48fr); } .about-flag-panel { max-width: 380px; } }
@media (max-width: 720px) { .about { grid-template-columns: 1fr; } .about-flag-panel { max-width: 390px; } }