@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&family=Inter:wght@500;600;700;800&display=swap");

:root {
  --bdc-yellow: #ffdb44;
  --bdc-green: #036e6d;
  --bdc-blue: #225399;
  --bdc-black: #292d33;
  --bdc-gray: #4b505b;
  --bdc-light: #f8f8fb;
  --bdc-line: #d4d4d9;
  --bdc-max: 1280px;

  --bdc-p: clamp(16px, 1.8vw, 18px);
  --bdc-h6: clamp(17px, 2vw, 20px);
  --bdc-h5: clamp(19px, 2.3vw, 23px);
  --bdc-h4: clamp(22px, 2.8vw, 28px);
  --bdc-h3: clamp(26px, 3.4vw, 34px);
  --bdc-h2: clamp(32px, 4.8vw, 48px);
  --bdc-h1: clamp(42px, 6vw, 60px);
}

body {
  font-family: Figtree, Helvetica, Arial, sans-serif;
  color: var(--bdc-black);
  font-size: var(--bdc-p);
  line-height: 1.65;
}

p {
  font-size: var(--bdc-p);
  line-height: 1.65;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.15;
  color: var(--bdc-black);
}

h1 { font-size: var(--bdc-h1); }
h2 { font-size: var(--bdc-h2); }
h3 { font-size: var(--bdc-h3); }
h4 { font-size: var(--bdc-h4); }
h5 { font-size: var(--bdc-h5); }
h6 { font-size: var(--bdc-h6); }

a {
  color: var(--bdc-green);
}

.wp-site-blocks {
  padding-left: 0;
  padding-right: 0;
}

.wp-site-blocks > .alignfull {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.bdcaf-inner {
  max-width: var(--bdc-max);
  margin: 0 auto;
  padding: clamp(56px, 7vw, 96px) clamp(20px, 4vw, 40px);
}

.wp-block-button__link {
  background: var(--bdc-yellow);
  color: var(--bdc-black);
  border-radius: 0;
  padding: 15px 22px;
  font-weight: 600;
  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 15px, 100% 100%, 0 100%);
  text-decoration: none;
}

.wp-block-button__link:hover {
  background: var(--bdc-green);
  color: #fff;
}

.bdcaf-header {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  right: 0;
  background: transparent;
	  max-width: var(--bdc-max);
}

.bdcaf-header > .wp-block-group {
  max-width: 1600px;
  margin: 0 auto;
  padding: 28px clamp(20px, 4vw, 60px);
}

.bdcaf-header a {
  color: var(--bdc-black);
  font-weight: 600;
  text-decoration: none;
}

.bdcaf-header img {
  max-height: 64px;
  width: auto;
}

.bdcaf-hero {
  min-height: clamp(560px, 78vh, 760px);
  position: relative;
}

.bdcaf-hero h1 {
  max-width: 980px;
  color: #fff;
  font-size: var(--bdc-h1);
  font-weight: 800;
  text-transform: uppercase;
}

.bdcaf-hero .wp-block-cover__inner-container {
  align-self: flex-end;
  
}

.bdcaf-about {
  background: #fff;
}

.bdcaf-about-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.82fr);
  gap: clamp(36px, 6vw, 84px);
  align-items: center;
}

.bdcaf-media {
  position: relative;
  min-height: 520px;
  background: var(--bdc-light);
}

.bdcaf-media-callout {
  position: absolute;
  right: -28px;
  bottom: -28px;
  max-width: 285px;
  background: var(--bdc-yellow);
  padding: 42px 40px;
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-size: 30px;
  line-height: 1.1;
  font-weight: 800;
  text-transform: uppercase;
}

.bdcaf-eyebrow {
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--bdc-green);
}

.bdcaf-feature-row {
  display: flex;
  gap: 20px;
  border-top: 1px solid var(--bdc-line);
  padding: 22px 0;
  font-weight: 700;
}

.bdcaf-feature-row strong {
  color: #939598;
}

.bdcaf-work {
  background: var(--bdc-light);
}

.bdcaf-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap: 50px;
}

.bdcaf-card {
  background: #fff;
  border-bottom: 5px solid var(--bdc-green);
  height: 100%;
  display: flex;
  flex-direction: column;
}

.bdcaf-card-image {
  min-height: 205px;
  background: #dfe4e8;
}

.bdcaf-card-content {
  padding: 34px;
}

.bdcaf-text-link {
  display: block;
  margin-top: auto;
  padding: 20px 30px;
  border-top: 1px solid var(--bdc-line);
  font-weight: 600;
  color: var(--bdc-black);
  text-decoration: none;
}

.bdcaf-footer {
  background: var(--bdc-black);
  color: #fff;
}

.bdcaf-footer a,
.bdcaf-footer p {
  color: #fff;
}

.bdcaf-footer img {
  max-width: 300px;
  height: auto;
}

.site-header-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
}

.site-header-overlay .alignwide {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.wp-site-blocks > main#wp--skip-link--target {
  margin-block-start: 0;
}

@media (max-width: 800px) {
  .bdcaf-about-grid,
  .bdcaf-card-grid {
    grid-template-columns: 1fr;
  }

  .bdcaf-media {
    min-height: 360px;
  }

  .bdcaf-media-callout {
    position: relative;
    right: auto;
    bottom: auto;
    max-width: none;
    margin: 0;
  }

  .bdcaf-header {
    position: relative;
    background: var(--bdc-yellow);
  }
}

.d-none {display:none;}