/* Authentic archive photographs, in the existing Rebel Romeo editorial style. */
.canvas-story-jump { display: block; width: fit-content; margin: 1rem 0 0; font-size: .82rem; color: var(--ink); text-decoration: underline; text-decoration-color: var(--blood-bright); text-underline-offset: .3em; }
#canvas-title { scroll-margin-top: 7rem; }
.canvas-story { border-top: 1px solid var(--line); padding-block: clamp(3rem,7vw,6rem); margin-bottom: clamp(2rem,5vw,5rem); scroll-margin-top: 6rem; }
.canvas-story figure { margin: 0; min-width: 0; }
.canvas-story-heading { display: grid; grid-template-columns: 1.2fr 1fr; align-items: end; gap: clamp(2rem,5vw,5rem); margin-bottom: 2.6rem; }
.canvas-story h2 { font: 500 clamp(2.7rem,5.6vw,5.4rem)/1.03 var(--font-display); letter-spacing: -.025em; }
.canvas-story h3 { font: 500 clamp(2.3rem,3.8vw,3.7rem)/1.08 var(--font-display); letter-spacing: -.02em; }
.canvas-story-lead { color: var(--ink-dim); max-width: 42ch; margin: 0 0 .2rem; }
.canvas-story img { width: 100%; height: auto; }
.canvas-story figure > a { display: block; }
.canvas-story figcaption { font-size: .76rem; line-height: 1.65; color: var(--ink-dim); margin-top: .8rem; }
.canvas-street-scene figcaption > span { color: var(--ink); }
.canvas-story-origins { display: grid; grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr); gap: clamp(2.5rem,7vw,7rem); align-items: center; margin-block: clamp(3.5rem,8vw,7rem); }
.canvas-original-post { max-width: 360px; justify-self: center; width: 100%; }
.canvas-original-post figcaption { color: var(--ink); }
.canvas-original-post figcaption span { color: var(--ink-dim); }
.canvas-story-prose > p:not(.eyebrow), .canvas-public-heading > p:not(.eyebrow), .canvas-story-home p { color: var(--ink-dim); max-width: 58ch; font-size: .96rem; }
.canvas-story-prose blockquote { margin: 1.7rem 0 0; padding-left: 1.4rem; border-left: 2px solid var(--blood-bright); font: 1.15rem/1.55 var(--font-type); }
.canvas-public-heading { max-width: 760px; margin-bottom: 2.2rem; }
.canvas-public-heading > p:not(.eyebrow) { max-width: 66ch; }
.canvas-public-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(1.25rem,2.6vw,2.5rem); align-items: start; }
.canvas-public-gallery figure:nth-child(2) { margin-top: 3rem; }
.canvas-public-gallery figure:nth-child(3) { margin-top: 6rem; }
.canvas-public-gallery figcaption { display: flex; gap: .9rem; padding-top: .7rem; border-top: 1px solid var(--line); }
.canvas-photo-year { color: var(--rose); font: 1.1rem/1.5 var(--font-type); padding-top: .1rem; }
.canvas-public-gallery strong { font-weight: 500; color: var(--ink); overflow-wrap: anywhere; }
.canvas-archive-note { font-size: .73rem; color: var(--ink-faint); margin: 1.5rem 0 0; }
.canvas-story-home { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem,6vw,6rem); border-top: 1px solid var(--line); padding-top: clamp(2.5rem,5vw,5rem); margin-top: clamp(3rem,6vw,6rem); }
.canvas-story-home p:first-child { margin-top: 0; }
.canvas-story-home .btn { margin-top: .8rem; min-height: 48px; }
.canvas-story-home .canvas-story-price { font-size: .76rem; }
@media (max-width: 999px) {
  .canvas-public-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .canvas-public-gallery figure:nth-child(n) { margin-top: 0; }
  .canvas-public-gallery figure:last-child { grid-column: 2; }
}
@media (max-width: 799px) {
  .canvas-story-heading, .canvas-story-home { grid-template-columns: minmax(0,1fr); gap: 1.5rem; }
  .canvas-story-lead { max-width: 55ch; }
  .canvas-story-origins { grid-template-columns: minmax(0,1fr); gap: 2rem; }
  .canvas-story-prose { grid-row: 1; }
  .canvas-original-post { justify-self: start; max-width: 320px; }
}
@media (max-width: 639px) {
  .canvas-public-gallery { grid-template-columns: minmax(0,1fr); gap: 2.5rem; }
  .canvas-public-gallery figure:last-child { grid-column: auto; }
  .canvas-story h2 { font-size: clamp(2.5rem,10.6vw,4rem); }
  .canvas-story-home .btn { font-size: .72rem; width: 100%; justify-content: space-between; }
}