/* Authored paper illustrations replace repeated decorative photographs. No photo pixels are altered. */
.cinema-card-art{position:absolute;inset:0;display:block;background:#eee1ba;color:#254c43;overflow:hidden}
.cinema-card-art:before{content:'';position:absolute;inset:12px;border:1px solid #315c4545;z-index:1;pointer-events:none}
.cinema-card-art svg{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}
.cinema-card-title{position:absolute;left:8%;right:12%;top:25%;font:500 clamp(25px,3.5vw,48px)/1.02 var(--serif,Georgia,serif);letter-spacing:-.035em;transform:rotate(-4deg)}
.cinema-card-stamp{position:absolute;bottom:7%;right:6%;font-size:8px;letter-spacing:.17em;color:#f8f0d7;border:1px solid #f8f0d77d;padding:8px 10px;transform:rotate(-4deg)}
.film-side .film-poster:has(.cinema-card-art):after{background:none}
.film-side .film-poster:has(.cinema-card-art) .film-play{left:73%;top:53%;background:#fff9e8d9}
.travel-note{position:relative;min-height:215px;padding:20px 17px 18px;background:#e8eddf;color:#315a4c;border:1px solid #c5d1b9;text-align:left;overflow:hidden}
.travel-note .travel-note-label{display:block;font-size:8px;letter-spacing:.18em;line-height:1.4}
.travel-note svg{display:block;width:100%;height:76px;margin:4px 0 -6px}
.travel-note strong{display:block;font:500 31px/1.1 var(--serif,Georgia,serif);letter-spacing:-.04em}
.travel-note-place{display:block;font-size:7px;letter-spacing:.14em;margin-top:8px}
.travel-note-rule{display:block;border-top:1px dashed #81997a;margin:15px 0 12px}
.travel-note-message{display:block;font:500 25px/1.05 Camp Notes,cursive;color:#8a5b3c}
/* Keep the decorative sun inside the heading on the narrowest phones. */
@media(max-width:360px){.album-intro .drawn-sun{right:0;top:-34px}}
@media(max-width:700px){.cinema-card-title{font-size:clamp(25px,7vw,40px)}.cinema-card-stamp{font-size:7px}.travel-note{min-height:180px;padding:16px 15px}.travel-note svg{height:60px}.travel-note strong{font-size:27px}.travel-note-message{font-size:23px}}