/* ============================================================
   careers.css — open roles list + closing CTA tiles
   ============================================================ */

/* PAGE HERO (shared title-page pattern across secondary pages) */
.h-pg-hero{
  width:100%;min-height:60vh;display:grid;
  grid-template-columns:5.2vw 1fr;
  padding-top:48px;background:var(--bg);
  position:relative;overflow:hidden;
}
.h-pg-band{
  height:1px;background:var(--mint);opacity:.55;
  margin-left:5.2vw;margin-right:4vw;
}
.h-pg-hero-body{display:flex;flex-direction:column;padding:5vw 4vw 3vw 4vw;position:relative}
.h-pg-hero-top{
  display:flex;justify-content:space-between;align-items:center;
  gap:2vw;padding-bottom:2vw;
  border-bottom:.5px solid rgba(146,192,171,.12);
}
.h-pg-hero-title{
  font-family:var(--display-heavy);font-weight:800;
  font-size:clamp(2.4rem,6.5vw,6.5rem);
  line-height:.96;letter-spacing:-.025em;
  color:rgba(210,185,140,.94);
  padding:5vw 0 5vw;max-width:18ch;
}
.h-pg-hero-title .lt{font-weight:500;color:rgba(210,185,140,.5);display:block}
.h-pg-hero-title .em{color:var(--mint)}
.h-pg-hero-meta{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  border-top:.5px solid rgba(146,192,171,.12);
  padding-top:2vw;
}
.h-pg-hero-meta > div{
  padding-right:1.5vw;
  border-right:.5px solid rgba(146,192,171,.06);
}
.h-pg-hero-meta > div:last-child{border-right:none}
.h-pg-hero-meta .label{
  font-size:clamp(.45rem,.6vw,.6rem);font-weight:700;
  letter-spacing:.4em;text-transform:uppercase;
  color:var(--mint);opacity:.7;margin-bottom:8px;
}
.h-pg-hero-meta .value{
  font-size:clamp(.55rem,.78vw,.72rem);font-weight:300;
  color:rgba(210,185,140,.7);letter-spacing:.06em;line-height:1.7;
}
.h-pg-hero-meta .value em{
  font-style:italic;font-weight:300;
  color:rgba(146,192,171,.55);
  display:block;margin-top:3px;font-size:.85em;
}

/* SECTION FRAME */
.h-pg-section{
  width:100%;display:flex;background:var(--bg);
  border-top:.5px solid rgba(146,192,171,.06);
}
.h-pg-section-rail{
  width:24%;flex-shrink:0;
  padding:6vw 2vw 6vw 5.2vw;
  border-right:.5px solid rgba(146,192,171,.05);
  display:flex;flex-direction:column;justify-content:space-between;
  gap:3vw;min-height:55vh;
}
.h-pg-section-body{
  flex:1;padding:6vw 6vw 6vw 4vw;
  display:flex;flex-direction:column;
}
.h-pg-section-title{
  font-family:var(--display-heavy);
  font-size:clamp(1.6rem,3.2vw,2.8rem);font-weight:700;
  color:rgba(210,185,140,.92);text-transform:uppercase;
  letter-spacing:.005em;line-height:1.04;margin-bottom:3vw;
}
.h-pg-section-title .accent{color:var(--mint)}
.h-pg-section-title .lt{color:rgba(210,185,140,.45);font-weight:500}

/* TENET CARDS (reusable for benefits/principles) */
.h-pg-tenet-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1.4vw;margin-top:1vw;
}
.h-pg-tenet{
  padding:2.5vw 2vw;
  background:rgba(146,192,171,.10);
  border:.5px solid var(--mint);
  display:flex;flex-direction:column;gap:1vw;
  transition:background .25s,filter .25s;
  cursor:crosshair;min-height:240px;
}
.h-pg-tenet:hover{background:rgba(146,192,171,.16)}
.h-pg-tenet-num{
  font-family:'IBM Plex Mono',monospace;
  font-size:clamp(.42rem,.6vw,.6rem);font-weight:700;
  letter-spacing:.4em;text-transform:uppercase;
  color:var(--mint);opacity:.85;
}
.h-pg-tenet-title{
  font-family:var(--display-heavy);font-weight:700;
  font-size:clamp(1.1rem,1.8vw,1.55rem);
  line-height:1.05;letter-spacing:-.005em;
  color:rgba(210,185,140,.94);text-transform:uppercase;
}
.h-pg-tenet-body{
  font-size:clamp(.5rem,.72vw,.62rem);
  font-weight:300;color:rgba(210,185,140,.65);
  letter-spacing:.04em;line-height:1.85;
}
.h-pg-tenet-body em{font-style:italic;color:var(--mint);opacity:.85}

