/* Page-by-page refinement: Home and Approach only. Shared/mobile styles stay intact. */
@media (min-width: 761px) {
  .home-refined .home-scene {
    position: relative;
    top: auto;
    min-height: 0;
    padding-block: clamp(34px, 3.4vw, 48px);
    gap: clamp(30px, 3.6vw, 52px);
    grid-template-columns: 1.12fr 1fr;
  }
  .home-refined .intro { max-width: 490px; }
  .home-refined .artwork { aspect-ratio: 1.35; }
  .home-refined .story-controls { margin-top: 12px; }
  .home-refined .story-caption { min-height: 42px; margin-top: 10px; }
  .home-refined .home-thesis { padding-block: 30px 44px; gap: 52px; }
  .approach-refined .page-heading { min-height: 210px; padding-block: 38px; }
  .approach-refined .page-body { padding-top: 30px; }
}
@media (min-width: 1600px) {
  .home-refined .shell, .approach-refined .shell { max-width: 1480px; }
  .home-refined .artwork { aspect-ratio: 1.5; }
}
/* No viewport-height spacer or pinned scene: the artwork responds to normal scrolling. */
.home-refined .home-story { min-height: 0; }
.approach-refined .section-nav { padding-bottom: 16px; margin-bottom: 26px; }
.approach-layers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.approach-layer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 30px;
}
.approach-layer.capital { background: var(--wash); }
.approach-layer h2 { font-size: 29px; line-height: 1.25; letter-spacing: -.025em; margin-bottom: 16px; }
.approach-layer > p { font-size: 15px; line-height: 1.75; color: var(--muted); margin-bottom: 20px; }
.approach-layer .text-link { margin-top: auto; }
.approach-framework {
  display: grid;
  grid-template-columns: minmax(0, .65fr) minmax(0, 1.35fr);
  gap: clamp(30px, 4vw, 62px);
  padding-top: 44px;
  margin-top: 44px;
  border-top: 1px solid var(--line);
}
.approach-section-heading h2 { font-size: 32px; line-height: 1.2; letter-spacing: -.03em; }
.approach-section-heading p { margin-top: 17px; color: var(--muted); font-size: 15px; line-height: 1.75; max-width: 330px; }
.approach-section-heading .text-link { margin-top: 16px; }
.evidence-list { border-top: 1px solid var(--line); }
.evidence-item { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: 22px; padding-block: 22px; border-bottom: 1px solid var(--line); }
.evidence-item h3 { font: 400 21px/1.35 var(--serif); letter-spacing: -.018em; }
.evidence-item p { font-size: 15px; line-height: 1.65; }
.evidence-item .evidence-example { font-size: 13px; line-height: 1.7; color: var(--muted); margin-top: 9px; }
.approach-refined .depth-section { padding-top: 40px; margin-top: 40px; }
.approach-refined .section-intro { gap: 48px; margin-bottom: 26px; }
.approach-refined .process-list { gap: 26px; }
.approach-refined .process-list h3 { font-size: 17px; }
.approach-refined .process-list li::before { background: var(--wash); border-color: var(--line); color: var(--accent); }
.approach-refined .reading-detail > summary { padding-block: 18px; }
.approach-refined .reading-detail .detail-body { max-width: 770px; }
.approach-refined .next-step { align-items: center; }
.approach-refined .next-step p { color: var(--ink); }
.approach-refined [id] { scroll-margin-top: calc(var(--header) + 20px); }
@media (min-width: 761px) and (max-width: 1000px) {
  .home-refined .home-scene { gap: 30px; }
  .home-refined .artwork { aspect-ratio: 1.1; }
  .approach-framework { grid-template-columns: 1fr 1.65fr; gap: 30px; }
  .evidence-item { grid-template-columns: 1fr; gap: 8px; }
}
@media (max-width: 760px) {
  .approach-layers { grid-template-columns: 1fr; gap: 16px; }
  .approach-layer { padding: 25px; }
  .approach-layer h2 { font-size: 27px; }
  .approach-framework { grid-template-columns: 1fr; gap: 25px; padding-top: 32px; margin-top: 32px; }
  .approach-section-heading h2 { font-size: 28px; }
  .approach-section-heading p { max-width: 550px; margin-top: 14px; }
  .evidence-item { grid-template-columns: 1fr; gap: 10px; padding-block: 21px; }
  .evidence-item h3 { font-size: 23px; }
  .approach-refined .depth-section { padding-top: 32px; margin-top: 32px; }
  .approach-refined .section-intro { gap: 14px; margin-bottom: 24px; }
  .approach-refined .next-step { align-items: flex-start; }
}
@media print {
  .approach-layers, .approach-framework { break-inside: avoid; }
  .home-refined .home-scene { position: static; min-height: 0; }
}