/* ==========================================================
   Consulting page — the only styles unique to consulting.html.
   Everything else comes from eo-core.css.
   ========================================================== */

/* ---------- hero: the consulting photograph sits lower and warmer
   than the homepage window shot, so it gets its own crop ---------- */
.eo-hero--consult .eo-hero__img{object-position:34% 62%}
@media (max-width:900px){ .eo-hero--consult .eo-hero__img{object-position:44% 60%} }
/* The three authored lines are longer than the homepage's, so this hero gives
   the copy a wider column and a slightly smaller headline — that keeps each
   line unbroken from mobile to full width. */
.eo-hero--consult .eo-hero__grid{
  min-height:clamp(520px,60vh,660px);
  grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);
}
/* the hero runs under the transparent nav, so the top pad only needs to clear
   the nav band — the homepage's larger figure left a white gap here */
.eo-hero--consult .eo-hero__copy{padding-block:clamp(30px,3.4vw,48px) clamp(52px,6vw,84px)}
.eo-hero--consult .eo-hero__copy,
.eo-hero--consult .eo-hero__h1{max-width:820px}
.eo-hero--consult .eo-display.eo-hero__h1{font-size:clamp(31px,4vw,57px)}
.eo-hero--consult .eo-hero__body{max-width:660px}

/* ---------- closing CTA: v1.2 spacing ---------- */
/* the spotlight itself now lives in eo-core.css and applies to every dark
   band; only this page's tighter CTA rhythm stays here */
.eo-cta--consult[data-space="lg"]{padding-block:clamp(56px,6vw,92px)}

/* ---------- areas of work: second hero column, frosted so the list
   stays legible where the photograph is strongest ---------- */
.eo-areas{
  position:relative;z-index:2;align-self:center;margin-top:clamp(28px,4vw,64px);
  display:grid;gap:0;
  padding:clamp(16px,1.6vw,22px) clamp(16px,1.6vw,22px) clamp(8px,1vw,12px);
  border-radius:var(--radius-band);
  background:rgba(255,255,255,.76);
  backdrop-filter:saturate(120%) blur(10px);
  -webkit-backdrop-filter:saturate(120%) blur(10px);
  box-shadow:var(--eo-contact-sh);
  border-top:0;
}
@supports not ((backdrop-filter:blur(4px)) or (-webkit-backdrop-filter:blur(4px))){
  .eo-areas{background:rgba(255,255,255,.94)}
}
.eo-areas__row{
  display:flex;align-items:baseline;justify-content:space-between;gap:18px;
  padding-block:13px;border-bottom:1px solid var(--eo-rule);
}
.eo-areas__row:first-child{border-top:1px solid var(--eo-rule)}
.eo-areas__row:last-child{border-bottom:0}
.eo-areas__k{font:500 11px/1.4 var(--eo-mono);letter-spacing:.16em;text-transform:uppercase;color:#16253a}
.eo-areas__v{font:400 13.5px/1.4 var(--eo-sans);color:#5b6570;text-align:right}

/* ---------- what we advise on: one ruled surface, eleven cells ---------- */
.eo-prac{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;
  background:var(--eo-rule);
  border:1px solid var(--eo-rule);
  border-radius:var(--radius-surface);
  overflow:hidden;
  box-shadow:0 1px 2px rgba(12,23,36,.04),0 22px 48px -34px rgba(12,23,36,.5);
}
.eo-prac__cell{
  display:grid;align-content:start;
  padding:clamp(22px,2.2vw,30px) clamp(20px,2vw,28px);
  background:var(--eo-white);
  transition:background .2s ease;
}
.eo-prac__cell:hover{background:#fbfcfe}
.eo-prac__name{
  font-family:var(--eo-sans);font-weight:500;
  font-size:clamp(17px,1.3vw,19.5px);line-height:1.28;letter-spacing:-.012em;
  color:var(--eo-navy);
}
.eo-prac__tail{
  display:grid;align-content:center;
  padding:clamp(22px,2.2vw,30px) clamp(20px,2vw,28px);
  background:var(--eo-pale-2);
}

@media (max-width:1080px){
  .eo-prac{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  /* the hero collapses to one column here (eo-core.css) — the list follows */
  .eo-areas{margin-top:clamp(26px,4vw,38px);align-self:start}
}
@media (max-width:700px){
  .eo-prac{grid-template-columns:minmax(0,1fr)}
}