/* ==========================================================================
   Page chrome — not part of any Webflow component paste.
   Section shells below the nav are placeholders until each section is built.
   ========================================================================== */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  font-family: var(--bd-font);
  font-feature-settings: "liga" 1, "calt" 1;
  font-optical-sizing: auto;
  background: var(--bd-bg-page);
}

body {
  margin: 0;
  padding: 0 var(--bd-page-pad);
  color: var(--bd-text);
  font-family: inherit;
  font-size: var(--bd-text-base);
  font-weight: 400;
  font-feature-settings: inherit;
  font-optical-sizing: inherit;
  line-height: 1.5;
}

button,
input,
textarea,
select {
  font-family: inherit;
}

.bd-page {
  width: 100%;
  max-width: var(--bd-content);
  margin-inline: auto;
  padding-top: 104px;
}

.bd-shell {
  padding: 64px 0;
  border-top: 1px solid var(--bd-bar-bg);
}

.bd-shell:first-child {
  border-top: 0;
}

.bd-shell__label {
  margin: 0 0 8px;
  font-size: var(--bd-text-sm);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--bd-text-2);
}

.bd-shell__title {
  margin: 0;
  max-width: 40ch;
  font-size: var(--bd-text-lead);
  font-weight: 500;
  line-height: 1.3;
  color: var(--bd-text);
}

@media (max-width: 767px) {
  .bd-page {
    padding-top: 80px;
  }

  .bd-shell {
    padding: 48px 0;
  }
}