/* G5 only: B composition, owner-fixed left text; unavailable photos stay explicit. */
.album-story-shell{background:#fffefd;padding:0 2.4% 32px;color:#3c2153;font-family:Nunito,sans-serif;font-synthesis:none}
.album-story{position:relative;isolation:isolate;min-height:310px;padding:32px 20px 18px 28px;display:grid;grid-template-columns:48% 52%;align-items:start}
.album-story:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 23% 47%,#efe3ffb0,transparent 67%),url('assets/album/paper-grain.svg'),#fbf6ee;mask:url('assets/album/process-paper-mask.svg') 0 0/100% 100% no-repeat}
.album-story-copy{position:relative;z-index:2;padding-right:12px}
.album-story h2{font:900 clamp(21px,2.02vw,32px)/1.24 Nunito,sans-serif;color:#54257b;letter-spacing:0;margin:0 0 16px;-webkit-text-stroke:0;max-width:650px}
.album-story .album-story-description{font:400 clamp(15px,1.24vw,19px)/1.4 Nunito,sans-serif;color:#65546f;max-width:490px;margin:0 0 23px}
.album-story-button{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:47px;width:min(375px,100%);padding:12px 24px;border:0;border-radius:7px;background:#7715b6;color:#fff;font:700 15px/1.3 Nunito,sans-serif;box-shadow:0 4px 8px #67279a16}
.album-story-button:disabled{opacity:1;cursor:not-allowed}
.album-story-button span{font-size:21px;line-height:1}
.album-story .album-story-link-note{font:400 12px/1.35 Nunito,sans-serif;color:#756080;margin:8px 0 0}
.album-story-collage{position:absolute;right:0;top:-9px;width:53%;height:330px}
.album-story-photo{position:absolute;margin:0;padding:11px 11px 20px;background:#fffefa;border:1px solid #e7ddcc;box-shadow:1px 5px 6px #67503424,0 10px 18px -9px #6750344a;min-width:0}
.album-story-result{left:17%;top:20px;width:46%;height:280px;transform:rotate(-7deg);z-index:2}
.album-story-girl{right:3%;top:0;width:40%;height:298px;transform:rotate(8deg);z-index:3}
.album-story-placeholder{display:grid;place-content:center;width:100%;height:100%;border:1px dashed #c5b6a7;background:#efebe5;color:#766758;font:400 14px/1.5 Nunito,sans-serif;text-align:center;padding:12px}
.album-story-tape{position:absolute;top:-10px;left:25%;width:58%;height:24px;transform:rotate(2deg);background:repeating-linear-gradient(6deg,#e4bb5b1a 0 1px,transparent 1px 4px),#f6d99075;clip-path:polygon(2% 0,98% 4%,100% 84%,98% 100%,1% 94%,3% 70%,0 40%)}
.album-story-corner-heart{position:absolute;right:-10px;top:-70px;width:132px;height:154px;max-width:none;z-index:1;pointer-events:none}
.album-story-sticker{position:absolute;left:0;top:126px;z-index:4;width:23%;height:173px;padding:29px 16px 8px;background:#fbefaa;transform:rotate(-7deg);box-shadow:1px 4px 4px #7d633612;text-align:center}
.album-story-underlay:before{content:'';position:absolute;inset:-30px -65px 5px -39px;z-index:-1;background:url('assets/album/story-crayon-underlay.svg') center/100% 100% no-repeat;transform:rotate(3deg)}
.album-story-sticker:after{content:'';position:absolute;inset:12px 12px 0 9px;background:#fff0a8;z-index:-1;transform:rotate(5deg)}
.album-story-sticker span{font:600 27px/.98 AlbumCookie,cursive;color:#8b43b6}
.album-story-sticker svg{display:block;width:22px;height:25px;margin:5px auto 0}
.album-story-caption{position:absolute;right:0;bottom:1px;width:22%;min-height:126px;z-index:5;background:#fffaf0;padding:16px 8px 6px;box-shadow:1px 3px 5px #745e3521;transform:rotate(-10deg);text-align:center}
.album-story-caption span{font:600 26px/1 AlbumCookie,cursive;color:#8440af;display:block}
.album-story-caption svg{display:block;width:23px;height:28px;margin:7px auto 0}
@media(min-width:1600px){.album-story{min-height:23vw;padding-top:2.2vw}.album-story-collage{height:23vw}.album-story-result{height:19.5vw}.album-story-girl{height:21vw}.album-story-sticker{top:9vw;height:12vw}}
@media(max-width:1100px) and (min-width:761px){.album-story{min-height:277px;padding:24px 16px 12px}.album-story h2{font-size:22px;line-height:1.23;margin-bottom:12px}.album-story .album-story-description{font-size:14px;margin-bottom:17px;max-width:330px}.album-story-button{font-size:13px;padding:10px 18px;width:min(290px,92%)}.album-story-collage{height:278px}.album-story-result{height:231px;padding:8px 8px 15px;top:24px}.album-story-girl{height:244px;padding:8px 8px 15px;top:9px}.album-story-sticker{top:120px;height:140px;padding:23px 8px 5px}.album-story-sticker span{font-size:22px}.album-story-placeholder{font-size:11px;padding:6px}.album-story-caption{min-height:107px;padding:13px 5px 4px;bottom:0;width:25%}.album-story-caption span{font-size:21px}.album-story .album-story-link-note{font-size:11px}}
@media(max-width:760px){.album-story-shell{padding:0 3% 25px}.album-story{display:block;padding:25px 18px 0;min-height:0}.album-story-copy{padding:0}.album-story h2{font-size:23px;line-height:1.25;margin-bottom:14px}.album-story .album-story-description{font-size:15px;margin:0 0 18px;max-width:none}.album-story-button{width:100%;font-size:14px}.album-story .album-story-link-note{font-size:11px}.album-story-collage{position:relative;right:auto;top:auto;width:100%;height:295px;margin-top:26px}.album-story-result{left:14%;top:22px;width:48%;height:233px;padding:7px 7px 15px}.album-story-girl{right:1%;top:5px;width:43%;height:241px;padding:7px 7px 15px}.album-story-placeholder{font-size:11px;padding:7px}.album-story-sticker{left:0;top:128px;width:24%;height:124px;padding:23px 5px 5px}.album-story-sticker span{font-size:20px}.album-story-sticker svg{width:18px;height:23px}.album-story-caption{right:-1%;bottom:17px;width:28%;min-height:95px;padding:12px 5px 4px}.album-story-caption span{font-size:22px}.album-story-caption svg{width:19px;height:24px;margin-top:5px}.album-story-tape{height:19px}.album-story-girl .album-story-tape{height:30px}}
@media(prefers-reduced-motion:reduce){.album-story-shell *{animation:none!important;transition:none!important}}
@media(max-width:760px){.album-story-caption{width:32%}}
.album-story-sticker svg{width:28px;height:32px}
.album-story-caption svg{width:30px;height:36px}
@media(max-width:1100px) and (min-width:761px){.album-story-corner-heart{right:-4px;top:-48px;width:105px;height:123px}}
@media(max-width:760px){.album-story-corner-heart{right:-14px;top:-40px;width:88px;height:103px}.album-story-sticker svg{width:24px;height:30px}.album-story-caption svg{width:25px;height:31px}}
@media(max-width:1100px) and (min-width:761px){.album-story-underlay:before{inset:-23px -45px 4px -26px}}
@media(max-width:760px){.album-story-underlay:before{inset:-19px -29px 5px -17px}}

/* Separate rear paper layer, so the adjacent photo covers its right edge. */
.album-story-underlay{position:absolute;left:0;top:126px;width:23%;height:173px;transform:rotate(-7deg);z-index:1;pointer-events:none}
@media(min-width:1600px){.album-story-underlay{top:9vw;height:12vw}}
@media(max-width:1100px) and (min-width:761px){.album-story-underlay{top:120px;height:140px}}
@media(max-width:760px){.album-story-underlay{top:128px;width:24%;height:124px}}

.album-story-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.album-story-girl .album-story-image{object-position:56% center}

/* Owner revision: compact note, same lettering, two larger rear paper sheets. */
.album-story-sticker{width:21%;height:143px;padding:25px 10px 8px}
.album-story-underlay:before{inset:-43px -70px 5px -39px}
@media(min-width:1600px){.album-story-sticker{height:10vw}}
@media(max-width:1100px) and (min-width:761px){.album-story-sticker{height:116px;padding:20px 6px 5px}.album-story-underlay:before{inset:-34px -50px 4px -26px}}
@media(max-width:760px){.album-story-sticker{width:23%;height:100px;padding:18px 3px 5px}.album-story-underlay:before{inset:-30px -34px 5px -17px}}

/* Align G5 copy with the owner's updated G7 paper inset; preserve the collage. */
.album-story-copy{padding-left:24px}
@media(max-width:1100px) and (min-width:761px){.album-story-copy{padding-left:20px}}
@media(max-width:760px){.album-story-copy{padding-left:8px;padding-right:8px}}