/* components/media.css — global. Photographs with quiet captions. */
.media{position:relative}
.media-frame{position:relative;overflow:hidden;background:var(--linen);aspect-ratio:4/3}
.media-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s ease}
.media figcaption{margin-top:14px;font-family:var(--serif);font-style:italic;font-size:1rem;color:var(--muted)}
.media--tall .media-frame{aspect-ratio:4/5}
.media--wide .media-frame{aspect-ratio:16/9}

/* Full-bleed photograph with a pull quote */
.photo-band{position:relative;display:flex;align-items:flex-end;min-height:clamp(420px,78vh,760px);overflow:hidden;background:var(--indigo);color:#fff}
.photo-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.photo-band::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(15,24,40,.05) 30%,rgba(15,24,40,.72))}
.photo-band .wrap{position:relative;z-index:2;padding-bottom:clamp(48px,7vw,96px)}
.photo-band blockquote{max-width:22ch;font-family:var(--serif);font-size:clamp(2rem,4.2vw,3.6rem);font-weight:300;line-height:1.12;letter-spacing:-.015em}
.photo-band cite{display:block;margin-top:20px;font-family:var(--sans);font-size:var(--t-small);font-style:normal;letter-spacing:.02em;color:var(--accent-light)}