.bs-support {
  min-height: 70vh;
  overflow: hidden;
  background: var(--bs-page, #0d0f10);
  color: var(--bs-text, #f2efe8);
}
.bs-support *,
.bs-support *::before,
.bs-support *::after { box-sizing: border-box; }
.bs-support img { display: block; max-width: 100%; }
.bs-support__shell {
  width: min(100%, var(--bs-container, 1680px));
  margin-inline: auto;
  padding-inline: 24px;
}
.bs-support__hero {
  position: relative;
  min-height: 530px;
  display: grid;
  align-items: end;
  padding: calc(var(--bs-header-height, 80px) + 86px) 0 82px;
  border-bottom: 1px solid var(--bs-hairline, rgba(242, 239, 232, .12));
  background:
    radial-gradient(circle at 82% 16%, rgba(201, 161, 94, .13), transparent 30%),
    linear-gradient(145deg, var(--bs-ink, #080a0b), var(--bs-page, #0d0f10) 70%);
  isolation: isolate;
}
.bs-support__hero--media { min-height: clamp(560px, 64vw, 760px); }
.bs-support__hero-media { position: absolute; z-index: -2; inset: 0; }
.bs-support__hero-media img { width: 100%; height: 100%; object-fit: cover; }
.bs-support__hero-media::after {
  position: absolute;
  content: "";
  inset: 0;
  background:
    linear-gradient(90deg, rgba(8, 10, 11, .98) 0%, rgba(8, 10, 11, .88) 37%, rgba(8, 10, 11, .28) 76%),
    linear-gradient(0deg, rgba(8, 10, 11, .76), transparent 55%);
}
.bs-support__hero-copy { width: min(100%, 760px); }
.bs-support__eyebrow {
  margin: 0 0 12px;
  color: var(--bs-gold, #c9a15e);
  font: 700 13px/1.2 var(--bs-ui, Inter, Arial, sans-serif);
  letter-spacing: .15em;
  text-transform: uppercase;
}
.bs-support__hero h1 {
  max-width: 12ch;
  margin: 0;
  color: var(--bs-text, #f2efe8);
  font: 700 clamp(58px, 6.2vw, 96px)/.91 var(--bs-display, "Barlow Condensed", sans-serif);
  letter-spacing: .015em;
  text-wrap: balance;
  text-transform: uppercase;
}
.bs-support__hero-copy > p:not(.bs-support__eyebrow) {
  max-width: 58ch;
  margin: 23px 0 0;
  color: var(--bs-body, #c5c2bb);
  font: 400 clamp(16px, 1.35vw, 19px)/1.65 var(--bs-ui, Inter, Arial, sans-serif);
}
.bs-support__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}
.bs-support__button,
.bs-support__text-link {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 0 25px;
  border: 1px solid var(--bs-gold-hairline, rgba(201, 161, 94, .42));
  border-radius: 3px;
  background: transparent;
  color: var(--bs-text, #f2efe8);
  font: 700 13px/1 var(--bs-ui, Inter, Arial, sans-serif);
  letter-spacing: .075em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color .2s ease-out, background .2s ease-out, color .2s ease-out, transform .2s ease-out;
}
.bs-support__button:hover,
.bs-support__text-link:hover {
  border-color: var(--bs-gold, #c9a15e);
  background: rgba(201, 161, 94, .08);
  transform: translateY(-2px);
}
.bs-support__button--primary {
  border-color: var(--bs-gold-strong, #d9ae61);
  background: var(--bs-gold-strong, #d9ae61);
  color: var(--bs-ink, #080a0b);
}
.bs-support__button--primary:hover {
  border-color: var(--bs-gold, #c9a15e);
  background: var(--bs-gold, #c9a15e);
  color: var(--bs-ink, #080a0b);
}
.bs-support__section {
  padding-block: clamp(72px, 6.6vw, 104px);
  border-bottom: 1px solid var(--bs-hairline, rgba(242, 239, 232, .12));
}
.bs-support__section--surface { background: var(--bs-surface, #121415); }
.bs-support__section--ink { background: var(--bs-ink, #080a0b); }
.bs-support__intro { max-width: 760px; margin-bottom: 42px; }
.bs-support__intro--center { margin-inline: auto; text-align: center; }
.bs-support__intro h2,
.bs-support__section h2 {
  margin: 0;
  color: var(--bs-text, #f2efe8);
  font: 600 clamp(38px, 3.5vw, 60px)/1.02 var(--bs-editorial, "Cormorant Garamond", Georgia, serif);
  letter-spacing: -.025em;
  text-wrap: balance;
}
.bs-support__intro > p:not(.bs-support__eyebrow) {
  max-width: 62ch;
  margin: 16px 0 0;
  color: var(--bs-body, #c5c2bb);
  font: 400 16px/1.68 var(--bs-ui, Inter, Arial, sans-serif);
}
.bs-support__intro--center > p:not(.bs-support__eyebrow) { margin-inline: auto; }
.bs-support__card {
  overflow: hidden;
  border: 1px solid var(--bs-hairline, rgba(242, 239, 232, .12));
  border-radius: 8px;
  background: var(--bs-surface, #121415);
}
.bs-support__note {
  padding: 19px 21px;
  border-left: 2px solid var(--bs-gold, #c9a15e);
  background: rgba(201, 161, 94, .06);
  color: var(--bs-body, #c5c2bb);
  font: 400 15px/1.65 var(--bs-ui, Inter, Arial, sans-serif);
}
.bs-support__note p { margin: 0; }
.bs-support__note a { color: var(--bs-text, #f2efe8); text-underline-offset: 3px; }
.bs-support__cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 36px;
  align-items: center;
  padding: clamp(31px, 4vw, 56px);
  border: 1px solid var(--bs-gold-hairline, rgba(201, 161, 94, .42));
  border-radius: 8px;
  background:
    radial-gradient(circle at 88% 10%, rgba(201, 161, 94, .13), transparent 36%),
    var(--bs-surface, #121415);
}
.bs-support__cta h2 { font-size: clamp(34px, 3.4vw, 54px); }
.bs-support__cta p {
  max-width: 58ch;
  margin: 12px 0 0;
  color: var(--bs-body, #c5c2bb);
  font: 400 16px/1.65 var(--bs-ui, Inter, Arial, sans-serif);
}
.bs-support__richtext {
  width: min(100%, 820px);
  color: var(--bs-body, #c5c2bb);
  font: 400 16px/1.78 var(--bs-ui, Inter, Arial, sans-serif);
  overflow-wrap: anywhere;
}
.bs-support__richtext > :first-child { margin-top: 0; }
.bs-support__richtext > :last-child { margin-bottom: 0; }
.bs-support__richtext h2,
.bs-support__richtext h3,
.bs-support__richtext h4 {
  margin: 1.35em 0 .55em;
  color: var(--bs-text, #f2efe8);
  font-family: var(--bs-editorial, "Cormorant Garamond", Georgia, serif);
  font-weight: 600;
  line-height: 1.12;
}
.bs-support__richtext h2 { font-size: clamp(32px, 3vw, 44px); }
.bs-support__richtext h3 { font-size: clamp(25px, 2.3vw, 32px); }
.bs-support__richtext h4 { font-size: 22px; }
.bs-support__richtext a { color: var(--bs-gold-strong, #d9ae61); text-underline-offset: 3px; }
.bs-support__richtext img { height: auto; margin-block: 30px; border-radius: 8px; }
.bs-support__richtext ul,
.bs-support__richtext ol { padding-left: 1.3em; }
.bs-support__richtext blockquote {
  margin: 28px 0;
  padding: 4px 0 4px 22px;
  border-left: 2px solid var(--bs-gold, #c9a15e);
  color: var(--bs-text, #f2efe8);
  font-family: var(--bs-editorial, "Cormorant Garamond", Georgia, serif);
  font-size: 24px;
}
.bs-support__richtext table,
.bs-support__richtext pre {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .bs-support__shell { padding-inline: 32px; }
  .bs-support__section { padding-block: 64px; }
}
@media (max-width: 767px) {
  .bs-support__shell { padding-inline: 20px; }
  .bs-support__hero,
  .bs-support__hero--media {
    min-height: 560px;
    padding: calc(var(--bs-header-height, 68px) + 58px) 0 52px;
  }
  .bs-support__hero-media::after {
    background:
      linear-gradient(0deg, rgba(8, 10, 11, .96) 0%, rgba(8, 10, 11, .77) 60%, rgba(8, 10, 11, .35)),
      linear-gradient(90deg, rgba(8, 10, 11, .77), transparent);
  }
  .bs-support__hero h1 { font-size: clamp(50px, 15vw, 64px); }
  .bs-support__section { padding-block: 52px; }
  .bs-support__intro { margin-bottom: 30px; }
  .bs-support__actions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .bs-support__button,
  .bs-support__text-link { width: 100%; }
  .bs-support__cta { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 374px) {
  .bs-support__hero h1 { font-size: 47px; }
}
@media (prefers-reduced-motion: reduce) {
  .bs-support__button,
  .bs-support__text-link { transition: none; }
  .bs-support__button:hover,
  .bs-support__text-link:hover { transform: none; }
}