:root{
  --sage:#b8c5bf;
  --gold:#c9aa65;
  --silver:#d8d9d6;
  --paper:#efeee9;
  --smoke:#171917;
}

.grey-hero{
  min-height:760px;
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(440px,1.14fr);
  border-bottom:1px solid var(--line);
  background:#0a0b0a;
}
.grey-hero-copy{align-self:center;padding:7rem 4.5vw 6rem 5vw}
.grey-hero h1,.grey-copy h2,.grey-route h2,.grey-route h3{
  margin:0;
  font-family:"Italiana","Baskerville","Songti SC",serif;
  font-weight:400;
  letter-spacing:0;
}
.grey-hero h1{max-width:730px;font-size:clamp(3.55rem,6.6vw,7.35rem);line-height:.9}
.grey-hero h1 em{color:var(--silver);font-weight:400}
.grey-hero-photo{position:relative;min-width:0;min-height:760px;margin:0;overflow:hidden;border-left:1px solid var(--line)}
.grey-hero-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 36%}
.grey-hero-photo figcaption{
  position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:space-between;gap:1rem;
  padding:1rem 1.25rem;background:rgba(10,10,9,.84);color:rgba(241,240,234,.66);
  font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;
}
.grey-hero-photo strong{color:var(--silver);font-weight:500}

.grey-story{display:grid;grid-template-columns:minmax(280px,.66fr) minmax(0,1.34fr);gap:5vw;padding-top:8rem;padding-bottom:8rem}
.grey-copy{position:sticky;top:2rem;align-self:start}
.grey-copy h2{max-width:540px;margin-bottom:2.4rem;font-size:clamp(2.65rem,4.45vw,5rem);line-height:.98}
.grey-copy p{max-width:560px;margin:0 0 1.05rem;color:rgba(241,240,234,.57);font-size:.84rem;line-height:1.82}
.grey-copy p strong{color:rgba(241,240,234,.88);font-weight:500}
.grey-copy .service-meta{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--silver);font-size:.67rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}

.grey-evidence{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-areas:"before side" "note back";
  gap:1rem;
  align-items:start;
}
.grey-photo{min-width:0;margin:0}
.grey-photo--before{grid-area:before}
.grey-photo--side{grid-area:side}
.grey-photo--back{grid-area:back}
.grey-photo img{width:100%;height:auto;aspect-ratio:3/4;display:block;object-fit:cover}
.grey-photo figcaption{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 0 0;color:rgba(241,240,234,.47);font-size:.66rem;line-height:1.45}
.grey-photo figcaption strong{color:var(--silver);font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.grey-proof-note{grid-area:note;min-height:498px;padding:2rem;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end}
.grey-proof-note .section-kicker{margin-bottom:1.5rem}
.grey-proof-note ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.grey-proof-note li{padding:1rem 0;border-bottom:1px solid var(--line);color:rgba(241,240,234,.56);font-size:.78rem;line-height:1.65}

.grey-route{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:7vw;padding:8rem 5vw;background:var(--paper);color:var(--ink);border-bottom:1px solid rgba(10,10,9,.15)}
.grey-route .section-kicker{color:#69756f}
.grey-route h2{max-width:650px;font-size:clamp(2.5rem,4.8vw,5.4rem);line-height:.98}
.grey-route ol{margin:0;padding:0;list-style:none;border-top:1px solid rgba(10,10,9,.2)}
.grey-route li{display:grid;grid-template-columns:3rem 1fr;gap:1.5rem;padding:1.6rem 0;border-bottom:1px solid rgba(10,10,9,.2)}
.grey-route li>span{color:#69756f;font-size:.68rem;letter-spacing:.12em}
.grey-route h3{margin-bottom:.45rem;font-size:1.5rem}
.grey-route p{margin:0;color:rgba(10,10,9,.58);font-size:.84rem;line-height:1.75}

.grey-close{padding:9rem 10vw;background:var(--smoke);text-align:center}
.grey-close .case-result-quote{max-width:1040px;margin:0 auto;color:var(--silver)}
.close-note{max-width:700px;margin:2rem auto 0;color:rgba(241,240,234,.5);font-size:.78rem;line-height:1.75}
.grey-close>a{display:inline-block;margin-top:3rem;padding:.9rem 0;border-bottom:1px solid var(--gold);color:var(--gold);font-size:.68rem;font-weight:500;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}

@media(max-width:900px){
  .grey-hero{grid-template-columns:1fr;min-height:auto}
  .grey-hero-copy{padding:5.5rem 6vw 4rem}
  .grey-hero-photo{min-height:680px;border-left:0;border-top:1px solid var(--line)}
  .grey-story,.grey-route{grid-template-columns:1fr;gap:3.5rem}
  .grey-copy{position:static}
}

@media(max-width:600px){
  .grey-hero-copy{padding:4.5rem 5vw 3.3rem}
  .grey-hero h1{font-size:clamp(3rem,15vw,4.35rem)}
  .grey-hero-photo{min-height:520px}
  .grey-hero-photo figcaption{align-items:flex-start;flex-direction:column;gap:.35rem}
  .grey-story{padding-top:5rem;padding-bottom:5rem}
  .grey-copy h2{font-size:clamp(2.45rem,12vw,3.6rem)}
  .grey-evidence{grid-template-columns:1fr;grid-template-areas:"before" "side" "back" "note";gap:2.4rem}
  .grey-photo figcaption{align-items:flex-start;flex-direction:column;gap:.25rem}
  .grey-proof-note{min-height:auto;padding:1.5rem}
  .grey-route{padding-top:5rem;padding-bottom:5rem}
  .grey-route li{grid-template-columns:2rem 1fr;gap:1rem}
  .grey-close{padding:6rem 5vw}
}

@media(min-width:901px){
  .grey-hero{width:100%;max-width:1320px;min-height:590px;margin-inline:auto}
  .grey-hero-copy{padding:4.75rem 4rem}
  .grey-hero h1{max-width:600px;font-size:clamp(3rem,3.8vw,4.7rem);line-height:.94}
  .grey-hero-photo{min-height:590px;height:590px}
  .grey-story{padding-top:5.5rem;padding-bottom:5.5rem}
  .grey-copy h2{font-size:clamp(2.35rem,3vw,3.65rem)}
  .grey-photo img{aspect-ratio:4/5}
  .grey-proof-note{min-height:420px}
  .grey-route{padding:5.5rem max(3rem,calc((100vw - 1280px)/2));gap:5rem}
  .grey-route h2{font-size:clamp(2.3rem,3.1vw,3.8rem)}
  .grey-close{padding:6.5rem max(3rem,calc((100vw - 1280px)/2))}
}