.photographic-page { --photo-blue:#152b36; --photo-deep:#0c151a; }
.photographic-intro { display:flex; flex-direction:column; justify-content:center; min-height:calc(80svh - var(--header-space)); padding:10vw 8vw; }
.photographic-intro h1 { font-size:clamp(58px,10vw,160px); margin-bottom:42px; }
.photographic-intro h1 em { color:#a8cbd0; }
.photographic-intro > p:not(.eyebrow) { color:var(--muted); font-size:20px; max-width:510px; }
.photographic-intro .arrow-link { margin-top:28px; }
.photographic-feature { background:var(--photo-blue); display:grid; grid-template-columns:1.15fr .85fr; min-height:calc(100svh - var(--footer-space)); }
.photographic-feature-image { align-items:center; background:var(--photo-deep); display:flex; flex-direction:column; justify-content:center; margin:0; padding:clamp(36px,6vw,110px); }
.photographic-feature-image img { display:block; max-height:calc(100svh - var(--header-space) - var(--footer-space) - 40px); max-width:100%; object-fit:contain; }
.photographic-feature-image figcaption { color:#a8cbd0; margin-top:14px; }
.photographic-feature-image figcaption em,.series-grid figcaption em { color:#dcebed; display:block; font:italic 15px/1.35 "Playfair Display",serif; letter-spacing:0; margin-top:5px; text-transform:none; }
.photographic-feature-copy { align-self:center; padding:clamp(45px,7vw,130px) clamp(28px,6vw,100px); }
.photographic-feature-copy .eyebrow,.photographic-facts dt { color:#b5dce3; }
.photographic-feature h2,.series-gallery h2 { font-size:clamp(45px,6vw,100px); margin-bottom:30px; }
.photographic-lead { font-family:"Playfair Display",serif; font-size:clamp(25px,3vw,42px); line-height:1.15; }
.photographic-facts { border-top:1px solid rgba(242,240,232,.32); margin:48px 0 0; }
.photographic-facts div { border-bottom:1px solid rgba(242,240,232,.32); display:grid; gap:18px; grid-template-columns:130px 1fr; padding:16px 0; }
.photographic-facts dt { font:11px "DM Mono",monospace; letter-spacing:.02em; text-transform:uppercase; }
.photographic-facts dd { color:#e2e8e8; margin:0; }
.photographic-link { border-bottom:1px solid currentColor; }
.photographic-link:hover { color:#fff; }
.series-gallery { background:#101c22; padding:110px 8vw 130px; }
.series-gallery-heading { margin-bottom:65px; }
.series-gallery h2 { margin:0; }
.series-gallery h2 em { color:#a8cbd0; font-family:"Playfair Display",serif; font-weight:500; }
.series-grid { display:grid; gap:clamp(18px,3vw,44px); grid-template-columns:repeat(6,1fr); margin:0 auto; max-width:1240px; }
.series-grid figure { grid-column:span 2; }
.series-grid figure:nth-child(4) { grid-column:2 / span 2; }
.series-grid figure { margin-bottom:0; margin-top:0; }
.series-grid img { display:block; width:100%; }
.series-grid figcaption { color:#a8cbd0; margin-top:12px; }
@media (max-width:760px) {
  .photographic-intro { min-height:72svh; padding:19vw 6vw 14vw; }
  .photographic-intro h1 { font-size:clamp(52px,16vw,88px); }
  .photographic-feature { display:block; }
  .photographic-feature-image { min-height:75svh; padding:45px 9vw; }
  .photographic-feature-image img { max-height:none; width:100%; }
  .photographic-feature-copy { padding:65px 6vw 80px; }
  .series-gallery { padding:75px 6vw 95px; }
  .series-gallery-heading { margin-bottom:42px; }
  .series-grid { grid-template-columns:repeat(2,1fr); }
  .series-grid figure,.series-grid figure:nth-child(4) { grid-column:auto; }
}