.case-hero--photographic{
  min-height:760px;
  grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);
}

.case-hero-photo{
  position:relative;
  min-height:760px;
  margin:0;
  overflow:hidden;
  border-left:1px solid var(--line);
  background:#d9d8d1;
}
.case-hero-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:50% 42%;
}
.photo-label{
  position:absolute;
  z-index:2;
  right:1rem;
  bottom:1rem;
  max-width:calc(100% - 2rem);
  padding:.75rem .85rem;
  background:rgba(10,10,9,.82);
  color:rgba(241,240,234,.78);
  font-size:.64rem;
  line-height:1.55;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.client-index{
  display:inline-flex;
  align-items:center;
  gap:.65rem;
  margin-bottom:1.15rem;
  color:var(--sage);
  font-size:.64rem;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.client-index::before{
  content:"";
  width:2.4rem;
  height:1px;
  background:currentColor;
}

.timeline{
  display:grid;
  grid-template-columns:1.08fr .96fr .96fr;
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
}
.timeline-card{
  position:relative;
  min-width:0;
  margin:0;
  background:var(--ink-soft);
}
.timeline-image{
  position:relative;
  aspect-ratio:3/4;
  overflow:hidden;
  background:#1a1b18;
}
.timeline-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.timeline-card--before .timeline-image img{object-position:50% 52%}
.timeline-card--first .timeline-image img{object-position:50% 42%}
.timeline-card--second .timeline-image img{object-position:50% 38%}
.timeline-copy{padding:1.45rem 1.35rem 1.7rem}
.timeline-number{
  display:block;
  margin-bottom:.7rem;
  color:var(--gold);
  font-size:.6rem;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.timeline-copy h3{
  margin:0 0 .65rem;
  font-family:"Italiana","Baskerville",serif;
  font-size:1.55rem;
  font-weight:400;
}
.timeline-copy p{
  margin:0;
  color:rgba(241,240,234,.52);
  font-size:.76rem;
  line-height:1.7;
}

.visual-reading{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:4.5rem;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.visual-note{padding:2rem 1.8rem;border-right:1px solid var(--line)}
.visual-note:last-child{border-right:0}
.visual-note span{display:block;margin-bottom:2rem;color:var(--sage);font-size:.62rem;letter-spacing:.13em;text-transform:uppercase}
.visual-note p{margin:0;color:rgba(241,240,234,.56);font-size:.82rem;line-height:1.75}

.comparison-stack{display:grid;gap:7rem}
.comparison-story{
  display:grid;
  grid-template-columns:minmax(210px,.44fr) minmax(0,1.56fr);
  gap:4vw;
  align-items:start;
}
.comparison-copy{position:sticky;top:2rem}
.comparison-copy h3{
  margin:0 0 1rem;
  font-family:"Italiana","Baskerville",serif;
  font-size:clamp(2rem,3.6vw,3.8rem);
  font-weight:400;
  line-height:1;
}
.comparison-copy p{margin:0 0 .8rem;color:rgba(10,10,9,.58);font-size:.82rem;line-height:1.75}
.comparison-copy p strong{color:#596861;font-weight:600}
.comparison-copy .service-meta{
  margin-top:1.35rem;
  padding-top:1rem;
  border-top:1px solid rgba(10,10,9,.16);
  color:#596861;
  font-size:.66rem;
  font-weight:600;
  line-height:1.65;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.comparison-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.comparison-photo{position:relative;margin:0;overflow:hidden;background:#dfe2dc}
.comparison-photo img{
  width:100%;
  height:auto;
  aspect-ratio:3/4;
  display:block;
  object-fit:cover;
}
.comparison-story--b .comparison-photo:first-child img{object-position:50% 42%}
.comparison-story--b .comparison-photo:last-child img{object-position:50% 45%}
.comparison-story--c .comparison-photo:first-child img{object-position:50% 45%}
.comparison-story--c .comparison-photo:last-child img{object-position:50% 42%}
.comparison-photo figcaption{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  padding:.9rem .2rem 0;
  color:rgba(10,10,9,.56);
  font-size:.65rem;
  line-height:1.5;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.comparison-photo figcaption strong{color:#64756d;font-weight:600}

.proof-statement{
  max-width:980px;
  margin:0;
  font-family:"Italiana","Baskerville",serif;
  font-size:clamp(2.6rem,5.4vw,6rem);
  font-weight:400;
  line-height:.98;
}
.proof-statement em{color:var(--sage);font-weight:400}
.proof-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:3rem;
  margin-top:5rem;
}
.proof-point{padding-top:1.2rem;border-top:1px solid var(--line)}
.proof-point h3{margin:0 0 .8rem;color:var(--paper);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.proof-point p{margin:0;color:rgba(241,240,234,.5);font-size:.8rem;line-height:1.75}

.pending-panel{
  display:grid;
  grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);
  gap:6vw;
  padding:4rem 5vw;
  border-bottom:1px solid var(--line);
  background:#11120f;
}
.pending-panel h2{margin:0;font-family:"Italiana","Baskerville",serif;font-size:clamp(2rem,3.4vw,3.7rem);font-weight:400}
.pending-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.pending-list li{padding:1rem 0;border-bottom:1px solid var(--line);color:rgba(241,240,234,.58);font-size:.78rem;line-height:1.65}
.pending-list strong{display:inline-block;min-width:7rem;color:var(--gold);font-weight:500}

@media(max-width:900px){
  .case-hero--photographic{grid-template-columns:1fr;min-height:auto}
  .case-hero-photo{min-height:620px;border-left:0;border-top:1px solid var(--line)}
  .timeline{grid-template-columns:1fr 1fr}
  .timeline-card--before{grid-column:1/-1}
  .timeline-card--before .timeline-image{aspect-ratio:4/3}
  .visual-reading{grid-template-columns:1fr}
  .visual-note{border-right:0;border-bottom:1px solid var(--line)}
  .visual-note:last-child{border-bottom:0}
  .comparison-story{grid-template-columns:1fr;gap:2rem}
  .comparison-copy{position:static}
  .proof-grid{grid-template-columns:1fr;gap:2rem}
  .pending-panel{grid-template-columns:1fr;gap:2rem}
}

@media(max-width:600px){
  .case-hero-photo{min-height:520px}
  .timeline{grid-template-columns:1fr}
  .timeline-card--before{grid-column:auto}
  .timeline-card--before .timeline-image,.timeline-image{aspect-ratio:3/4}
  .comparison-stack{gap:5rem}
  .comparison-pair{grid-template-columns:1fr;gap:2.4rem}
  .comparison-photo figcaption{padding-top:.75rem}
  .visual-reading{margin-top:3rem}
  .visual-note{padding:1.6rem 0}
  .pending-panel{padding:3.5rem 5vw}
  .pending-list strong{display:block;margin-bottom:.25rem}
}

@media(min-width:901px){
  .case-hero--photographic{min-height:590px}
  .case-hero-photo{min-height:590px;height:590px}
  .timeline-image{aspect-ratio:4/5}
  .comparison-copy h3{font-size:clamp(2rem,2.6vw,3rem)}
  .proof-statement{max-width:860px;font-size:clamp(2.6rem,3.8vw,4.35rem)}
}