/* Inner page alignment layer: harmonizes hero, CTA, footer, type, and buttons with the homepage system. */

:root {
  --font-head: "Fraunces", "Times New Roman", serif;
  --font-body: "Inter", sans-serif;
  --sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --mono: "JetBrains Mono", monospace;
}

.page-team,
.page-products,
.page-partnerships,
.page-academy,
.page-insights {
  font-family: var(--sans);
  font-size: var(--fs-body);
  line-height: 1.62;
  color: var(--charcoal);
  background: var(--bg, var(--ivory));
}

.page-team h1,
.page-team h2,
.page-team h3,
.page-team h4,
.page-products h1,
.page-products h2,
.page-products h3,
.page-products h4,
.page-partnerships h1,
.page-partnerships h2,
.page-partnerships h3,
.page-partnerships h4,
.page-academy h1,
.page-academy h2,
.page-academy h3,
.page-academy h4,
.page-insights h1,
.page-insights h2,
.page-insights h3,
.page-insights h4 {
  font-family: var(--serif), "Fraunces", "Times New Roman", serif;
}

.page-team .eyebrow,
.page-products .eyebrow,
.page-partnerships .eyebrow,
.page-academy .eyebrow,
.page-insights .eyebrow {
  font-family: var(--mono), "JetBrains Mono", monospace;
  font-size: var(--fs-mono);
  font-weight: 500;
  letter-spacing: .2em;
}

.page-team .btn-magnetic-wrapper,
.page-products .btn-magnetic-wrapper,
.page-partnerships .btn-magnetic-wrapper,
.page-academy .btn-magnetic-wrapper,
.page-insights .btn-magnetic-wrapper {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.page-team .btn,
.page-products .btn,
.page-partnerships .btn,
.page-academy .btn,
.page-insights .btn {
  --btn-bg: var(--forest-900);
  --btn-fg: var(--ivory);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .85rem;
  min-height: auto;
  padding: 1.05rem 1.85rem;
  border: 0;
  border-radius: 100px;
  background: var(--btn-bg);
  color: var(--btn-fg);
  font-family: var(--sans);
  font-size: var(--fs-sm);
  font-weight: 500;
  letter-spacing: .01em;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  isolation: isolate;
  transform: translateZ(0);
  transition: transform .5s var(--e-out), box-shadow .5s var(--e-out), color .4s var(--e-soft);
  box-shadow: 0 1px 2px rgba(8, 22, 13, .16), 0 10px 26px -14px rgba(8, 22, 13, .5);
}

.page-team .btn::after,
.page-products .btn::after,
.page-partnerships .btn::after,
.page-academy .btn::after,
.page-insights .btn::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--gold-500);
  transform: translateY(101%);
  transform-origin: center;
  transition: transform .62s var(--e-out);
}

.page-team .btn:hover,
.page-products .btn:hover,
.page-partnerships .btn:hover,
.page-academy .btn:hover,
.page-insights .btn:hover {
  transform: translateY(-3px);
  color: var(--forest-950);
  box-shadow: 0 3px 8px rgba(8, 22, 13, .14), 0 22px 46px -18px rgba(8, 22, 13, .55);
}

.page-team .btn:hover::after,
.page-products .btn:hover::after,
.page-partnerships .btn:hover::after,
.page-academy .btn:hover::after,
.page-insights .btn:hover::after {
  transform: translateY(0);
}

.page-team .btn:active,
.page-products .btn:active,
.page-partnerships .btn:active,
.page-academy .btn:active,
.page-insights .btn:active {
  transform: translateY(-1px) scale(.99);
}

.page-team .btn svg,
.page-products .btn svg,
.page-partnerships .btn svg,
.page-academy .btn svg,
.page-insights .btn svg,
.page-team .btn__ico,
.page-products .btn__ico,
.page-partnerships .btn__ico,
.page-academy .btn__ico,
.page-insights .btn__ico {
  width: 15px;
  height: 15px;
  flex: none;
  transition: transform .5s var(--e-out);
}

.page-team .btn:hover svg,
.page-products .btn:hover svg,
.page-partnerships .btn:hover svg,
.page-academy .btn:hover svg,
.page-insights .btn:hover svg,
.page-team .btn:hover .btn__ico,
.page-products .btn:hover .btn__ico,
.page-partnerships .btn:hover .btn__ico,
.page-academy .btn:hover .btn__ico,
.page-insights .btn:hover .btn__ico {
  transform: translateX(4px);
}

