/* Homepage only: scale content regions together while retaining full-width backgrounds. */
body.people{
  --people-content-cap:clamp(1140px,80vw,1600px);
  --people-edge:max(24px,calc((100vw - var(--people-content-cap))/2));
}
.people>.site-header{padding-inline:var(--people-edge)}
.people main>section:not(.people-hero){padding-inline:var(--people-edge)}
.people main>section>*{min-width:0}
.people .pathways-intro,
.people .pathways-section .pathways,
.people .package-selection>.section-heading,
.people .package-selection-grid,
.people .package-finder-link,
.people .how-it-works>.section-heading,
.people .how-it-works .steps,
.people .people-live-profiles{max-width:none}
.people .people-live-profiles{width:100%}
.people .people-footer .footer-wrap{width:min(calc(100% - 48px),var(--people-content-cap))}

/* Let content determine row heights; fixed desktop heights clipped zoomed-in CTAs. */
.people .people-hero{background:#171A1A;height:auto;min-height:clamp(500px,68svh,560px);overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr))}
.people .people-hero .hero-copy{min-width:0;padding:36px clamp(24px,3vw,48px) 36px var(--people-edge)}
.people .people-hero .hero-image{background:#171A1A;height:auto;min-height:100%;max-height:none;position:relative;overflow:hidden}
.people .people-hero .hero-image img{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover}
/* Introduction only: full-height photo at the section edge, with one left fade. */
.people #introduction{background:#171A1A;height:auto;min-height:0;overflow:visible;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0;padding:0}
.people #introduction .intro-copy{min-width:0;padding:clamp(44px,4vw,64px) clamp(28px,4vw,64px) clamp(44px,4vw,64px) var(--people-edge)}
.people #introduction .eyebrow{margin-bottom:10px}
.people #introduction h2{margin-bottom:24px}
.people #introduction .intro-description{font-size:clamp(20px,1.55vw,22px);font-weight:600;line-height:1.65;margin-bottom:28px}
.people #introduction .offer-points{font-size:1rem;line-height:1.8;gap:14px 22px;margin-bottom:28px}
.people #introduction #intro-conversation-note{font-size:1rem;font-weight:400;line-height:1.7;margin-bottom:28px}
.people #introduction .intro-photo{width:100%;height:auto;min-height:100%;margin:0;aspect-ratio:auto;position:relative;align-self:stretch;overflow:hidden;border:0;border-radius:0;box-shadow:none}
.people #introduction .intro-photo img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center top;border-radius:0;filter:none;mask-image:none}
.people #introduction .intro-photo::before{content:"";position:absolute;z-index:2;inset:0 auto 0 0;width:18%;pointer-events:none;background:linear-gradient(to right,#171A1A 0%,rgba(23,26,26,.7) 30%,rgba(23,26,26,.25) 65%,rgba(23,26,26,0) 100%)}
.people #introduction .intro-photo::after{content:none;display:none;background:none}
.people .client-app-section{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.people .client-app-image img{max-width:100%}
.people .package-selection-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.people .public-package-card{height:auto;min-height:0}
.people .public-package-card>h3{min-height:2.1em}
.people .how-it-works .steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.people .people-contact{background:#171A1A;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,64px)}
.people .people-contact .form-grid>*{min-width:0}

@media(max-width:1100px){
  .people .how-it-works .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  .people .people-hero{grid-template-columns:minmax(0,1fr);min-height:0}
  .people .people-hero .hero-copy{padding:34px var(--people-edge) 26px}
  .people .people-hero .hero-image{height:clamp(270px,72vw,320px);min-height:0}
  .people .client-app-section,.people .people-contact{background:#171A1A;grid-template-columns:minmax(0,1fr)}
  .people #introduction{grid-template-columns:minmax(0,1fr)}
  .people #introduction .intro-photo{width:100%;height:auto;min-height:0;aspect-ratio:3/4;margin:0}
  .people #introduction .intro-photo::before{width:12%}
  .people #introduction .intro-copy{padding:40px var(--people-edge) 44px}
  .people #introduction .intro-description{font-size:19px}
  .people #introduction .offer-points{gap:12px 20px}
}
@media(max-width:560px){
  body.people{--people-edge:20px}
  .people .how-it-works .steps{grid-template-columns:minmax(0,1fr)}
  .people .public-package-card>h3{min-height:0}
  .people .people-footer .footer-wrap{width:calc(100% - 40px)}
}

/* The homepage service introduction and approved static question preview. */
.people .people-help-section{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start;padding-block:clamp(36px,4vw,56px)}
.people-help-copy>h2{font:800 clamp(2rem,3vw,2.65rem)/1.1 var(--display);letter-spacing:-.02em;max-width:580px;margin:0 0 18px}
.people-help-copy>.eyebrow{color:#45615c;margin-bottom:12px}
.people-help-intro{font-size:1.05rem;line-height:1.7;max-width:62ch;margin:0 0 26px;color:#424b47}
.homepage-question{background:#fff;border:1px solid var(--line);border-top:4px solid #00DFF0;border-radius:12px;padding:clamp(22px,2.5vw,32px);min-width:0}
.homepage-question>.eyebrow{color:#45615c;font-size:.75rem;margin-bottom:18px}
.homepage-question h3{font:700 clamp(1.6rem,2.2vw,2rem)/1.15 var(--display);letter-spacing:-.01em;margin:0 0 16px}
.homepage-question h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.homepage-question-answer{font-size:1rem;line-height:1.75;color:#424b47;margin-bottom:0}
.people .homepage-question .question-author{margin-block:24px}
.homepage-question-links{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.homepage-question-next{font:600 .875rem/1.5 var(--body);color:#17201f;background:transparent;border:1px solid #53615b;border-radius:6px;padding:8px 12px;cursor:pointer}
.homepage-question-next:hover{background:#00DFF0;border-color:#00DFF0}
.homepage-question a:focus-visible,.homepage-question-next:focus-visible{outline:3px solid #007d86;outline-offset:4px}
@media(max-width:1000px){
 .people .people-help-section{grid-template-columns:minmax(0,1fr)}
 .homepage-question{max-width:740px;width:100%}
 }

/* Approved introduction copy; retain a compact, readable measure beside the question. */
.people-help-copy>p:not(.eyebrow){font-size:1rem;line-height:1.7;color:#424b47;margin:0 0 18px;max-width:62ch}
.people-help-copy>.people-help-intro{font-size:1.05rem}
.people-help-outcomes{padding-left:22px;margin:0 0 22px;max-width:62ch}
.people-help-outcomes li{padding-left:4px;margin-bottom:10px;font-size:1rem;line-height:1.65;color:#424b47}
.people-help-outcomes li::marker{color:#007d86}
.people-help-copy>.people-help-reassurance{color:#17201f;margin-bottom:0}
/* Crop the existing wide artwork to the phone; do not alter the source asset. */
.people #client-app .client-app-image{display:block;width:min(300px,78%);aspect-ratio:640/1091;margin:16px auto;overflow:hidden;border-radius:15% / 9%;transform:rotate(-4deg);filter:drop-shadow(0 16px 18px rgba(16,21,21,.22))}
.people #client-app .client-app-image img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;border-radius:0}
@media(max-width:800px){
 .people #client-app .client-app-image{width:min(260px,78%);transform:rotate(-3deg);margin-block:20px}
}

/* People hero service line; retain the existing eyebrow spacing and natural wrapping. */
.people .people-hero .hero-copy .people-hero-services{color:#00DFF0;text-transform:uppercase;text-decoration:none;line-height:1.65;letter-spacing:.08em;max-width:100%}

/* Homepage profiles: genuine portraits first, with short supporting feedback. */
.people .home-team-profiles{align-items:stretch;gap:clamp(28px,4vw,56px)}
.people .home-team-profiles .people-live-profile{display:flex;flex-direction:column;min-width:0}
.people .home-team-profiles .profile-image{aspect-ratio:3/2;position:relative;border:0;border-radius:10px;overflow:hidden;margin-bottom:22px}
.people .home-team-profiles .home-profile-tim img{object-position:center 52%}
.people .home-team-profiles .home-profile-alex img{object-position:center 10%}
.people .home-team-profiles .role{margin-bottom:12px}
.people .home-team-profiles blockquote{margin:12px 0 20px;padding:16px 18px;border-left:3px solid #00DFF0;font-size:.95rem;line-height:1.65;flex:1}
.people .home-team-profiles blockquote p{margin-bottom:10px}
.people .home-team-profiles blockquote cite{display:block;font-size:.85rem;line-height:1.5;font-style:normal}
.people .home-team-profiles .home-profile-link{align-self:flex-start;margin-top:auto}
.home-team-profiles a:focus-visible{outline:3px solid #007d86;outline-offset:4px}
/* Keep homepage cards coherent while retaining the existing offer renderer. */
.people #public-package-cards{align-items:stretch;gap:20px}
.people #public-package-cards .public-package-card{display:flex;flex-direction:column;--card-accent:#00DFF0;padding:24px;border-top-color:var(--card-accent);height:auto;min-height:0}
.people #public-package-cards h3{font-size:1.65rem;line-height:1.15;min-height:2.3em;margin-bottom:18px;overflow-wrap:anywhere}
.people #public-package-cards .home-package-description{font-size:.95rem;line-height:1.65;margin:0 0 18px;overflow-wrap:anywhere}
.people #public-package-cards [data-home-package-summary]{font-size:.95rem;line-height:1.65;width:100%;margin-bottom:24px}
.people #public-package-cards .button{align-self:stretch;width:100%;min-height:48px;padding:11px 16px;justify-content:space-between;line-height:1.5;white-space:normal;font-size:.95rem;border-radius:999px;color:#101515;background:var(--card-accent);border:1px solid var(--card-accent)}
.people #public-package-cards .button:hover{filter:brightness(.98)}
.people #public-package-cards .button:focus-visible{outline:3px solid #007d86;outline-offset:4px}
@media(max-width:800px){
 .people .home-team-profiles .role{min-height:0}
 .people #public-package-cards h3{min-height:0}
}

.people #public-package-cards [data-home-package-code="look"]{--card-accent:#FF007F}
.people #public-package-cards [data-home-package-code="think"]{--card-accent:#7CFF00}
.people #public-package-cards .button span{color:inherit;opacity:1}
.people .home-team-profiles .profile-image::before{content:"";position:absolute;inset:0 0 auto;height:6px;z-index:1;background:linear-gradient(to right,#FF007F 0 33.333%,#7CFF00 33.333% 66.667%,#00DFF0 66.667% 100%)}

@media(max-width:480px){.people #introduction .offer-points{grid-template-columns:minmax(0,1fr)}}

.people .people-hero .hero-image::before{background:linear-gradient(to right,#171A1A 0%,rgba(23,26,26,.82) 30%,rgba(23,26,26,.42) 63%,rgba(23,26,26,0) 100%)}
