@font-face{font-family:Fieldnotes;src:url(./assets/fonts/caveat-variable.ttf) format("truetype");font-style:normal;font-weight:400 700;font-display:swap}
/* Small editorial notes within the existing photographic compositions. */
.editorial-quote{margin:0;max-width:400px;color:var(--accent);pointer-events:auto;user-select:text}
.editorial-quote blockquote{margin:0;font:400 22px/1.12 Fieldnotes,cursive;text-wrap:pretty}
.editorial-quote .quote-source{margin:10px 0 0;font:500 9px/1.5 var(--sans);letter-spacing:.05em}
.quote-source a{text-decoration:none}
.quote-source a:hover{text-decoration:underline}
.quote-source span{opacity:.65;font-weight:400}
.quote-standards{position:absolute;left:0;bottom:calc(100% + 23px);width:100%;max-width:390px}
.quote-persistence{position:absolute;left:7%;bottom:55px;width:39%;max-width:330px;color:var(--wine)}
.quote-last-card{position:absolute;left:8%;top:75%;width:27%;max-width:300px;transform:rotate(-2deg);color:#d5c7b4}
@media(max-width:1050px){.quote-persistence{left:0;bottom:20px;width:40%}}
@media(max-width:700px){
 .editorial-quote blockquote{font-size:19px;line-height:1.15}
 .editorial-quote .quote-source{font-size:8px;margin-top:8px}
 .quote-persistence{width:44%;bottom:14px}
 .quote-standards{max-width:290px;bottom:calc(100% + 22px)}
 .quote-last-card{left:8%;top:auto;bottom:5%;width:84%;max-width:300px}
}
/* In the non-pinned layout, keep each note and caption in normal flow. */
body:not(.scroll-motion) .moment-image:has(.quote-standards){margin-top:140px}