/* A graphite landscape joins the existing animated mechanical studies. */
.mountain-study {
  position: absolute;
  z-index: 0;
  inset: 8% -5% 2% 0;
  pointer-events: none;
  background: url('/assets/home/landscape/mountain-study.png') right center / cover no-repeat;
  mix-blend-mode: multiply;
  opacity: .67;
  mask-image: linear-gradient(to right, transparent 25%, #000 58%), linear-gradient(to bottom, transparent, #000 18%, #000 76%, transparent 100%);
  mask-composite: intersect;
}
.hero-art { z-index: 1; }
.hero-copy, .hero-bottom, .field-caption { z-index: 2; }
.hero-copy { max-width: 750px; }
.hero h1 { font-size: clamp(52px, 4.7vw, 76px); font-weight: 450; }
.hero-bottom .lede { background: linear-gradient(90deg, var(--paper) 75%, transparent); }
.field-caption { color: #655f52; }
@media(min-width:1600px) { .hero-copy { max-width: 860px; } }
@media(max-width:1100px) and (min-width:761px) {
  .mountain-study { inset: 19% -18% 5% -5%; opacity: .58; }
  .hero h1 { font-size: 56px; }
}
@media(max-width:760px) {
  .mountain-study {
    inset: 290px -16% auto -20%; height: 470px;
    background-position: 78% center;
    opacity: .52;
    mask-image: linear-gradient(to bottom, transparent, #000 20%, #000 72%, transparent);
    mask-composite: add;
  }
  .hero h1 { font-size: 36px; }
  .hero-copy { max-width: 100%; }
}
@media(max-width:380px) { .hero h1 { font-size: 30px; } }
@media print { .mountain-study { display: none; } }

/* An unlabelled pencil iris replaces the progress rule. */
.field-caption::before,.field-caption::after { display: none; }
.field-caption { top: 490px; bottom: auto; left: max(48px,calc((100vw - 1440px)/2)); right: auto; width: 170px; text-align: left; gap: 12px; }
.symbol-study svg { display: block; width: 170px; height: 94px; overflow: visible; fill: none; stroke: #606458; stroke-width: .85; stroke-linecap: round; stroke-linejoin: round; }
.symbol-guides { opacity: .16; stroke-width: .55; }
.symbol-center { fill: #7e7460; stroke: none; }
.iris-blade { fill: #e2dfd2; fill-opacity: .35; stroke-width: .65; }
@media(max-width:1100px) and (min-width:761px) { .field-caption { top: 440px; } }
@media(max-width:760px) {
 .symbol-studies { display: none; }
 .hero-stage { height: max(1120px,100svh); }
 .hero { height: calc(max(1120px,100svh) + 70svh); }
 .field-caption { top: 800px; left: 24px; right: auto; width: 170px; bottom: auto; }
}
@media(prefers-reduced-motion:reduce) { .hero { height: auto; } }
@media print { .symbol-studies { display: none; } .hero-stage { height: auto; } }

/* Match the biography to the page's standard body typography. */
.about-section .reading-column {
  font-family: inherit;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: normal;
  color: #62665b;
}
.about-section .reading-column p { margin-bottom: 24px; }