/* Matches the Figma frame exactly: #011614 base, the photograph object-cover
   over it, then a FLAT 35% scrim — not a gradient. 56/64 padding, full width,
   no container.

   The photograph is the image fill on its own. An earlier export of the whole
   Footer node baked the frame's own text into the picture, so every label
   appeared twice — once in the image, once in the real markup. */
.pg-foot{
  position:relative;min-height:631px;padding:56px 64px;
  background:url('https://cdn.prod.website-files.com/6970c51b65cf16c73cbd6d39/6984b6b6cf48f5de96a012d9_Footer%20background.avif') center center/cover no-repeat,#011614;
  overflow:hidden;
}
.pg-foot::before{
  content:'';position:absolute;inset:0;
  background:rgba(1,22,20,.35);
  pointer-events:none;
}
.pg-foot__grid{position:relative;z-index:1;display:flex;gap:60px;justify-content:space-between;flex-wrap:wrap}
.pg-foot__word{font-size:22px;font-weight:500;letter-spacing:-.01em;margin-bottom:14px}
.pg-foot__tag{color:var(--muted);margin-bottom:12px}
.pg-foot__copy{color:rgba(238,243,228,.44);font-size:14px}

.pg-foot__cols{display:flex;gap:78px}
.pg-foot__cols .pg-eyebrow{margin-bottom:16px}
.pg-foot__cols a{display:block;color:rgba(238,243,228,.78);padding:5px 0;transition:color .2s}
.pg-foot__cols a:hover{color:var(--white)}

@media (max-width:900px){
  .pg-foot{min-height:520px;padding-bottom:80px}
  .pg-foot__cols{gap:40px;flex-wrap:wrap}
}
/* The footer clips its own photograph again, now that nothing is
   meant to escape upward out of it. */
.pg-foot{overflow:hidden}

/* TWEAK: soften the seam with the CTA. The footer is a full-bleed
   photograph and it used to start on a hard line. */
.pg-foot::after{content:'';position:absolute;left:0;right:0;top:0;
  height:190px;pointer-events:none;
  background:linear-gradient(to bottom,var(--bg) 0%,rgba(1,22,20,.55) 45%,transparent 100%)}