/**
 * BWW Design System — split from bww-ui.css
 * See /home/bway/design-system/MASTER.md
 */

.contact-page .bww-contact-section + .bww-contact-section {
  margin-top: var(--bww-space-6);
}
.bww-contact-footer-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: var(--bww-space-4);
  margin: var(--bww-space-5) 0;
}
.bww-contact-footer-card {
  padding: var(--bww-space-4);
  border: 1px solid var(--bww-border);
  border-radius: var(--bww-radius-lg);
  background: var(--bww-bg-panel);
}
.bww-contact-footer-card h3 {
  margin: 0 0 var(--bww-space-2);
  font-size: var(--bww-text-base);
  font-weight: 700;
  color: var(--bww-red);
}
.bww-contact-footer-card p {
  margin: 0;
  font-size: var(--bww-text-sm);
  line-height: 1.5;
}
.bww-unsub-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bww-space-3);
  align-items: stretch;
  margin-top: var(--bww-space-4);
}
.bww-unsub-row .bww-input {
  flex: 1;
  min-width: 200px;
  margin: 0;
}
.contact-page .bww-contact-section,
.contact-page #open-a-ticket,
.contact-page .bww-contact-anchor {
  scroll-margin-top: 120px;
}
.contact-page__content {
  padding-top: var(--bww-space-2);
}
.contact-page__panel {
  margin-bottom: var(--bww-space-4);
}
.contact-page__body {
  padding: var(--bww-space-5);
}
.contact-page__actions {
  margin: var(--bww-space-4) 0 var(--bww-space-6);
}
.contact-page .bww-alert p + p {
  margin-top: var(--bww-space-3);
}
/* ── About page ──────────────────────────────────────────────────────────── */
.about-page .bww-page-hero {
  padding: var(--bww-space-3) var(--bww-space-4);
  margin-top: var(--bww-space-2);
  margin-bottom: var(--bww-space-2);
}
.about-page.inner-page h1.bww-page-hero__title,
.about-page .bww-page-hero__title {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 700;
  color: var(--bww-white);
}
.about-page .bww-page-hero__subtitle {
  margin-top: 2px;
  font-size: 13px;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.78);
}
.about-page__section-nav {
  margin-top: 0;
}
.about-page__section {
  margin-bottom: var(--bww-space-5);
}
.about-page__section .bww-content-panel {
  margin-bottom: 0;
}
.about-page__prose {
  font-size: var(--bww-text-sm);
  line-height: 1.65;
  color: var(--bww-text);
}
.about-page__prose p {
  margin: 0 0 var(--bww-space-3);
}
.about-page__prose p:last-child {
  margin-bottom: 0;
}
.about-page__prose a {
  color: var(--bww-red);
  font-weight: 600;
}
.about-page__prose a:hover {
  text-decoration: underline;
}
.about-page .bww-block-header + .about-page__prose,
.about-page__section .about-page__prose {
  padding: 0;
}
.about-page .bww-content-panel .about-page__prose {
  padding: var(--bww-space-4) var(--bww-space-5);
}
.about-page__staff-list {
  display: flex;
  flex-direction: column;
  gap: var(--bww-space-5);
  margin-bottom: var(--bww-space-4);
}
.about-page__staff-card {
  display: flex;
  gap: var(--bww-space-4);
  align-items: flex-start;
  padding-bottom: var(--bww-space-4);
  border-bottom: 1px solid var(--bww-border);
}
.about-page__staff-card:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.about-page__staff-headshot {
  flex: 0 0 150px;
  display: block;
}
.about-page__staff-headshot img {
  display: block;
  width: 150px;
  height: auto;
  border-radius: var(--bww-radius-sm);
  border: 1px solid var(--bww-border);
}
.about-page__staff-body {
  flex: 1;
  min-width: 0;
}
.about-page__staff-name {
  margin: 0 0 var(--bww-space-2);
  font-size: var(--bww-text-lg);
  font-weight: 700;
  line-height: 1.3;
}
.about-page__staff-name a {
  color: var(--bww-text);
  text-decoration: none;
}
.about-page__staff-name a:hover {
  color: var(--bww-red);
}
.about-page__staff-bio {
  font-size: var(--bww-text-sm);
  line-height: 1.6;
  color: var(--bww-text-muted);
}
.about-page__staff-bio p {
  margin: 0 0 var(--bww-space-2);
}
.about-page__staff-bio p:last-child {
  margin-bottom: 0;
}
.about-page__staff-html {
  margin-top: var(--bww-space-4);
}
@media (max-width: 767px) {
  .about-page .l-side {
    display: none;
  }
  .about-page__staff-card {
    flex-direction: column;
  }
  .about-page__staff-headshot {
    flex-basis: auto;
  }
}