.method-section {
  background:#fff;
  padding:clamp(5rem,8vw,9rem) 0
}
.section-intro {
  max-width:920px
}
.section-intro h2,.resources-section h2 {
  font-size:clamp(2.8rem,4.3vw,5.4rem);
  line-height:1.07
}
.method-steps {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:2rem;
  margin-top:5rem;
  border-top:1px solid var(--line)
}
.method-steps article {
  padding-top:1.6rem;
  border-top:2px solid transparent
}
.step-number {
  color:var(--blue);
  font-size:.78rem;
  letter-spacing:.15em
}
.method-steps h3 {
  font-size:1.8rem;
  margin:1.1rem 0 .5rem
}
.method-steps p {
  font-size:.95rem;
  color:var(--muted);
  max-width:29ch
}
.about-section {
  background:#071625;
  color:#f2f7fb;
  padding:clamp(5rem,8vw,9rem) 0;
  overflow:hidden
}
.about-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:4rem
}
.about-mark {
  position:relative;
  display:grid;
  place-items:center;
  max-width:520px;
  aspect-ratio:1;
  background:radial-gradient(circle,#3c84bf33,transparent 65%)
}
.about-mark img {
  width:100%;
  height:100%;
  object-fit:contain;
  mix-blend-mode:screen
}
.about-copy h2 {
  font-size:clamp(3rem,4.5vw,5.5rem);
  line-height:1.07
}
.about-copy p:not(.eyebrow) {
  color:#bccddd;
  font-size:1.07rem;
  max-width:53ch
}
.resources-section {
  background:#eef4f8;
  padding:clamp(5rem,8vw,9rem) 0
}
.resources-grid {
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:6rem;
  align-items:start
}
.resource-content {
  border-top:1px solid #91a7b9;
  padding-top:1.3rem
}
.resource-content h3 {
  font-size:1.6rem
}
.resource-content p {
  color:#445b6f;
  font-size:1.04rem
}
.resource-content a {
  display:inline-flex;
  gap:1rem;
  text-decoration:none;
  border-bottom:1px solid #2a6dae;
  padding-bottom:.35rem;
  color:#075aa8;
  font-weight:600;
  font-size:.91rem;
  margin-top:1rem
}
.resource-content a:hover {
  color:#003a74
}
.contact-section {
  position:relative;
  min-height:550px;
  background:#b9cbd2 url("assets/costa-rica-landscape.webp") center/cover no-repeat;
  display:flex;
  align-items:center;
  isolation:isolate
}
.contact-overlay {
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(251,246,234,.88),rgba(251,246,234,.53) 40%,transparent 75%);
  z-index:-1
}
.contact-content {
  padding-block:5rem
}
.contact-content h2 {
  font-size:clamp(4rem,6vw,7rem);
  line-height:.94;
  margin-bottom:1.3rem
}
.contact-content p:not(.eyebrow) {
  max-width:32ch;
  font-size:1.1rem
}
.contact-pending {
  display:inline-block;
  padding:.85rem 1.25rem;
  border-radius:999px;
  background:#075fc7;
  color:#fff;
  font-size:.9rem;
  font-weight:600;
  margin-top:.5rem
}
.site-footer {
  background:#07111d;
  color:#e1e9f0
}
.footer-inner {
  min-height:130px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem
}
.footer-inner p,.footer-inner>span {
  margin:0;
  font-size:.75rem;
  color:#9aaebf
}
.footer-inner .brand img {
  width:48px;
  height:48px
}