.canvas-scale-link { display: inline-block; margin: 0 0 1.5rem; color: var(--ink-dim); font-size: .8rem; text-decoration: underline; text-underline-offset: .3em; }
.canvas-scale { display: grid; grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); gap: clamp(2rem,5vw,5rem); align-items: center; padding-block: 1rem 5rem; scroll-margin-top: 7rem; }
.canvas-scale-copy h2 { font: 500 clamp(2.6rem,4.5vw,4.4rem)/1.03 var(--font-display); margin: .8rem 0 1.4rem; letter-spacing: -.02em; }
.canvas-scale-copy > p:not(.eyebrow) { max-width: 32ch; color: var(--ink-dim); font-size: .96rem; }
.canvas-scale-copy strong { color: var(--ink); font-weight: 500; }
.canvas-scale-figure { margin: 0; min-width: 0; }
.canvas-scale-figure img { display: block; width: 100%; height: auto; }
.canvas-scale-figure figcaption { margin-top: .9rem; color: var(--ink-dim); font-size: .75rem; line-height: 1.65; max-width: 70ch; }
.canvas-scale-figure figcaption a { display: inline-block; margin-top: .4rem; text-decoration: underline; text-underline-offset: .25em; }
@media (max-width: 879px) { .canvas-scale { grid-template-columns: minmax(0,1fr); gap: 1.4rem; padding-block: 0 3.5rem; } .canvas-scale-copy h2 { font-size: clamp(2.5rem,10vw,4rem); } .canvas-scale-copy > p:not(.eyebrow) { max-width: 44ch; } .canvas-scale-figure { max-width: 720px; width: 100%; margin-inline: auto; } }