/* Homepage hero: "Grounded in fieldwork. Elevated by technology." (Oct 3, 2026)
   Restores the Sept 14 tagline as the hero heading (set in the hero's Lora face), adds the
   Fieldwork / Technology doors, and turns the dark band into "Tools for the field".
   Revert: backups/2026-10-03-before-tagline-hero/index.html (and remove this stylesheet link). */

:root{--ttb-feather-yellow:#f5c400;--ttb-forest:#1f3a2c;--ttb-green:#315b46}

/* ---------- Tagline ---------- */
main .hero-home h1.hero-tagline{font-size:clamp(38px,3.7vw,56px);line-height:1.08!important;max-width:640px;margin:0 0 20px;color:#1c3c2c;text-wrap:initial}
.hero-home .hero-tagline .slogan-line{display:block;white-space:nowrap}
.hero-home .hero-tagline .slogan-line + .slogan-line{margin-top:.06em}
main .hero-home h1.hero-tagline .slogan-fieldwork,
main .hero-home h1.hero-tagline .slogan-technology{display:inline;font-family:Lora,Georgia,serif!important;font-style:italic;font-weight:500!important;font-size:1em;letter-spacing:-.03em}
main .hero-home h1.hero-tagline .slogan-fieldwork,
main .hero-home h1.hero-tagline .slogan-fieldwork span{color:#356b4b}
/* "technology." uses the logo feather's yellow as a highlighter stroke, so the word stays readable on the light hero. */
main .hero-home h1.hero-tagline .slogan-technology{position:relative;color:var(--ttb-forest);padding:0 .06em;
  background:linear-gradient(transparent 58%,var(--ttb-feather-yellow) 58%,var(--ttb-feather-yellow) 92%,transparent 92%);
  -webkit-box-decoration-break:clone;box-decoration-break:clone}
main .hero-home h1.hero-tagline .slogan-technology span{color:var(--ttb-forest)}
/* Alternative kept for comparison: the word itself in feather yellow (class on <html>: tagline-yellow-text). */
.tagline-yellow-text main .hero-home h1.hero-tagline .slogan-technology{background:none;padding:0}
.tagline-yellow-text main .hero-home h1.hero-tagline .slogan-technology,
.tagline-yellow-text main .hero-home h1.hero-tagline .slogan-technology span{color:var(--ttb-feather-yellow);text-shadow:0 1px 0 rgba(31,58,44,.35)}

.hero-home .hero-season{margin:10px 0 0;font-size:.95em;color:#50645a}
.hero-home .hero-season strong{color:var(--ttb-forest)}
.hero-home .hero-service-actions{margin-top:26px}
.hero-home .hero-book{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.hero-home .hero-book svg{flex:none}

/* ---------- Note under the permit badge ---------- */
.bird-photo-frame .photo-specialist-note{position:absolute;top:70px;right:22px;z-index:2;max-width:calc(100% - 44px);padding:6px 11px;border-radius:999px;
  background:rgba(10,26,18,.42);border:1px solid rgba(255,255,255,.28);color:#fffdf0;font:600 12px/1.25 Archivo,Arial,sans-serif;letter-spacing:.01em;text-decoration:none;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .2s ease,opacity .2s ease,background .2s ease}
.bird-photo-frame .photo-specialist-note:hover,.bird-photo-frame .photo-specialist-note:focus-visible{background:rgba(10,26,18,.72);text-decoration:underline;text-underline-offset:3px}
/* When the permit details open, the note slides below them instead of being covered. */
.permit-badge:hover ~ .photo-specialist-note,.permit-badge:focus-visible ~ .photo-specialist-note,.permit-badge.is-open ~ .photo-specialist-note,.permit-badge[aria-expanded="true"] ~ .photo-specialist-note{transform:translateY(100px)}

/* ---------- Fieldwork / Technology doors ---------- */
.home-doors{padding:6px 0 60px}
.home-doors-grid{display:grid!important;width:100%!important;margin-inline:0!important;padding-inline:0!important;max-width:none!important;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.home-door{display:flex;flex-direction:column;gap:12px;padding:30px 32px 28px;border-radius:20px;position:relative;overflow:hidden}
.home-door--field{background:#fff;color:var(--ttb-forest);box-shadow:0 12px 34px rgba(22,24,26,.09);border:1px solid #e6e9e0}
.home-door--tech{background:radial-gradient(120% 140% at 100% 0%,#2c5240 0%,var(--ttb-forest) 55%,#173026 100%);color:#fff;box-shadow:0 14px 36px rgba(22,24,26,.18)}
.home-door--field::after,.home-door--tech::after{content:"";position:absolute;inset:auto -40px -60px auto;width:220px;height:220px;border-radius:50%;pointer-events:none}
.home-door--field::after{background:radial-gradient(circle,rgba(53,107,75,.07),transparent 70%)}
.home-door--tech::after{background:radial-gradient(circle,rgba(245,196,0,.14),transparent 70%)}
.home-door-head{display:flex;align-items:center;gap:14px}
.home-door-icon{width:58px;height:58px;border-radius:16px;object-fit:cover;flex:none;box-shadow:0 4px 12px rgba(22,24,26,.12)}
.home-door-icon--app{display:inline-grid;place-items:center;background:#fff}
.home-door-icon--app img{width:46px;height:46px;border-radius:10px}
.home-door-kicker{font:700 12.5px/1.3 Archivo,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8a6410}
.home-door--tech .home-door-kicker{color:var(--ttb-feather-yellow)}
main .home-door .home-door-title{margin:4px 0 0;font-size:clamp(26px,2.3vw,32px)!important;line-height:1.15;color:inherit}
.home-door-text{margin:0;font:16px/1.55 Archivo,Arial,sans-serif;opacity:.9;max-width:48ch}
.home-door-chips{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.home-door-chips a{display:inline-flex;align-items:center;min-height:34px;padding:6px 13px;border-radius:999px;font:600 13.5px/1.2 Archivo,Arial,sans-serif;text-decoration:none}
.home-door--field .home-door-chips a{background:#eef4ee;color:var(--ttb-green);border:1px solid #d9e6da}
.home-door--field .home-door-chips a:hover{background:#e1ece2}
.home-door--tech .home-door-chips a{background:rgba(255,255,255,.08);color:#e9f1ea;border:1px solid rgba(255,255,255,.2)}
.home-door--tech .home-door-chips a:hover{background:rgba(255,255,255,.16)}
.home-door-actions{margin-top:auto;padding-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;position:relative;z-index:1}
.home-door-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 20px;border-radius:12px;font:700 15px/1.2 Archivo,Arial,sans-serif;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.home-door-btn:hover{transform:translateY(-1px)}
.home-door-btn--field{background:var(--ttb-green);color:#fff;box-shadow:0 3px 0 #1f3a2c}
.home-door-btn--tech{background:var(--ttb-feather-yellow);color:#16181a;box-shadow:0 3px 0 #b48f00}
.home-door-btn--tech .dashboard-login-icon{background:#fff;border-radius:6px;padding:2px;width:24px;height:24px}
.home-door-more{font:700 14.5px/1.2 Archivo,Arial,sans-serif;color:#e9f1ea;text-decoration:none}
.home-door-more:hover{text-decoration:underline;text-underline-offset:3px}
.home-door a:focus-visible{outline:3px solid #d4a846;outline-offset:3px}

/* ---------- Dark band: "Tools for the field." ---------- */
.home-slogan-strip .hero-slogan .slogan-technology,
.home-slogan-strip .hero-slogan .slogan-technology span{color:var(--ttb-feather-yellow)}
.home-slogan-strip .slogan-tools-link + .slogan-tools-link{margin-left:14px}

/* ---------- Phones ---------- */
@media (max-width:700px){
  main .hero-home h1.hero-tagline{font-size:clamp(29px,8.4vw,40px);padding-top:18px!important;padding-bottom:4px!important}
  .bird-photo-frame .photo-specialist-note{top:62px;right:14px;max-width:calc(100% - 28px);font-size:11.5px}
  .permit-badge:hover ~ .photo-specialist-note,.permit-badge:focus-visible ~ .photo-specialist-note,.permit-badge.is-open ~ .photo-specialist-note,.permit-badge[aria-expanded="true"] ~ .photo-specialist-note{transform:none;opacity:0;pointer-events:none}
  .home-doors{padding:0 0 40px}
  .home-doors-grid{grid-template-columns:1fr;gap:14px}
  .home-door{padding:24px 20px 22px}
  .home-door-btn{width:100%;justify-content:center}
}
@media (max-width:360px){main .hero-home h1.hero-tagline{font-size:27px}}
@media (prefers-reduced-motion:reduce){.home-door-btn,.photo-specialist-note{transition:none}.home-door-btn:hover{transform:none}}
.hero-home .hero-firm-line{margin:14px 0 0;font:15px/1.4 Archivo,Arial,sans-serif;color:#50645a}
.hero-home .hero-firm-line a{font-weight:700;color:var(--ttb-green);text-decoration:underline;text-decoration-color:var(--ttb-feather-yellow);text-decoration-thickness:2px;text-underline-offset:4px}
.hero-home .hero-firm-line a:hover{text-decoration-color:var(--ttb-green)}
/* The highlighter sweeps in after the letters finish, instead of showing before them. */
main .hero-home h1.hero-tagline .slogan-technology{background-repeat:no-repeat;background-size:100% 100%}
main .hero-home h1.hero-tagline.slogan-entering .slogan-technology{animation:ttb-highlight-sweep .4s ease-out .8s both}
@keyframes ttb-highlight-sweep{from{background-size:0% 100%}to{background-size:100% 100%}}
@media (prefers-reduced-motion:reduce){main .hero-home h1.hero-tagline.slogan-entering .slogan-technology{animation:none}}

/* ---------- Round 5: compact doors (icon | text | button), bigger Book a call ---------- */
.home-door{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:20px 24px;border-radius:18px}
.home-door-head{display:block}
.home-door-icon{width:52px;height:52px;border-radius:14px}
.home-door-icon--app img{width:40px;height:40px}
.home-door-body{display:grid;gap:3px;min-width:0}
.home-door-kicker{font-size:11.5px}
main .home-door .home-door-title{margin:0;font-size:clamp(22px,1.9vw,26px)!important;line-height:1.15}
.home-door-line{margin:0;font:15px/1.45 Archivo,Arial,sans-serif;opacity:.85}
.home-door-actions{margin:0;padding:0;display:block}
.home-door-btn{min-height:44px;padding:10px 16px;white-space:nowrap}
.home-door--field::after,.home-door--tech::after{width:160px;height:160px;inset:auto -50px -80px auto}
.hero-home .hero-book{font-size:16.5px!important;font-weight:700}
.hero-home .hero-book span{font-size:inherit}
@media (max-width:1100px){
  .home-door{grid-template-columns:auto 1fr}
  .home-door-actions{grid-column:1 / -1}
}
@media (max-width:700px){
  .home-door{padding:18px 18px;gap:14px}
  .home-door-btn{width:100%;justify-content:center}
}
/* Button sits under the text so titles stay on one line. */
.home-door{grid-template-columns:auto 1fr;align-items:start;row-gap:12px}
.home-door-actions{grid-column:2}
main .home-door .home-door-title{white-space:nowrap}
@media (max-width:700px){.home-door-actions{grid-column:1 / -1} main .home-door .home-door-title{white-space:normal}}
/* Tighter gap between the doors and "Surveys, assessments & reports" (this stylesheet loads on the homepage only). */
.home-doors{padding-bottom:24px}
#services.focus-services{padding-top:40px}
@media (max-width:700px){.home-doors{padding-bottom:16px}#services.focus-services{padding-top:28px}}

/* 2026-10-04: five services + "something else" tile, Texas band */
.focus-service-grid.focus-four.focus-five{grid-template-columns:repeat(3,minmax(0,1fr))}
.focus-card-cta{background:#1f3a2c;border-color:#1f3a2c;color:#fff;justify-content:center}
.focus-card-cta .focus-cta-inner{padding:27px}
.focus-card-cta .focus-card-kicker{color:#f5c400}
.focus-card-cta h3{color:#fff}
.focus-card-cta .focus-card-purpose{color:#d6e2d9}
.focus-cta-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:22px}
.focus-cta-book{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;background:#f5c400;color:#1c2b22;font-weight:700;font-size:15px;text-decoration:none}
.focus-cta-book:hover{background:#ffd52e}
.focus-cta-firms{color:#fff;font-size:14px;font-weight:600;text-underline-offset:4px}
.focus-cta-firms span{color:#f5c400}
.home-texas-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;margin:22px 0 0;padding:16px 22px;border:1px solid #ede2af;border-radius:14px;background:#fffaf0;font-size:15px;line-height:1.55;color:#344c3e}
.home-texas-band strong{color:#203e31}
.home-texas-band a{font-weight:600;color:#315b46;text-underline-offset:4px}
.home-texas-band a span{color:#8b7014}
@media(max-width:1060px){.focus-service-grid.focus-four.focus-five{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.focus-service-grid.focus-four.focus-five{grid-template-columns:1fr}.home-texas-band{padding:16px 18px}}
.focus-card-cta a.focus-cta-firms,.focus-card-cta a.focus-cta-firms:hover,.focus-card-cta a.focus-cta-firms:focus-visible{color:#fff}
.focus-card-cta a.focus-cta-firms:hover{color:#f5c400;text-decoration-color:#f5c400}
.focus-card-cta a.focus-cta-book:hover,.focus-card-cta a.focus-cta-book:focus-visible{color:#1c2b22}
/* 3D "bump" buttons to match Book a call */
.home-door-btn,.focus-card-cta a.focus-cta-book{border:1px solid var(--bump-edge);border-top-color:#ffffff55;transform:translateY(0);transition:transform .15s ease,box-shadow .15s ease}
.home-door-btn--field,.home-door-btn--field:hover,.home-door-btn--field:focus-visible{--bump-edge:#193c2a;color:#fff;background:linear-gradient(180deg,#47745a,#315b46);box-shadow:inset 0 1px 0 #ffffff45,0 5px 0 #193c2a,0 9px 15px #18332626}
.home-door-btn--tech,.home-door-btn--tech:hover,.home-door-btn--tech:focus-visible,.focus-card-cta a.focus-cta-book,.focus-card-cta a.focus-cta-book:hover{--bump-edge:#9a7a00;color:#16181a;background:linear-gradient(180deg,#ffd84a,#f5c400);box-shadow:inset 0 1px 0 #ffffff80,0 5px 0 #9a7a00,0 9px 15px #18332626}
.home-door-btn--field:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff55,0 7px 0 #193c2a,0 12px 18px #18332630}
.home-door-btn--tech:hover,.focus-card-cta a.focus-cta-book:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff80,0 7px 0 #9a7a00,0 12px 18px #18332630}
.home-door-btn--field:active{transform:translateY(4px);box-shadow:inset 0 1px 3px #0003,0 1px 0 #193c2a,0 3px 6px #18332626}
.home-door-btn--tech:active,.focus-card-cta a.focus-cta-book:active{transform:translateY(4px);box-shadow:inset 0 1px 3px #0003,0 1px 0 #9a7a00,0 3px 6px #18332626}
.home-door-btn{margin-bottom:5px}
@media (prefers-reduced-motion:reduce){.home-door-btn:hover,.home-door-btn:active,.focus-card-cta a.focus-cta-book:hover,.focus-card-cta a.focus-cta-book:active{transform:none}}
/* match photo corners to the cards */
.hero-bird .bird-photo-frame,.hero-bird .bird-photo-frame>img,.hero-bird .bird-photo-frame::before,.hero-bird .bird-photo-frame::after{border-radius:18px}
/* tighter spacing: services -> testimonials -> Elizabeth */
#services.focus-services{padding-bottom:36px}
.tm-compact{padding-top:40px;padding-bottom:28px}
section[aria-labelledby="home-biologist-heading"]{padding-top:40px}

/* "Something else?" Book a call: same shape as Open the Tool Dashboard */
.focus-card-cta a.focus-cta-book{gap:10px;min-height:48px;padding:12px 20px;border-radius:12px;font:700 15px/1.2 Archivo,Arial,sans-serif}
.focus-card-cta a.focus-cta-book svg{width:20px;height:20px;flex:none}
/* 2026-10-04 round 20: one button system (matches hero "Book a call"), subhead links, card tops without price */
.home-door-btn,.focus-card-cta a.focus-cta-book{min-height:50px;padding:13px 20px;border-radius:7px;font:600 16px/1.2 Archivo,Arial,sans-serif;gap:10px}
.home-door-btn svg,.focus-card-cta a.focus-cta-book svg{width:19px;height:19px;flex:none}
.home-door-btn--tech .dashboard-login-icon{width:24px;height:24px}
.hero-home .hero-subhead a.hero-subhead-link{font-weight:700;color:var(--ttb-green);text-decoration:underline;text-decoration-color:var(--ttb-feather-yellow);text-decoration-thickness:2px;text-underline-offset:4px}
.hero-home .hero-subhead a.hero-subhead-link:hover{text-decoration-color:var(--ttb-green)}
.focus-card-top{justify-content:flex-start}
@media (max-width:700px){.home-door-btn{min-height:54px;font-size:16.5px}}
@media (max-width:650px){
  .bird-photo-frame .photo-specialist-note{top:20px;right:60px;max-width:calc(100% - 88px);font-size:11px;padding:6px 10px;white-space:nowrap}
}
@media (max-width:370px){.bird-photo-frame .photo-specialist-note{font-size:10px;padding:6px 8px}}

/* "Something else?" audience line replaces the repeated consulting-firms link */
.focus-card-cta .focus-cta-who{margin:14px 0 0;font:700 12px/1.4 Archivo,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#f5c400}
.focus-card-cta .focus-cta-who span{color:#8fb39c;margin:0 4px}
.focus-card-cta .focus-cta-who{font-size:11px;letter-spacing:.08em;white-space:nowrap}.focus-card-cta .focus-cta-who span{margin:0 2px}
@media(max-width:380px){.focus-card-cta .focus-cta-who{white-space:normal}}
/* Oct 4: four service cards + "Something else?" tile spanning two columns */
.focus-service-grid.focus-five .focus-card-cta{grid-column:span 2}
@media(max-width:780px){.focus-service-grid.focus-five .focus-card-cta{grid-column:auto}}
/* Oct 4: tighter service cards */
#services .focus-card.is-enhanced .focus-card-front,#services .focus-card.is-enhanced .focus-card-back{min-height:0}
#services .focus-card-front,#services .focus-card-back{padding:20px 22px 14px}
#services .focus-card-top{margin-bottom:12px}
#services .focus-icon{width:54px;height:54px;border-radius:14px}
#services .focus-icon img{width:100%;height:100%;object-fit:cover;border-radius:13px}
#services .focus-card-kicker{margin-bottom:6px}
#services .focus-card h3{font-size:clamp(20px,1.75vw,24px);line-height:1.18}
#services .focus-loc{margin-top:8px}
#services .focus-card-purpose{margin-top:10px;font-size:14.5px;line-height:1.55;max-width:none}
#services .ttb-card-tool{margin-top:10px;padding-top:8px;gap:4px}
#services .focus-card-actions{padding:6px 14px;min-height:0}
#services .focus-card-actions .flip-button{width:34px;height:34px;min-height:34px}
#services .focus-card-back ul{margin-top:12px}
#services .focus-card-back li+li{margin-top:6px}
#services .focus-cta-inner{padding:24px 28px}
/* rounded portrait to match the rest of the page */
.person .portrait-selected{border-radius:18px}