/* Editorial: a magazine spread. Moss band, oversized names, asymmetric grid. */
.welcome { padding: 0; max-width: none; }
.welcome .masthead { background: var(--color-band); color: var(--color-on-band); padding: max(1rem, env(safe-area-inset-top)) var(--page-pad) 7.5rem; }
.welcome .lang-bar { justify-content: flex-end; }
.welcome .identity .eyebrow, .welcome .identity .tagline { color: var(--color-on-band-muted); }
.names { line-height: 0.92; margin-top: 1.5rem; }
.names span { display: block; }
.names .amp { font-style: italic; font-weight: 400; font-size: 0.6em; color: var(--color-camera-accent); margin-left: 0.5em; line-height: 1; }
.names .name-b { margin-left: 0.35em; }
.welcome .cover { margin: -6rem var(--page-pad) 2rem 22%; position: relative; }
.welcome .cover img { aspect-ratio: 4 / 5; }
.welcome .body { padding-inline: var(--page-pad); max-width: var(--measure); margin-inline: auto; }
.photo-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); grid-auto-flow: dense; gap: var(--photo-gap); padding-inline: var(--page-pad); align-items: start; }
.photo-grid > li { grid-column: span 3; }
.photo-grid > li[data-orientation="landscape"] { grid-column: span 6; }
.photo-grid > li:nth-child(4n + 3):not([data-orientation="landscape"]) { margin-top: 2.5rem; }
.photo-card figcaption { font-size: 0.75rem; padding-top: 0.375rem; }
.gallery-head { background: var(--color-band); color: var(--color-on-band); padding-block: 1.25rem; margin-bottom: 1.25rem; }
.gallery-head .muted, .gallery-head .text-button { color: var(--color-on-band-muted); }
.ks-cover { background: var(--color-band); color: var(--color-on-band); padding: 0 var(--page-pad) 3rem; }
.ks-cover .eyebrow { color: var(--color-on-band-muted); }
.ks-cover figure { margin: 0.5rem 0 2.5rem 14%; }
.ks-intro p::first-letter { font-family: var(--font-display); font-size: 3.4em; float: left; line-height: 0.85; padding: 0.08em 0.1em 0 0; color: var(--color-accent); }