.photo-section{background:#cbe9fa;padding-top:30px}
.photo-section h2{font-size:clamp(36px,4.2vw,58px)}
.scrapbook-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;align-items:center;padding:20px 12px;grid-auto-flow:dense}
.scrapbook-photo{margin:0;padding:12px 12px 20px;background:#fffdfa;box-shadow:0 12px 28px #4b281e20;position:relative;transform:rotate(-4deg);transition:transform .5s}
.scrapbook-photo:before{content:'';position:absolute;top:-12px;left:38%;width:85px;height:26px;background:#bd96795c;transform:rotate(-7deg);z-index:1}
.scrapbook-photo:nth-child(2){transform:rotate(4deg)}
.scrapbook-photo:nth-child(3){transform:rotate(-3deg)}
.scrapbook-photo:hover{transform:rotate(0deg) translateY(-7px)}
.scrapbook-photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center;display:block}
.scrapbook-photo:nth-child(1) img{object-position:45% center}
.scrapbook-photo:nth-child(2) img{object-position:55% center}
.scrapbook-photo figcaption{font:italic 23px Georgia,serif;color:#4b281e;margin-top:19px;text-align:center}
.photo-postscript{font:italic 20px Georgia,serif;text-align:center;color:#4b281e;margin:48px 0 0}
#player-container iframe{height:200px;aspect-ratio:auto;min-width:200px}
#start-music{width:100%;margin-top:12px;padding:14px;font-size:14px}
#start-music[hidden]{display:none}
#music-dialog .player-note{font-size:12px}
#music-dialog .player-status:empty{display:none}
@media(max-width:640px){.scrapbook-grid{grid-template-columns:1fr;gap:45px;max-width:330px;margin:auto;padding:10px 12px}.scrapbook-photo figcaption{font-size:22px}.photo-section{padding-top:0}.photo-postscript{font-size:18px;line-height:1.5}.photo-section h2{font-size:36px}#music-dialog{bottom:75px;max-height:calc(100dvh - 100px);padding:18px;width:min(340px,calc(100% - 32px))}}