#team-hero.team-people-hero { display: grid; grid-template-columns: minmax(0, 38fr) minmax(0, 62fr); grid-template-rows: 1fr; align-items: stretch; min-height: 620px; height: min(860px, var(--landing-height, calc(100svh - 80px)), 48vw) !important; padding: 0; background: var(--paper); color: var(--green); }
#team-hero .team-hero-image { position: relative; isolation: isolate; grid-column: 2; grid-row: 1; inset: auto; width: 100% !important; max-width: none !important; height: 100%; min-height: 0; overflow: hidden; aspect-ratio: auto; margin: 0 !important; background: #18382b; }
#team-hero .team-hero-image::before, #team-hero .team-hero-image::after { display: none; }
#team-hero .team-hero-image img { display: block; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none; min-height: 0; margin: 0; object-fit: cover !important; object-position: center 65% !important; transform: none !important; -webkit-mask-image: none; mask-image: none; }
#team-hero .hero-overlay, #team-hero::after { display: none; }
#team-hero .team-hero-copy { position: relative; isolation: isolate; --eyebrow-color: #60734a; grid-column: 1; grid-row: 1; inset: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 0; width: 100%; max-width: none; padding: 64px clamp(28px, 3vw, 56px) 64px var(--page-gutter); background: var(--paper); }
#team-hero .team-hero-copy::before { content: ""; position: absolute; z-index: -1; inset: 0; background: url('/assets/intelligence/forestry/technology-contours.svg') center / auto 110% no-repeat; filter: grayscale(1); opacity: .12; pointer-events: none; }
#team-hero .team-hero-eyebrow { display: flex; align-items: center; gap: var(--eyebrow-gap); margin: 0 0 32px; color: #60734a; font-size: var(--type-micro); font-family: Arial, Helvetica, sans-serif; font-weight: 600; letter-spacing: .24em; text-transform: uppercase; }
#team-hero .team-hero-eyebrow::after { content: ""; width: var(--eyebrow-line-width); height: var(--eyebrow-line-height); background: currentColor; }
#team-hero .team-hero-copy h1 { margin: 0; color: var(--green); font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.75rem, 4.25vw, 4.75rem) !important; font-weight: 400; letter-spacing: -.045em; line-height: 1.08 !important; text-shadow: none; }
#team-hero .team-hero-copy h1 span { color: #60734a; }
#team-hero .team-hero-support { max-width: 34ch; margin: 32px 0 0; padding: 0; border: 0; color: #263a34; font-family: Arial, Helvetica, sans-serif; font-size: var(--type-lead) !important; line-height: 1.5 !important; }
#team-hero .team-hero-cta { display: inline-flex; align-items: center; justify-content: center; gap: 24px; margin-top: 36px; padding: 16px 24px; border-radius: 5px; background: #60734a; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: var(--type-control); line-height: 1.4; text-decoration: none; }
#team-hero .team-hero-cta span { display: inline; width: auto; height: auto; border: 0; border-radius: 0; color: inherit; font-size: 1.25em; }
#team-hero .team-hero-cta:hover { background: #4d603a; }
#team-hero .team-hero-cta:focus-visible { outline: 2px solid var(--green); outline-offset: 5px; }
.team-page :is(#team-forestry, #team-innovation) .forestry-group-photo { aspect-ratio: 16 / 9; object-position: center center; }
.team-page #team-hero + #story { margin-top: clamp(40px, 5vw, 88px); }

@media (max-width: 1200px) {
  #team-hero.team-people-hero { height: auto !important; min-height: 0; grid-template-columns: 1fr; grid-template-rows: auto auto; }
  #team-hero .team-hero-copy { grid-column: 1; grid-row: 1; padding: 48px var(--page-gutter); }
  #team-hero .team-hero-image { grid-column: 1; grid-row: 2; height: auto; aspect-ratio: 3200 / 2477; }
  #team-hero .team-hero-copy h1 { max-width: 11ch; font-size: clamp(2.75rem, 8vw, 3.75rem) !important; }
  #team-hero .team-hero-support { margin-top: 24px; }
  #team-hero .team-hero-eyebrow { margin-bottom: 24px; }
  #team-hero .team-hero-cta { margin-top: 28px; }
}
@media (min-width: 1201px) and (max-height: 640px) {
  #team-hero.team-people-hero { height: auto !important; min-height: 580px; }
}