.page-team .btn-primary,
.page-products .btn-primary,
.page-partnerships .btn-primary,
.page-academy .btn-primary,
.page-insights .btn-primary {
  --btn-bg: var(--forest-900);
  --btn-fg: var(--ivory);
}

.page-team .btn-gold,
.page-products .btn-gold,
.page-partnerships .btn-gold,
.page-academy .btn-gold,
.page-insights .btn-gold,
.page-team .btn--gold,
.page-products .btn--gold,
.page-partnerships .btn--gold,
.page-academy .btn--gold,
.page-insights .btn--gold {
  --btn-bg: var(--gold-500);
  --btn-fg: var(--forest-950);
}

.page-team .btn-gold::after,
.page-products .btn-gold::after,
.page-partnerships .btn-gold::after,
.page-academy .btn-gold::after,
.page-insights .btn-gold::after,
.page-team .btn--gold::after,
.page-products .btn--gold::after,
.page-partnerships .btn--gold::after,
.page-academy .btn--gold::after,
.page-insights .btn--gold::after {
  background: var(--forest-900);
}

.page-team .btn-gold:hover,
.page-products .btn-gold:hover,
.page-partnerships .btn-gold:hover,
.page-academy .btn-gold:hover,
.page-insights .btn-gold:hover,
.page-team .btn--gold:hover,
.page-products .btn--gold:hover,
.page-partnerships .btn--gold:hover,
.page-academy .btn--gold:hover,
.page-insights .btn--gold:hover {
  color: var(--ivory);
}

.page-team .btn-ghost,
.page-products .btn-ghost,
.page-partnerships .btn-ghost,
.page-academy .btn-ghost,
.page-insights .btn-ghost,
.page-team .btn-ghost-dark,
.page-products .btn-ghost-dark,
.page-partnerships .btn-ghost-dark,
.page-academy .btn-ghost-dark,
.page-insights .btn-ghost-dark,
.page-team .btn-outline-light,
.page-products .btn-outline-light,
.page-partnerships .btn-outline-light,
.page-academy .btn-outline-light,
.page-insights .btn-outline-light,
.page-team .btn--ghost,
.page-products .btn--ghost,
.page-partnerships .btn--ghost,
.page-academy .btn--ghost,
.page-insights .btn--ghost {
  --btn-bg: transparent;
  --btn-fg: currentColor;
  background: var(--btn-bg);
  color: var(--btn-fg);
  border: 0;
  box-shadow: inset 0 0 0 1px var(--hair);
}

.team-hero .btn-ghost,
.hero-products .btn-ghost,
.hero-partnerships .btn-ghost,
.hero-academy .btn-ghost,
.hero-insights .btn-ghost,
.final-cta-section .btn-outline-light,
.final-cta-section .btn-ghost-dark,
.cta .btn-outline-light,
.cta .btn-ghost-dark {
  color: var(--ivory);
  box-shadow: inset 0 0 0 1px rgba(248, 245, 238, .3);
}

.page-team .btn-ghost:hover,
.page-products .btn-ghost:hover,
.page-partnerships .btn-ghost:hover,
.page-academy .btn-ghost:hover,
.page-insights .btn-ghost:hover,
.page-team .btn-ghost-dark:hover,
.page-products .btn-ghost-dark:hover,
.page-partnerships .btn-ghost-dark:hover,
.page-academy .btn-ghost-dark:hover,
.page-insights .btn-ghost-dark:hover,
.page-team .btn-outline-light:hover,
.page-products .btn-outline-light:hover,
.page-partnerships .btn-outline-light:hover,
.page-academy .btn-outline-light:hover,
.page-insights .btn-outline-light:hover,
.page-team .btn--ghost:hover,
.page-products .btn--ghost:hover,
.page-partnerships .btn--ghost:hover,
.page-academy .btn--ghost:hover,
.page-insights .btn--ghost:hover {
  box-shadow: inset 0 0 0 1px transparent;
}

.page-team .btn-lg,
.page-products .btn-lg,
.page-partnerships .btn-lg,
.page-academy .btn-lg,
.page-insights .btn-lg {
  padding: 1.05rem 1.85rem;
  font-size: var(--fs-sm);
}

