.stella-edition .personal-photos{position:absolute;top:13.5%;left:7%;width:86%;height:52%;isolation:isolate}
.stella-edition .personal-photos .personal-photo{position:absolute;display:block;padding:7px 7px 0;background:#fffcf0;box-shadow:2px 4px 6px #4b3b252d;transition:transform .3s,filter .3s;text-align:center;transform:rotate(var(--photo-angle,0deg));z-index:2}
.stella-edition .personal-photos .personal-photo img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center;background:#ddd4bd}
.stella-edition .personal-photos .personal-photo>span{display:block;font:14px/1.3 var(--signature);padding:5px 0 7px;color:#63523b}
.stella-edition .personal-photos .personal-photo:hover,.stella-edition .personal-photos .personal-photo:focus-visible{transform:translateY(-7px) rotate(0deg) scale(1.04);z-index:6;filter:drop-shadow(2px 7px 4px #4b3b2526)}
.personal-photo:before{content:'';position:absolute;left:29%;top:-8px;width:42%;height:18px;background:#c6b7818f;clip-path:polygon(2% 4%,99% 0,96% 100%,1% 95%);transform:rotate(2deg);pointer-events:none}
.stella-edition .personal-photos .photo-bow{top:5%;left:3%;width:42%;--photo-angle:-6deg}
.stella-edition .personal-photos .photo-bow img{object-position:50% 35%}
.stella-edition .personal-photos .photo-concert{top:0;left:56%;width:35%;--photo-angle:6deg}
.stella-edition .personal-photos .photo-concert img{aspect-ratio:1;object-position:55% 55%}
.stella-edition .personal-photos .photo-mirror{top:60%;left:59%;width:28%;--photo-angle:-5deg;z-index:1}
.stella-edition .personal-photos .photo-mirror img{aspect-ratio:3/2;object-position:50% 20%}
.stella-edition .personal-photos .photo-travel{top:68%;left:0;width:18%;--photo-angle:8deg;z-index:3;padding:4px 4px 0}
.stella-edition .personal-photos .photo-travel img{aspect-ratio:1;object-position:65% 80%}
.stella-edition .personal-photos .photo-travel>span{font-size:11px;padding:4px 0 5px}
.stella-edition .personal-photos .photo-travel:before{top:-5px;height:12px}
.personal-album-link{position:absolute;left:22%;bottom:-4px;font:15px var(--signature);color:#8b7050;border-bottom:1px solid #a78b6066;padding-bottom:2px}
.stella-edition .about-spread .page-phone{top:48px;left:5%;width:65px;height:65px;rotate:-12deg}
.stella-edition #photo-dialog{width:min(880px,95vw);max-height:95svh;padding:40px 20px 12px;background:#fbf5e6}
.stella-edition #photo-dialog figure{margin:0}
.stella-edition #photo-dialog figure img{width:100%;height:calc(100svh - 205px);max-height:700px;object-fit:contain}
.stella-edition #photo-dialog.mirror-photo figure img{width:min(100%,calc((100svh - 205px)*1.5));height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 20%}
.personal-photo-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0 3px;font:17px var(--signature);color:#6f5d43}
.personal-photo-controls button{padding:5px 8px}
.personal-photo-controls button:disabled{opacity:.3}
#personal-photo-count{font:14px var(--note)}
@media(min-width:761px) and (max-width:1150px){.stella-edition .personal-photos .personal-photo{padding:5px 5px 0}.stella-edition .personal-photos .personal-photo>span{font-size:12px;padding:5px 0 7px}.personal-album-link{font-size:12px;bottom:9px}.stella-edition .personal-photos .photo-travel>span{font-size:9px}.stella-edition .about-spread .page-phone{width:48px;height:48px;top:53px}}
@media(max-width:760px){.stella-edition .personal-photos{top:14%;left:7%;width:86%;height:51%}.stella-edition .personal-photos .personal-photo{padding:5px 5px 0}.stella-edition .personal-photos .personal-photo>span{font-size:12px;padding:6px 0 7px}.stella-edition .personal-photos .photo-bow{width:46%;left:1%}.stella-edition .personal-photos .photo-concert{width:39%;left:56%}.stella-edition .personal-photos .photo-mirror{width:37%;left:58%;top:56%}.stella-edition .personal-photos .photo-travel{width:19%;top:73%;left:0}.stella-edition .personal-photos .photo-travel>span{font-size:9px}.personal-album-link{font-size:12px;bottom:-3px;left:23%}.stella-edition .about-spread .page-phone{width:46px;height:46px;top:50px}.stella-edition #photo-dialog{padding:38px 10px 10px}.stella-edition #photo-dialog figure img{height:calc(100svh - 190px)}.personal-photo-controls{font-size:16px}}
@media(prefers-reduced-motion:reduce){.stella-edition .personal-photos .personal-photo{transition:none}.stella-edition .personal-photos .personal-photo:hover{transform:rotate(var(--photo-angle,0deg))}}
@media(max-width:760px){.stella-edition #photo-dialog.mirror-photo figure img{height:auto;width:100%;aspect-ratio:3/2;object-fit:cover;object-position:50% 20%}}