.album-hero{overflow:hidden;background:radial-gradient(circle at 80% 5%,rgba(220,38,38,.16),transparent 30%)}.album-hero h1{margin-bottom:18px}.album-shell{position:relative;width:100%;margin:0 auto;perspective:2500px}.album-book{position:relative;isolation:isolate;display:flex;width:100%;max-width:1050px;margin:48px auto 55px;padding:14px;border-radius:12px;background:#342719;box-shadow:0 0 30px #000;transform-style:preserve-3d;box-sizing:border-box}.album-page{position:relative;min-width:0;min-height:780px;padding:55px;overflow:hidden;box-sizing:border-box;background-color:#e6d6b5;background-image:linear-gradient(rgba(72,52,30,.05) 1px,transparent 1px);background-size:100% 28px;color:#211b14}.page-half{flex:1;width:50%}.page-half.left{border-radius:7px 0 0 7px;border-right:1px solid rgba(0,0,0,.12)}.page-half.right{border-radius:0 7px 7px 0;border-left:1px solid rgba(0,0,0,.12)}.album-spine{position:absolute;top:14px;bottom:14px;left:50%;width:18px;transform:translateX(-50%);border-radius:2px;background:linear-gradient(90deg,#1d140d 0,#4a321f 25%,#755536 50%,#4a321f 75%,#1d140d 100%);box-shadow:inset 3px 0 5px rgb(0 0 0/45%),inset -3px 0 5px rgb(0 0 0/45%),0 0 7px rgb(0 0 0/50%);pointer-events:none;z-index:100}.page-number{position:absolute;bottom:10px;font-family:"Comic Sans MS","Chalkboard SE","Comic Neue","Bubblegum Sans",cursive;font-size:.9rem;font-weight:700;color:#755536;opacity:.7;pointer-events:none}.left-num{left:20px}.right-num{right:20px}.turn-leaf{position:absolute;top:14px;bottom:14px;width:calc(50% - 14px);pointer-events:none;transform-style:preserve-3d;z-index:70}.turn-leaf.flip-forward{left:50%;transform-origin:left center;animation:flipForward 720ms cubic-bezier(.35,0,.2,1) forwards}.turn-leaf.flip-backward{right:50%;transform-origin:right center;animation:flipBackward 720ms cubic-bezier(.35,0,.2,1) forwards}@keyframes flipForward{0%{transform:rotateY(0deg)}to{transform:rotateY(-180deg)}}@keyframes flipBackward{0%{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}.leaf-face{position:absolute;inset:0;padding:55px;background-color:#e6d6b5;background-image:linear-gradient(rgba(72,52,30,.05) 1px,transparent 1px);background-size:100% 28px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-sizing:border-box;color:#211b14}.turn-leaf.flip-forward .face-front{border-radius:0 7px 7px 0;transform:rotateY(0deg);box-shadow:inset 8px 0 16px rgba(0,0,0,.12)}.turn-leaf.flip-forward .face-back{border-radius:7px 0 0 7px;transform:rotateY(180deg);box-shadow:inset -8px 0 16px rgba(0,0,0,.12)}.turn-leaf.flip-backward .face-front{border-radius:7px 0 0 7px;transform:rotateY(0deg);box-shadow:inset -8px 0 16px rgba(0,0,0,.12)}.turn-leaf.flip-backward .face-back{border-radius:0 7px 7px 0;transform:rotateY(-180deg);box-shadow:inset 8px 0 16px rgba(0,0,0,.12)}.leaf-face::after{content:"";position:absolute;inset:0;pointer-events:none}.turn-leaf.flip-forward .face-front::after{background:linear-gradient(to right,rgba(0,0,0,.35),transparent 45%);animation:shadowLift 720ms ease forwards}.turn-leaf.flip-forward .face-back::after{background:linear-gradient(to left,rgba(0,0,0,.35),transparent 45%);animation:shadowLand 720ms ease forwards}.turn-leaf.flip-backward .face-front::after{background:linear-gradient(to left,rgba(0,0,0,.35),transparent 45%);animation:shadowLift 720ms ease forwards}.turn-leaf.flip-backward .face-back::after{background:linear-gradient(to right,rgba(0,0,0,.35),transparent 45%);animation:shadowLand 720ms ease forwards}@keyframes shadowLift{0%{opacity:0}50%{opacity:.85}to{opacity:1}}@keyframes shadowLand{0%{opacity:1}50%{opacity:.75}to{opacity:0}}.polaroid{max-width:360px;margin:15px auto 38px;padding:13px 13px 34px;background:#faf7ef;box-shadow:0 9px 18px rgba(0,0,0,.28)}.polaroid img{display:block;width:100%;height:300px;object-fit:cover}.polaroid figcaption{padding-top:14px;text-align:center;font-family:"Comic Sans MS","Chalkboard SE","Comic Neue","Bubblegum Sans",cursive;font-weight:700}.tilt-left{transform:rotate(-3deg)}.tilt-right{transform:rotate(3deg)}.note{max-width:330px;margin:auto;padding:20px 23px;background:#f5da61;box-shadow:3px 5px 10px rgba(0,0,0,.2);transform:rotate(1.5deg);font-family:"Comic Sans MS","Chalkboard SE","Comic Neue","Bubblegum Sans",cursive}.note p{margin:7px 0 0}.ticket{max-width:330px;margin:25px auto 0;padding:18px;border:2px dashed #981b1b;background:#f3ead5;text-align:center;transform:rotate(-2deg)}.ticket span,.ticket small{display:block}.ticket strong{display:block;color:#b91c1c;font-size:1.5rem}.tape{position:absolute;z-index:3;width:95px;height:30px;background:rgba(225,205,150,.7)}.tape-a{top:45px;left:34%;transform:rotate(-9deg)}.tape-b{top:45px;right:32%;transform:rotate(10deg)}.album-controls{position:absolute;z-index:150;top:50%;left:50%;width:min(100%,1050px);height:0;transform:translate(-50%,-50%);pointer-events:none}.album-button{position:absolute;top:0;display:flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:2px solid rgba(255,255,255,.75);border-radius:50%;background:#dc2626;color:#fff;font:inherit;cursor:pointer;transform:translateY(-50%);box-shadow:0 5px 16px rgba(0,0,0,.45);pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.album-button span{display:block;font-size:2.6rem;font-weight:700;line-height:1;transform:translateY(-2px)}.album-button-prev{left:-20px}.album-button-next{right:-20px}.album-button:hover:not(:disabled){background:#ef4444;transform:translateY(-50%) scale(1.08)}.album-button:focus-visible{outline:3px solid #ef4444;outline-offset:4px}.album-button:disabled{opacity:.3;cursor:not-allowed}.page-jump-container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;margin:-35px auto 40px;max-width:1050px;color:#755536;font-family:"Comic Sans MS","Chalkboard SE","Comic Neue","Bubblegum Sans",cursive;padding:0 15px}.page-jump-controls{grid-column:3;justify-self:end}.page-jump-controls input[type=number]::-webkit-inner-spin-button,.page-jump-controls input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page-jump-controls input[type=number]{-moz-appearance:none;appearance:none}.page-jump-controls input{width:46px;padding:6px;border:2px solid #755536;border-radius:6px;font-family:inherit;text-align:center;background:#f8f5ed;color:#211b14}.page-jump-controls button{padding:6px 16px;border:2px solid rgba(255,255,255,.75);border-radius:6px;background:#dc2626;color:#fff;font-family:inherit;font-weight:700;cursor:pointer;box-shadow:0 3px 8px rgba(0,0,0,.3);transition:background .2s,transform .2s}.page-jump-controls button:hover{background:#ef4444;transform:scale(1.05)}.page-jump-controls input:focus-visible,.page-jump-controls button:focus-visible{outline:3px solid #ef4444;outline-offset:3px}.scrap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px;margin-bottom:40px;position:relative}.scrap-card{position:relative;margin:0;padding:14px 14px 26px;background:#fdfbf7;color:#1a1a1a;box-shadow:0 16px 32px rgba(0,0,0,.45);transition:transform .3s ease,z-index .3s ease,box-shadow .3s ease}.scrap-card:hover{transform:translateY(-8px) scale(1.02) rotate(0deg)!important;z-index:50!important;box-shadow:0 24px 48px rgba(0,0,0,.6)}.scrap-card:nth-child(1){transform:rotate(-2deg);z-index:1}.scrap-card:nth-child(2){transform:rotate(1.5deg);z-index:1}.scrap-card:nth-child(3){transform:rotate(-1deg);z-index:1}.scrap-card:nth-child(4){margin-top:-65px;margin-left:24px;transform:rotate(2.5deg);z-index:2}.scrap-card:nth-child(5){margin-top:-50px;margin-right:18px;transform:rotate(-2.5deg);z-index:2}.scrap-card:nth-child(6){margin-top:-60px;margin-left:-18px;transform:rotate(1.8deg);z-index:2}.scrap-card img{display:block;width:100%;height:280px;object-fit:cover;border:1px solid rgba(0,0,0,.1)}.scrap-card .video-frame video{position:absolute;inset:0;width:100%;height:100%;border:0}.scrap-card figcaption{padding:16px 4px 0}.scrap-card figcaption strong,.scrap-card figcaption span{display:block}.scrap-card figcaption span{color:#555}@media (min-width:561px) and (max-width:880px){.album-book{margin-top:36px}.album-page{min-height:720px;padding:36px 28px}.leaf-face{padding:36px 28px}.tape-a,.tape-b{top:28px}.polaroid{margin-bottom:28px}.polaroid img{height:250px}.scrap-grid{grid-template-columns:repeat(2,1fr)}.scrap-card:nth-child(4),.scrap-card:nth-child(5),.scrap-card:nth-child(6){margin-top:0;margin-left:0;margin-right:0}}@media (max-width:560px){.album-shell{perspective:none}.album-book{display:block;width:100%;max-width:520px;min-width:0;margin:30px auto 34px;padding:8px}.album-spine{display:none}.page-half.left{display:none}.page-half.right{width:100%;border-radius:7px;border-left:none}.album-page{width:100%;min-height:0;padding:35px 22px}.polaroid{max-width:100%}.polaroid img{height:auto;max-height:300px;aspect-ratio:4/3}.tape-a,.tape-b{top:28px}.album-controls{top:50%;left:50%;width:100%;margin:0;transform:translate(-50%,-50%)}.album-button{width:44px;height:44px}.album-button span{font-size:2.2rem}.album-button-prev{left:-6px}.album-button-next{right:-6px}.page-number{bottom:3px;left:50%!important;right:auto!important;transform:translateX(-50%)}.page-jump-container{display:flex;justify-content:flex-end;text-align:right;margin:-14px auto 40px;padding:0 8px}.page-jump-controls{grid-column:auto}.scrap-grid{grid-template-columns:1fr}.scrap-card:nth-child(n+2){margin-top:-35px;margin-left:0;margin-right:0}.scrap-card:nth-child(2){transform:rotate(1.5deg);z-index:2}.scrap-card:nth-child(3){transform:rotate(-1deg);z-index:3}.scrap-card:nth-child(4){transform:rotate(2deg);z-index:4}.scrap-card:nth-child(5){transform:rotate(-1.5deg);z-index:5}.scrap-card:nth-child(6){transform:rotate(1.2deg);z-index:6}}@media (max-width:420px){.album-page{padding:30px 16px}.scrap-card img{height:260px}}@media (prefers-reduced-motion:reduce){.turn-leaf{display:none!important}.polaroid,.note,.ticket,.scrap-card{transform:none}}