.page-team .btn-nav,
.page-products .btn-nav,
.page-partnerships .btn-nav,
.page-academy .btn-nav,
.page-insights .btn-nav {
  padding: .75rem 1.6rem;
  font-size: .85rem;
}

.team-hero,
.hero-products,
.hero-partnerships,
.hero-academy,
.hero-insights {
  position: relative;
  min-height: 100svh;
  display: grid;
  align-items: end;
  overflow: hidden;
  padding: 0;
  background: var(--forest-950, var(--forest-ink));
}

.team-hero .hero-media,
.hero-products .hero-media,
.hero-partnerships .hero-media,
.hero-academy .hero-media,
.hero-insights .hero-media {
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: 1;
}

.team-hero .hero-media img,
.hero-products .hero-media img,
.hero-partnerships .hero-media img,
.hero-academy .hero-media img,
.hero-insights .hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.04);
}

.team-hero .hero-scrim,
.hero-products .hero-scrim,
.hero-partnerships .hero-scrim,
.hero-academy .hero-scrim,
.hero-insights .hero-scrim {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(8, 22, 13, .68) 0%, rgba(8, 22, 13, .26) 34%, rgba(8, 22, 13, .9) 100%),
    radial-gradient(85% 70% at 12% 78%, rgba(8, 22, 13, .72), transparent 72%);
}

.hero-products .hero-scrim {
  background:
    linear-gradient(90deg, rgba(8, 22, 13, .86) 0%, rgba(8, 22, 13, .52) 48%, rgba(8, 22, 13, .18) 100%),
    linear-gradient(0deg, rgba(8, 22, 13, .82) 0%, transparent 52%);
}

.hero-partnerships .hero-scrim {
  background:
    radial-gradient(70% 70% at 82% 20%, rgba(249, 160, 27, .2), transparent 58%),
    linear-gradient(120deg, rgba(8, 22, 13, .9) 0%, rgba(8, 22, 13, .58) 55%, rgba(8, 22, 13, .22) 100%);
}

.hero-academy .hero-scrim {
  background:
    linear-gradient(90deg, rgba(8, 22, 13, .9), rgba(8, 22, 13, .54) 52%, rgba(8, 22, 13, .26)),
    radial-gradient(70% 70% at 70% 70%, rgba(105, 175, 53, .2), transparent 65%);
}

.hero-insights .hero-scrim {
  background:
    linear-gradient(180deg, rgba(8, 22, 13, .74) 0%, rgba(8, 22, 13, .36) 42%, rgba(8, 22, 13, .92) 100%),
    radial-gradient(80% 80% at 78% 24%, rgba(249, 160, 27, .18), transparent 64%);
}

.team-hero .hero-content,
.hero-products .hero-content,
.hero-partnerships .hero-content,
.hero-academy .hero-content,
.hero-insights .hero-content {
  position: relative;
  width: min(980px, 92vw);
  max-width: 980px;
  padding-block: clamp(8rem, 14vh, 11rem) clamp(4.5rem, 9vh, 7rem);
}

.team-hero .hero-content,
.hero-products .container,
.hero-partnerships .container,
.hero-academy .container,
.hero-insights .hero-grid {
  width: min(var(--container), 92vw);
  margin-inline: auto;
}

.hero-insights .hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(320px, .55fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: end;
  padding-block: clamp(8rem, 14vh, 11rem) clamp(4.5rem, 9vh, 7rem);
}

.team-hero .hero-title,
.hero-products .hero-title,
.hero-partnerships .hero-title,
.hero-academy .hero-title,
.hero-insights .hero-title {
  max-width: 1000px;
  color: var(--ivory, var(--white));
  font-family: var(--serif), "Fraunces", serif;
  font-size: var(--fs-h1);
  line-height: .98;
  letter-spacing: -.035em;
}

.team-hero .hero-sub,
.hero-products .hero-sub,
.hero-partnerships .hero-sub,
.hero-academy .hero-sub,
.hero-insights .hero-sub {
  max-width: 66ch;
  margin-top: 1.3rem;
  margin-bottom: 0;
  color: rgba(248, 245, 238, .76);
  font-size: clamp(1rem, .92rem + .35vw, 1.18rem);
  line-height: 1.75;
}