/* CLOSING CTA TILES */
.h-pg-close{
  width:100%;display:grid;
  grid-template-columns:1fr 1fr;
  border-top:.5px solid rgba(146,192,171,.08);
  background:var(--bg);
}
.h-pg-close-tile{
  position:relative;padding:6vw 4vw;
  display:flex;flex-direction:column;justify-content:space-between;
  gap:3vw;min-height:50vh;
  cursor:crosshair;text-decoration:none;
  transition:background .35s;overflow:hidden;
}
.h-pg-close-tile:first-child{border-right:.5px solid rgba(146,192,171,.06)}
.h-pg-close-tile:hover{background:rgba(146,192,171,.025)}
.h-pg-close-tile .num{
  font-family:'IBM Plex Mono',monospace;
  font-size:clamp(.45rem,.6vw,.6rem);font-weight:700;
  letter-spacing:.4em;text-transform:uppercase;
  color:rgba(146,192,171,.55);
}
.h-pg-close-tile .head{
  font-family:var(--display-heavy);font-weight:800;
  font-size:clamp(2.2rem,4.6vw,4rem);
  line-height:.95;letter-spacing:-.02em;
  color:rgba(210,185,140,.94);text-transform:uppercase;
}
.h-pg-close-tile .head .accent{color:var(--mint)}
.h-pg-close-tile .sub{
  font-size:clamp(.55rem,.78vw,.66rem);
  font-weight:300;font-style:italic;
  color:rgba(210,185,140,.5);
  letter-spacing:.05em;line-height:1.7;max-width:38ch;
}
.h-pg-close-tile .cta{
  display:inline-flex;align-items:center;gap:14px;
  font-size:clamp(.4rem,.55vw,.5rem);font-weight:700;
  letter-spacing:.42em;text-transform:uppercase;
  color:var(--mint);
  padding-top:2vw;transition:transform .25s;
}
.h-pg-close-tile:hover .cta{transform:translateX(8px)}
.h-pg-close-tile .cta::after{content:'';width:24px;height:1px;background:currentColor;position:relative}
.h-pg-close-glyph{
  position:absolute;bottom:0;right:0;
  font-family:var(--display-heavy);font-weight:800;
  font-size:clamp(10rem,18vw,16rem);
  line-height:1;letter-spacing:-.04em;
  color:rgba(146,192,171,.04);
  pointer-events:none;user-select:none;z-index:0;
  text-transform:uppercase;
}
.h-pg-close-tile > *:not(.h-pg-close-glyph){position:relative;z-index:1}

/* CAREERS-SPECIFIC: open roles list */
.h-ca-discipline{margin-bottom:5vw}
.h-ca-discipline:last-child{margin-bottom:0}
.h-ca-discipline-head{
  display:flex;align-items:baseline;gap:1.5vw;
  padding-bottom:1vw;
  border-bottom:.5px solid rgba(146,192,171,.18);
  margin-bottom:1vw;
}
.h-ca-discipline-name{
  font-family:var(--display-heavy);font-weight:700;
  font-size:clamp(1.1rem,1.8vw,1.5rem);
  color:rgba(210,185,140,.92);text-transform:uppercase;
  letter-spacing:.005em;
}
.h-ca-discipline-count{
  font-family:'IBM Plex Mono',monospace;
  font-style:italic;font-weight:300;
  font-size:clamp(.45rem,.6vw,.6rem);
  letter-spacing:.18em;color:rgba(146,192,171,.45);
  text-transform:uppercase;
}
.h-ca-role{
  display:grid;
  grid-template-columns:auto 1fr auto auto;
  gap:1.8vw;align-items:center;
  padding:1.4vw 0;
  border-bottom:.5px solid rgba(146,192,171,.08);
  text-decoration:none;cursor:crosshair;
  color:rgba(146,192,171,.32);
  transition:padding .25s;
}
.h-ca-role:hover{padding-left:1vw}
.h-ca-role:hover .h-ca-role-title{color:var(--mint)}
.h-ca-role:hover .h-ca-role-arrow{background:var(--mint);color:var(--mint);transform:rotate(-45deg) translateX(4px)}
.h-ca-role-num{
  font-family:'IBM Plex Mono',monospace;
  font-size:clamp(.42rem,.55vw,.55rem);
  font-weight:700;letter-spacing:.32em;
  color:rgba(146,192,171,.45);min-width:5ch;
}
.h-ca-role-title{
  font-family:var(--display);font-weight:600;
  font-size:clamp(.7rem,1.05vw,.95rem);
  color:rgba(210,185,140,.86);
  letter-spacing:.005em;
  transition:color .2s;line-height:1.2;
}
.h-ca-role-tags{
  display:flex;gap:1vw;
  font-family:'IBM Plex Mono',monospace;
  font-size:clamp(.34rem,.46vw,.42rem);
  font-weight:300;letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(146,192,171,.4);white-space:nowrap;
}
.h-ca-role-arrow{
  width:14px;height:1px;
  background:rgba(146,192,171,.32);
  color:rgba(146,192,171,.32);
  position:relative;flex-shrink:0;
  transition:background .2s,color .2s,transform .2s;
  transform:rotate(-45deg);transform-origin:center center;
}
.h-ca-role-arrow::after{
  content:'';position:absolute;
  right:0;top:-2px;width:5px;height:5px;
  border-right:1px solid currentColor;border-top:1px solid currentColor;
  transform:rotate(45deg);
}

/* RESPONSIVE */
@media (max-width: 1100px){
  .h-pg-hero-meta{grid-template-columns:repeat(2,1fr);gap:2vw 0}
  .h-pg-tenet-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 760px){
  .h-pg-hero{grid-template-columns:1fr}
  .h-spine{display:none}
  .h-pg-hero-body{padding:5vw}
  .h-pg-hero-top{flex-direction:column;align-items:flex-start;gap:1vw}
  .h-pg-hero-meta{grid-template-columns:1fr}
  .h-pg-hero-meta > div{border-right:none;border-bottom:.5px solid rgba(146,192,171,.06);padding:1.4vw 0}
  .h-margin-credit{display:none}
  .h-pg-section{flex-direction:column}
  .h-pg-section-rail{width:100%;border-right:none;border-bottom:.5px solid rgba(146,192,171,.05);padding:5vw;min-height:auto}
  .h-pg-section-body{padding:5vw}
  .h-pg-tenet{min-height:auto}
  .h-pg-tenet-grid{grid-template-columns:1fr}
  .h-pg-close{grid-template-columns:1fr}
  .h-pg-close-tile:first-child{border-right:none;border-bottom:.5px solid rgba(146,192,171,.06)}
  .h-ca-role{grid-template-columns:auto 1fr auto;gap:1vw}
  .h-ca-role-tags{display:none}
}