/* Six individual prints per album page. */
.story-note{width:min(88%,1200px);margin:48px auto 0;display:flex;align-items:center;gap:25px;color:var(--green)}
.story-note>span:first-child{font:56px Georgia,serif;color:var(--orange);transform:rotate(-12deg)}
.story-note p{font:25px/1.35 Georgia,serif;margin:0}.story-note em{color:var(--orange)}
.story-line{flex:1;height:1px;background:#183d3720;margin-left:25px}
#erinnerungen{padding-top:75px}.album-heading{margin-bottom:32px}.album-toolbar{padding-bottom:20px}
.album-paper{padding:25px 40px 45px;background:linear-gradient(110deg,#ece4d6aa,#f9f5ec 45%,#e9e1d2aa);border:1px solid #d9cfbc80;border-radius:6px;box-shadow:0 20px 70px #50422508;position:relative}
.paper-topline{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #183d3715;color:#817c6d;font-size:9px;letter-spacing:1.8px}.paper-topline span:last-child{font:italic 14px Georgia,serif;letter-spacing:0}
.wall{display:grid;columns:auto;grid-template-columns:1fr 1.08fr .96fr;align-items:start;gap:30px 40px;padding:34px 8px 8px}
.photo-card{--tilt:-3deg;--lift:0px;display:block;width:100%;margin:0;background:#fffcf5;border:1px solid #e3dccf;border-radius:1px;overflow:visible;padding:12px 12px 49px;box-shadow:1px 5px 8px #433b2d15,3px 17px 25px #433b2d12;transform:translateY(var(--lift)) rotate(var(--tilt));transition:transform .4s,box-shadow .4s;isolation:auto;z-index:1}
.photo-card:nth-child(6n+2){--tilt:2deg;--lift:18px}.photo-card:nth-child(6n+3){--tilt:-1.5deg;--lift:7px}.photo-card:nth-child(6n+4){--tilt:2deg;--lift:3px}.photo-card:nth-child(6n+5){--tilt:-2.5deg;--lift:22px}.photo-card:nth-child(6n+6){--tilt:3deg;--lift:9px}
.photo-card img{width:100%;height:clamp(170px,19vw,280px);aspect-ratio:auto;object-fit:contain;background:#eee9de;transition:filter .4s;transform:none!important}
.photo-card:after{display:none}.photo-card:before{content:'';position:absolute;top:-10px;left:38%;width:27%;height:24px;background:#dfcba38c;border-left:1px solid #fcf6db55;border-right:1px solid #fcf6db55;transform:rotate(-5deg);z-index:2;box-shadow:0 1px 2px #433b2d09}
.photo-card:nth-child(3n+2):before{transform:rotate(7deg);background:#aec1b77d}
.photo-number{left:15px;bottom:16px;opacity:1;color:#53655c;font:italic 16px Georgia,serif;letter-spacing:0}.photo-open{right:15px;bottom:10px;opacity:.6;color:var(--orange);font-size:24px}
.photo-card:hover,.photo-card:focus-visible{z-index:3;transform:translateY(calc(var(--lift) - 9px)) rotate(0deg) scale(1.025);box-shadow:2px 8px 14px #433b2d16,5px 24px 38px #433b2d25}
.photo-card.reveal{animation:print-arrives .65s both;animation-delay:var(--delay)}
@keyframes print-arrives{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
.album-pager{display:flex;align-items:center;justify-content:center;gap:30px;padding:32px 0 5px}.album-pager #progress{margin:0;font-size:10px;letter-spacing:.5px;line-height:1.7;text-align:center}.album-pager .more{min-width:0;margin:0;padding:12px 17px;font-size:12px}.album-pager .quiet-button{font-size:12px;padding:12px 17px}button:disabled{opacity:.3;cursor:default;transform:none!important}.album-signoff{padding-top:65px}
@media(max-width:1050px){.album-paper{padding:20px 24px 40px}.wall{gap:30px 24px}.photo-card{padding:9px 9px 44px}.photo-number{font-size:14px;left:11px}.photo-card img{height:20vw}}
@media(max-width:700px){.story-note{margin-top:30px;gap:15px}.story-note p{font-size:22px}.story-note>span:first-child{font-size:43px}.story-line{margin-left:0}#erinnerungen{padding-top:50px}.album-paper{padding:15px 15px 30px}.paper-topline{font-size:8px;letter-spacing:1px;padding-bottom:15px}.paper-topline span:last-child{display:none}.wall{grid-template-columns:1fr 1fr;gap:28px 18px;padding:25px 2px 8px}.photo-card{--tilt:-3deg;--lift:0px;padding:7px 7px 37px}.photo-card:nth-child(2n){--tilt:3deg;--lift:13px}.photo-card:nth-child(2n+1){--tilt:-2deg;--lift:0px}.photo-card img{height:clamp(130px,29vw,210px)}.photo-number{font-size:11px;bottom:13px;left:9px}.photo-open{font-size:18px;bottom:8px;right:9px}.photo-card:before{height:18px;top:-8px}.album-pager{gap:12px;flex-wrap:wrap;padding-top:25px}.album-pager #progress{order:-1;width:100%}.album-pager .more,.album-pager .quiet-button{font-size:11px;padding:11px 15px}.album-signoff{padding-top:45px}}
@media(prefers-reduced-motion:reduce){.photo-card.reveal{animation:none}.photo-card,.snapshot{transition:none}}