.team-hero .hero-cta,
.hero-products .hero-cta,
.hero-partnerships .hero-cta,
.hero-academy .hero-cta,
.cta-actions,
.cta-button-group {
  display: flex;
  gap: .9rem;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 2rem;
}

.hero-glass-rail,
.hero-featured-card {
  border-radius: var(--r-xl, 24px);
  border: 1px solid rgba(248, 245, 238, .16);
  background: rgba(8, 22, 13, .48);
  box-shadow: 0 24px 60px rgba(8, 22, 13, .32);
  backdrop-filter: blur(16px);
}

.final-cta-section,
.cta {
  position: relative;
  min-height: 78svh;
  display: grid;
  align-items: center;
  overflow: hidden;
  margin: 0;
  padding-block: clamp(5rem, 12vh, 9rem);
  background:
    linear-gradient(180deg, rgba(8, 22, 13, .34), rgba(8, 22, 13, .92)),
    url("../assets/img/FUMIGATION.jpeg") center / cover;
  color: var(--ivory, var(--white));
  text-align: center;
}

.page-team .cta {
  background:
    linear-gradient(180deg, rgba(8, 22, 13, .28), rgba(8, 22, 13, .92)),
    url("../assets/img/TEAMPHOTO.jpeg") center / cover;
}

.page-products .final-cta-section {
  background:
    linear-gradient(180deg, rgba(8, 22, 13, .22), rgba(8, 22, 13, .9)),
    url("../assets/img/BAGSOFGINGER2.jpeg") center / cover;
}

.page-partnerships .final-cta-section {
  background:
    linear-gradient(120deg, rgba(8, 22, 13, .9), rgba(8, 22, 13, .42)),
    url("../assets/img/BEHINDETHESCENE2.jpeg") center / cover;
}

.page-academy .final-cta-section {
  background:
    linear-gradient(90deg, rgba(8, 22, 13, .88), rgba(8, 22, 13, .48)),
    url("../assets/img/BAGSOFGINGER.jpeg") center / cover;
}

.page-insights .final-cta-section {
  background:
    linear-gradient(180deg, rgba(8, 22, 13, .36), rgba(8, 22, 13, .92)),
    url("../assets/img/field.jpg") center / cover;
}

.final-cta-section::before,
.cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(70% 70% at 50% 20%, rgba(249, 160, 27, .16), transparent 62%),
    linear-gradient(90deg, rgba(8, 22, 13, .54), transparent 45%, rgba(8, 22, 13, .54));
  pointer-events: none;
}

