.join-page {
  --join-ink:#142b37;
  --join-dark:#142f35;
  --join-paper:#f8f6ef;
  --join-line:#c6cbc1;
  --join-pad:clamp(24px,6.5vw,108px);
  --service-ink:var(--join-dark);
  --service-line:var(--join-line);
}
.join-page #main {color:var(--join-ink);background:var(--join-paper)}
.join-hero {display:grid;grid-template-columns:minmax(0, .95fr) minmax(0,1.05fr);min-height:clamp(465px,39vw,665px);background:var(--join-dark);color:#fffaf0}
.join-hero-copy {align-self:center;padding:clamp(54px,6vw,95px) clamp(25px,4.3vw,74px) clamp(54px,6vw,95px) var(--join-pad)}
.join-eyebrow {font-size:clamp(11px,.91vw,14px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#d4ddd4}
.join-hero h1 {font-size:clamp(68px,7.5vw,124px);line-height:.94;letter-spacing:-.048em;margin:.28em 0 .25em;color:#fffaf0}
.join-hero h1 em {display:block;font-weight:400;color:#e1d6b9}
.join-intro {max-width:36ch;color:#f2f1e9;font-size:clamp(16px,1.2vw,20px);line-height:1.62}
.join-page .join-primary {display:inline-flex;justify-content:space-between;gap:28px;margin-top:30px;background:#f3eeda;color:#183239;border:1px solid #f3eeda}
.join-page .join-primary:hover {background:#fffaf0;color:#183239}
.join-hero-photo {margin:0;min-width:0;min-height:100%;position:relative;overflow:hidden}
.join-hero-photo figcaption {position:absolute;bottom:16px;left:16px;padding:.4rem .7rem;color:white;background:#12292ff2;font-size:.8rem;letter-spacing:.02em}
.join-hero-photo img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:42% center}
.join-section,.join-work {padding:clamp(54px,6vw,95px) var(--join-pad)}
.join-page #main h2 {font-size:clamp(38px,4vw,68px);line-height:1.05;letter-spacing:-.038em}
.join-section-intro h2 {max-width:17ch}
.join-section-intro > p {font-size:clamp(16px,1.2vw,20px);max-width:46ch;line-height:1.65;margin-top:18px}
.join-section-intro > .textlink {display:inline-flex;margin-top:20px}
.join-paths,.join-team,.join-contact {display:grid;grid-template-columns:minmax(0,.77fr) minmax(0,1.23fr);gap:clamp(35px,7.5vw,128px);align-items:start}
.join-path-list details,.join-question {border-top:1px solid #abb7b0}
.join-path-list details:last-child,.join-question:last-child {border-bottom:1px solid #abb7b0}
.join-path-list summary,.join-question summary {cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:54px}
.join-path-list summary::-webkit-details-marker,.join-question summary::-webkit-details-marker {display:none}
.join-path-list summary::after,.join-question summary::after {content:'+';font:400 22px/1 Manrope,Arial,sans-serif;flex:none}
.join-path-list details[open] > summary::after,.join-question[open] > summary::after {content:'−'}
.join-path-list summary {padding:20px 0;font:400 clamp(23px,2.35vw,38px)/1.15 Display,Georgia,serif}
.join-path-list details > div {padding:0 30px 23px 0;max-width:60ch}
.join-path-list p,.join-question p {line-height:1.7}
.join-path-list .textlink {display:inline-flex;margin-top:14px}
.join-work {background:#e7e9df}
.join-work .join-section-intro {display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:end}
.join-work .join-section-intro > p {max-width:42ch;justify-self:end;margin:0}
.join-work-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,4.2vw,66px);margin-top:38px}
.join-work-grid article {border-top:2px solid #82968a;padding-top:22px}
.join-work-grid h3 {font-size:clamp(26px,2.25vw,39px);line-height:1.15;margin-bottom:12px}
.join-work-grid p,.join-person-note {line-height:1.64}
.join-team {background:#fcfaf5}
.join-team-grid {display:grid;gap:0}
.join-person {display:grid;grid-template-columns:clamp(70px,6.2vw,100px) 1fr auto;align-items:center;gap:clamp(14px,2vw,32px);padding:16px 0;border-top:1px solid var(--join-line)}
.join-person:last-child {border-bottom:1px solid var(--join-line)}
.join-person img {width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center 32%}
.join-person h3 {font-size:clamp(23px,2.05vw,34px);line-height:1.12}
.join-role {font-size:.88rem;font-weight:700;margin-top:4px}
.join-person-note {font-size:.92rem;margin-top:2px;color:#4b5e63}
.join-profile-arrow,.join-offices i {font-family:Manrope,Arial,sans-serif;font-style:normal;font-size:20px}
.join-person:hover h3,.join-offices a:hover strong {text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.join-offices {display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:clamp(18px,4vw,64px);align-items:center;padding:clamp(30px,3.7vw,60px) var(--join-pad);background:var(--join-dark);color:#fffaf0}
.join-page #main .join-offices h2 {font-size:clamp(31px,3vw,52px)}
.join-offices a {display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 6px;border-left:1px solid #6b827e;padding-left:clamp(16px,2vw,32px)}
.join-offices a strong {font:400 clamp(22px,2vw,34px)/1.3 Display,Georgia,serif}
.join-offices a span {grid-row:2;color:#d3dcd4;font-size:.9rem}
.join-offices i {grid-column:2;grid-row:1/3}
.join-contact {grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.join-question {margin-top:22px}
.join-question + .join-question {margin-top:0}
.join-question summary {font-size:.96rem;font-weight:700;line-height:1.45;padding:12px 0}
.join-question p {font-size:.95rem;padding:0 0 18px}
.join-inquiry {scroll-margin-top:24px;min-width:0;padding:clamp(21px,3.1vw,48px);background:#fffdfa;border:1px solid var(--join-line)}
.join-page #main .join-inquiry h2 {font-size:clamp(34px,3.1vw,52px)}
.join-inquiry .service-fields {margin-top:22px}
.join-inquiry [hidden] {display:none!important}
.join-inquiry input:focus-visible,.join-inquiry textarea:focus-visible {outline:2px solid #486b74;outline-offset:2px}
@media (max-width:880px){
  .join-hero {grid-template-columns:1.05fr .95fr}
  .join-hero-copy {padding-right:24px}
  .join-paths,.join-team,.join-contact {grid-template-columns:1fr;gap:28px}
  .join-section-intro h2 {max-width:25ch}
  .join-team-grid {grid-template-columns:1fr 1fr;column-gap:26px}
  .join-person {grid-template-columns:65px 1fr;gap:12px}
  .join-person:last-child {border-bottom:0}
  .join-profile-arrow {display:none}
}
@media (max-width:650px){
  .join-hero {grid-template-columns:1fr}
  .join-hero-copy {padding:45px var(--join-pad) 34px}
  .join-hero h1 {font-size:clamp(54px,12.6vw,78px);line-height:1.02;margin:.25em 0 .2em}
  .join-hero h1 em {display:inline}
  .join-hero-photo {min-height:0;aspect-ratio:1.9}
  .join-work .join-section-intro,.join-work-grid,.join-team-grid,.join-offices {grid-template-columns:1fr}
  .join-work .join-section-intro {gap:15px}
  .join-work .join-section-intro > p {justify-self:start}
  .join-work-grid {margin-top:25px}
  .join-work-grid article {padding-top:15px}
  .join-person {grid-template-columns:74px 1fr auto}
  .join-profile-arrow {display:block}
  .join-offices a {border-left:0;border-top:1px solid #6b827e;padding:16px 0 0}
  .join-offices {gap:16px}
  .join-path-list summary {padding-block:17px}
}