html,body{margin:0;padding:0}html{height:100dvh;overflow:hidden}.story-page{overscroll-behavior:none;background:#fcf9f5;height:100dvh;overflow:hidden}#story-container{width:100%;position:relative}.scene{outline:none;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.scene-inner{z-index:2;text-align:center;pointer-events:none;width:100%;max-width:48rem;padding:2rem 1.5rem;position:relative}.ken-burns{object-fit:cover;will-change:transform;backface-visibility:hidden;width:120%;height:120%;position:absolute;inset:-10%;transform:translateZ(0)scale(1)}.scene-overlay{z-index:1;pointer-events:none;position:absolute;inset:0}.story-text{text-shadow:0 2px 12px #0000004d}.story-text .word{will-change:opacity;opacity:0;display:inline-block}.story-text{letter-spacing:.01em;max-width:600px;margin:0 auto;font-size:1.25rem;font-weight:400;line-height:1.8}.album-page{background:#fcf9f5;padding:2rem}.album-layout{justify-content:center;align-items:center;gap:3rem;width:100%;max-width:1200px;margin:0 auto;display:flex}.album-photo{aspect-ratio:3/4;flex:0 0 420px;justify-content:center;align-items:center;width:420px;max-width:420px;display:flex;position:relative}.photo-frame{background:#fff;border-radius:20px;width:100%;height:100%;padding:14px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000a}.photo-frame .photo-img{object-fit:cover;will-change:transform;border-radius:12px;width:100%;height:100%;display:block}.photo-frame .ken-burns{width:100%!important;height:100%!important;position:relative!important;inset:auto!important}.album-story{flex:0 520px;align-items:center;max-width:520px;min-height:60vh;display:flex}.album-story .story-text{letter-spacing:.015em;color:#2d2d2d;max-width:520px;text-shadow:none;margin:0;font-size:1.125rem;line-height:1.8}.album-story .story-text .word{will-change:opacity;opacity:0;display:inline-block}#photo-stack{z-index:3;pointer-events:none;opacity:0;position:fixed}.stacked-photo{will-change:transform;background:#fff;border-radius:20px;width:100%;height:100%;padding:14px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000a}.stacked-photo img{object-fit:cover;border-radius:12px;width:100%;height:100%;display:block}.album-photo .photo-frame{display:none}.transition-overlay{z-index:100;pointer-events:none;opacity:0;will-change:opacity;position:fixed;inset:0}.fade-white-overlay{background:#fff}.fade-black-overlay{background:#000}.blur-overlay{z-index:100;pointer-events:none;-webkit-backdrop-filter:blur();backdrop-filter:blur();will-change:backdrop-filter, background;background:#fff0;position:fixed;inset:0}.blur-overlay.active{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff9}.story-progress{z-index:50;background:#00000014;width:100%;height:3px;position:fixed;top:0;left:0}.story-progress-bar{will-change:width;background:linear-gradient(90deg,oklch(72% .11 350),oklch(80% .08 260));width:0%;height:100%;transition:width .4s cubic-bezier(.22,1,.36,1)}.scene-number{z-index:50;color:#ffffff80;letter-spacing:.08em;font-variant-numeric:tabular-nums;text-shadow:0 1px 4px #0000004d;font-size:.75rem;font-weight:500;position:fixed;bottom:2rem;right:2rem}.scroll-hint{z-index:50;opacity:.5;color:#fff9;letter-spacing:.05em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.375rem;font-size:.6875rem;animation:2s ease-in-out infinite scrollHint;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes scrollHint{0%,to{opacity:.5;transform:translate(-50%)translateY(0)}50%{opacity:.8;transform:translate(-50%)translateY(5px)}}#scroll-start-hint{z-index:40;opacity:1;pointer-events:none;color:#5a4a3a;flex-direction:column;align-items:center;gap:1rem;transition:opacity .6s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#scroll-start-hint.hidden{opacity:0}.hint-line{background:linear-gradient(#5a4a3a,#5a4a3a26);width:2px;height:48px;animation:2.5s ease-in-out infinite hintPulse}.hint-mouse{animation:2.5s ease-in-out infinite hintBob}.hint-mouse svg{opacity:1}.hint-dot{animation:2.5s ease-in-out infinite hintScroll}.hint-text{letter-spacing:.15em;color:#5a4a3a;text-transform:uppercase;opacity:1;font-size:.8125rem;font-weight:600}@keyframes hintPulse{0%,to{opacity:.3}50%{opacity:.8}}@keyframes hintBob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes hintScroll{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}@media (width<=900px){.album-layout{gap:2rem}.album-photo{flex:0 0 320px;width:320px;max-width:320px}.album-story{flex:0 50%}.album-story .story-text{font-size:1rem}}@media (width<=640px){#scroll-start-hint{text-align:center;gap:.75rem}.hint-text{text-align:center;max-width:160px;font-size:.6875rem;line-height:1.4}.album-page{padding:1.5rem 1rem}.album-layout{flex-direction:column;gap:1.5rem}.album-photo{aspect-ratio:3/4;flex:none;width:100%;max-width:220px;display:block}.photo-frame{border-radius:16px;max-width:220px;padding:8px}.photo-frame .photo-img{border-radius:10px}.album-story{flex:none;justify-content:center;width:100%;max-width:100%;min-height:auto;padding:.5rem 0 0}.album-story .story-text{text-align:center;max-width:100%;font-size:.9375rem;line-height:1.6}.scene{height:100dvh;min-height:100dvh}.scene-inner{padding:1rem}#photo-stack{aspect-ratio:3/4;max-width:220px;margin:0 auto;display:block;width:100%!important;height:auto!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.stacked-photo{border-radius:12px;padding:6px}.stacked-photo img{border-radius:8px}}.skip-link{z-index:10000;color:#000;background:#fff;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;position:fixed;top:-100%;left:0}.skip-link:focus{top:0}#story-debug{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-font-smoothing:antialiased;font-family:SF Mono,Fira Code,Consolas,monospace}@media (prefers-reduced-motion:reduce){.ken-burns{animation:none!important;transform:none!important}.story-text .word{opacity:1!important}.blur-overlay,.fade-white-overlay,.fade-black-overlay,.scroll-hint,#story-debug{display:none!important}}html.reduced-motion .ken-burns{transform:none!important}html.reduced-motion .story-text .word{opacity:1!important}.fullscreen-story>header.navbar,.fullscreen-story>nav.bottom-nav,.fullscreen-story>footer.footer,.fullscreen-story>.story-progress,.fullscreen-story>.scene-number,.fullscreen-story>.scroll-hint,.fullscreen-story>.floating-notif,.fullscreen-story header.navbar,.fullscreen-story nav.bottom-nav,.fullscreen-story footer.footer,.fullscreen-story .story-progress,.fullscreen-story .scene-number,.fullscreen-story .floating-notif{display:none!important}.scene-white{background:#fff}.chapter-end{background:#fff;justify-content:center;align-items:center;display:flex}.chapter-end .story-text{letter-spacing:.15em;text-transform:uppercase;color:#888;font-family:Georgia,Times New Roman,serif;font-size:1rem;font-weight:400}