.final-cta-section > .container,
.cta .cta-banner {
  position: relative;
  z-index: 1;
  width: min(960px, 92vw);
  margin-inline: auto;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.final-cta-section h2,
.cta h2 {
  max-width: 900px;
  margin-inline: auto;
  color: var(--ivory, var(--white));
  font-family: var(--serif), "Fraunces", serif;
  font-size: var(--fs-h1);
  line-height: 1;
  letter-spacing: -.035em;
}

.final-cta-section p,
.cta .cta-sub {
  max-width: 58ch;
  margin: 1rem auto 0;
  color: rgba(248, 245, 238, .72);
  font-size: clamp(1rem, .92rem + .3vw, 1.14rem);
}

.cta-button-group,
.cta-actions {
  justify-content: center;
}

.site-footer {
  position: relative;
  overflow: hidden;
  background: var(--char-900, var(--charcoal));
  color: var(--ivory, var(--white));
  padding-top: clamp(3.5rem, 3rem + 4vw, 6.5rem);
}

.site-footer::after {
  content: "Ades Farms";
  display: block;
  font-family: var(--serif), "Fraunces", serif;
  font-size: clamp(3.5rem, 1rem + 16vw, 19rem);
  font-weight: 300;
  line-height: .78;
  letter-spacing: -.05em;
  color: rgba(248, 245, 238, .055);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  padding-bottom: clamp(.5rem, 1.5vw, 1.5rem);
  user-select: none;
}

.site-footer .footer-grid {
  width: 100%;
  max-width: var(--max, 1680px);
  margin-inline: auto;
  padding-inline: var(--gut, clamp(1rem, 2vw, 2rem));
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: clamp(1rem, .5rem + 1.6vw, 2.5rem);
  row-gap: clamp(2rem, 1.5rem + 2.5vw, 3.5rem);
  padding-bottom: clamp(2.5rem, 2rem + 3vw, 4.5rem);
}

.site-footer .footer-brand {
  grid-column: 1 / 5;
  display: grid;
  gap: 1.4rem;
  align-content: start;
}

.site-footer .footer-brand p,
.site-footer .footer-newsletter p,
.site-footer .footer-contact {
  color: rgba(248, 245, 238, .58);
  font-size: var(--fs-sm, .92rem);
  line-height: 1.7;
}

.site-footer .footer-col {
  grid-column: span 2;
  display: grid;
  gap: .95rem;
  align-content: start;
}

.site-footer .footer-newsletter {
  grid-column: 10 / 13;
  display: grid;
  gap: 1rem;
  align-content: start;
}

.site-footer .footer-col h3,
.site-footer .footer-newsletter h3 {
  font-family: var(--mono), "JetBrains Mono", monospace;
  font-size: var(--fs-mono, .72rem);
  letter-spacing: .2em;
  text-transform: uppercase;
  color: rgba(248, 245, 238, .42);
  font-weight: 500;
}

.site-footer .footer-col a {
  color: rgba(248, 245, 238, .74);
  font-size: var(--fs-sm, .92rem);
}

.site-footer .footer-col a:hover {
  color: var(--gold-400, var(--gold-soft));
}

.site-footer .footer-bottom {
  border-top: 1px solid rgba(248, 245, 238, .14);
  padding-block: clamp(1.25rem, 2vw, 1.75rem);
}

.site-footer .footer-bottom-inner {
  width: 100%;
  max-width: var(--max, 1680px);
  margin-inline: auto;
  padding-inline: var(--gut, clamp(1rem, 2vw, 2rem));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.site-footer .footer-bottom p,
.site-footer .footer-legal a {
  font-family: var(--mono), "JetBrains Mono", monospace;
  font-size: var(--fs-mono, .72rem);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(248, 245, 238, .44);
}

.site-footer .footer-legal {
  display: flex;
  gap: clamp(1rem, 2vw, 2rem);
  flex-wrap: wrap;
}

@media (max-width: 1024px) {
  .hero-insights .hero-grid {
    grid-template-columns: 1fr;
    align-items: end;
  }

  .hero-glass-rail,
  .hero-featured-card {
    max-width: 560px;
  }

  .site-footer .footer-brand,
  .site-footer .footer-newsletter {
    grid-column: 1 / 13;
  }

  .site-footer .footer-col {
    grid-column: span 4;
  }
}

@media (max-width: 640px) {
  .team-hero,
  .hero-products,
  .hero-partnerships,
  .hero-academy,
  .hero-insights {
    min-height: 92svh;
    align-items: center;
  }

  .team-hero .hero-content,
  .hero-products .hero-content,
  .hero-partnerships .hero-content,
  .hero-academy .hero-content,
  .hero-insights .hero-grid {
    padding-block: 7.5rem 5rem;
  }

  .team-hero .hero-cta,
  .hero-products .hero-cta,
  .hero-partnerships .hero-cta,
  .hero-academy .hero-cta,
  .cta-actions,
  .cta-button-group {
    flex-direction: column;
    align-items: stretch;
  }

  .team-hero .btn-magnetic-wrapper,
  .hero-products .btn-magnetic-wrapper,
  .hero-partnerships .btn-magnetic-wrapper,
  .hero-academy .btn-magnetic-wrapper,
  .cta-actions .btn-magnetic-wrapper,
  .cta-button-group .btn-magnetic-wrapper {
    width: 100%;
  }

  .team-hero .btn,
  .hero-products .btn,
  .hero-partnerships .btn,
  .hero-academy .btn,
  .cta-actions .btn,
  .cta-button-group .btn {
    width: 100%;
    justify-content: center;
    white-space: normal;
    text-align: center;
  }

  .hero-glass-rail,
  .hero-featured-card {
    display: none;
  }

  .final-cta-section,
  .cta {
    min-height: auto;
    padding-block: clamp(4.5rem, 22vw, 7rem);
  }

  .site-footer .footer-grid {
    grid-template-columns: 1fr;
  }

  .site-footer .footer-brand,
  .site-footer .footer-col,
  .site-footer .footer-newsletter {
    grid-column: 1;
  }

  .site-footer .footer-bottom-inner,
  .site-footer .footer-legal {
    flex-direction: column;
    align-items: flex-start;
  }
}