:root{--paper-base: #f4f0e8;--paper-warm: #ebe5d9;--paper-dark: #d9d0c1;--paper-fold: #c9bfae;--ink-deep: #1a1815;--ink-medium: #2d2a26;--ink-faded: #4a4640;--ink-light: #6b645c;--ink-ghost: #a09789;--sepia-accent: #8b6914;--sepia-light: #b8963d;--frame-border: #3d3830;--frame-shadow: rgba(26, 24, 21, .15);--masthead-size: clamp(1.75rem, 8vw, 3.5rem);--headline-xl: clamp(1.5rem, 7vw, 3rem);--headline-large: clamp(1.25rem, 5.5vw, 2.25rem);--headline-medium: clamp(1.1rem, 4.5vw, 1.75rem);--body-large: clamp(1rem, 4vw, 1.25rem);--body-text: clamp(.95rem, 3.5vw, 1.1rem);--body-small: clamp(.85rem, 2.8vw, .95rem);--caption-size: clamp(.75rem, 2.5vw, .85rem);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--page-padding: clamp(1.25rem, 5vw, 2.5rem);--content-max: 720px;--reveal-slow: 1.2s;--reveal-medium: .8s;--reveal-fast: .5s;--reveal-instant: .2s}@media (prefers-reduced-motion: reduce){:root{--reveal-slow: .01ms;--reveal-medium: .01ms;--reveal-fast: .01ms;--reveal-instant: .01ms}.page-content,.typewriter-char,.photo-frame,.ink-reveal{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:Tiro Bangla,Playfair Display,Georgia,serif;background-color:var(--ink-deep);color:var(--ink-deep);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.paper-texture{position:relative;background-color:var(--paper-base)}.paper-texture:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:1}.paper-texture:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,transparent 60%,rgba(201,191,174,.2) 100%),linear-gradient(180deg,rgba(0,0,0,.02) 0%,transparent 15%,transparent 85%,rgba(139,105,20,.03) 100%);pointer-events:none;z-index:2}.pages-container{height:100vh;height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.pages-container::-webkit-scrollbar{display:none}.page{position:relative;min-height:100vh;min-height:100dvh;width:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;justify-content:center;padding:var(--page-padding);padding-top:max(var(--page-padding),env(safe-area-inset-top));padding-bottom:max(var(--page-padding),env(safe-area-inset-bottom));overflow:hidden}.page-content{position:relative;z-index:10;max-width:var(--content-max);margin:0 auto;width:100%}.page:after{content:"";position:absolute;bottom:0;left:0;right:0;height:8px;background:linear-gradient(180deg,transparent 0%,var(--paper-fold) 100%);opacity:.5;z-index:3}.masthead{text-align:center;padding:var(--space-lg) 0 var(--space-xl);border-bottom:3px double var(--ink-deep);margin-bottom:var(--space-xl);position:relative}.masthead:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:var(--ink-deep)}.masthead-title{font-family:Playfair Display,Tiro Bangla,serif;font-size:var(--masthead-size);font-weight:700;letter-spacing:.08em;line-height:1.1;color:var(--ink-deep);margin:0;text-transform:uppercase}.masthead-title em{font-style:italic;font-weight:400}.masthead-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--caption-size);color:var(--ink-faded);margin-top:var(--space-md);letter-spacing:.05em;font-family:Tiro Bangla,serif;border-top:1px solid var(--ink-ghost);padding-top:var(--space-sm)}.masthead-divider{height:3px;background:var(--ink-deep);margin:var(--space-sm) 0}.page[data-type=masthead] .masthead{opacity:0;transform:translateY(15px);transition:opacity var(--reveal-slow) ease-out,transform var(--reveal-medium) ease-out}.page[data-type=masthead].active .masthead{opacity:1;transform:translateY(0);transition-delay:.2s}.headline-xl{font-family:Playfair Display,Tiro Bangla,serif;font-size:var(--headline-xl);font-weight:700;line-height:1.15;letter-spacing:-.01em;color:var(--ink-deep);margin-bottom:var(--space-md)}.headline-large{font-family:Playfair Display,Tiro Bangla,serif;font-size:var(--headline-large);font-weight:600;line-height:1.2;color:var(--ink-deep);margin-bottom:var(--space-md)}.headline-medium{font-family:Tiro Bangla,Playfair Display,serif;font-size:var(--headline-medium);font-weight:500;line-height:1.3;color:var(--ink-medium);margin-bottom:var(--space-sm)}.prose{font-family:Tiro Bangla,Playfair Display,serif;font-size:var(--body-text);line-height:1.75;color:var(--ink-medium)}.prose-large{font-size:var(--body-large);line-height:1.8}.prose p{margin-bottom:var(--space-md)}.prose p:last-child{margin-bottom:0}.drop-cap:first-letter{float:left;font-family:Playfair Display,serif;font-size:4.5em;line-height:.8;padding-right:.08em;padding-top:.05em;font-weight:700;color:var(--ink-deep)}.photo-page{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:max(var(--space-xl),env(safe-area-inset-top))}.photo-frame{position:relative;width:100%;max-width:340px;aspect-ratio:3 / 4;background:var(--paper-warm);border:1px solid var(--frame-border);box-shadow:0 4px 16px var(--frame-shadow),inset 0 0 40px #0000000a;padding:var(--space-xs);margin-bottom:var(--space-lg);opacity:0;filter:sepia(.8) contrast(.6) brightness(.7);transform:translateY(10px) scale(.98);transition:opacity 1s ease-out,filter 2s ease-out,transform .8s ease-out}.page[data-type=photo].active .photo-frame{opacity:1;filter:sepia(.15) contrast(1.05) brightness(1);transform:translateY(0) scale(1)}.photo-inner{width:100%;height:100%;background:var(--ink-ghost);overflow:hidden;display:flex;align-items:center;justify-content:center}.photo-inner img{width:100%;height:100%;object-fit:cover;filter:sepia(.15) contrast(1.05)}.photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--paper-dark) 0%,var(--paper-warm) 100%);color:var(--ink-ghost);font-size:var(--caption-size);text-align:center;padding:var(--space-sm)}.photo-caption{position:absolute;bottom:-1px;left:var(--space-xs);right:var(--space-xs);background:var(--paper-base);padding:var(--space-xs) var(--space-sm);font-size:var(--caption-size);color:var(--ink-faded);text-align:center;border-top:1px solid var(--ink-ghost);font-family:Playfair Display,serif;letter-spacing:.02em}.photo-date{position:absolute;top:var(--space-xs);right:var(--space-sm);color:var(--ink-ghost);font-size:.65rem;font-family:Playfair Display,serif;letter-spacing:.05em}.photo-page .page-content p,.page[data-type=photo] .page-content p{opacity:0;transform:translateY(8px);transition:opacity var(--reveal-medium) ease-out,transform var(--reveal-medium) ease-out}.photo-page.active .page-content p,.page[data-type=photo].active .page-content p{opacity:1;transform:translateY(0)}.page[data-type=photo].active .page-content p:nth-child(1){transition-delay:.8s}.page[data-type=photo].active .page-content p:nth-child(2){transition-delay:1s}.page[data-type=photo].active .page-content p:nth-child(3){transition-delay:1.2s}.timeline-page{padding-top:calc(var(--space-3xl) + var(--space-lg))}.timeline-date{font-family:Playfair Display,serif;font-size:var(--caption-size);color:var(--ink-ghost);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--ink-ghost);display:inline-block}.timeline-entry{position:relative;padding-left:var(--space-lg)}.timeline-entry:before{content:"";position:absolute;left:0;top:.4em;width:6px;height:6px;background:var(--ink-deep);border-radius:50%}.timeline-page .timeline-date,.timeline-page .headline-medium,.timeline-page .prose-large{opacity:0;transform:translateY(12px);transition:opacity var(--reveal-medium) ease-out,transform var(--reveal-medium) ease-out}.timeline-page .prose-large p{opacity:0;transform:translateY(8px);transition:opacity var(--reveal-medium) ease-out,transform var(--reveal-medium) ease-out}.page[data-type=timeline].active .timeline-date{opacity:1;transform:translateY(0);transition-delay:.1s}.page[data-type=timeline].active .headline-medium{opacity:1;transform:translateY(0);transition-delay:.25s}.page[data-type=timeline].active .prose-large{opacity:1;transform:translateY(0);transition-delay:.4s}.page[data-type=timeline].active .prose-large p{opacity:1;transform:translateY(0)}.page[data-type=timeline].active .prose-large p:nth-child(1){transition-delay:.5s}.page[data-type=timeline].active .prose-large p:nth-child(2){transition-delay:.65s}.next-cue{position:absolute;bottom:max(var(--space-lg),env(safe-area-inset-bottom));left:50%;transform:translate(-50%);font-family:Tiro Bangla,serif;font-size:var(--body-small);color:var(--ink-ghost);opacity:.6;display:flex;align-items:center;gap:var(--space-xs);z-index:20}.next-cue:after{content:"";width:16px;height:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M8 8 L0 0 L4 0 L8 4 L12 0 L16 0 Z' fill='%23a09789'/%3E%3C/svg%3E") no-repeat center}@keyframes cue-pulse{0%,to{opacity:.6;transform:translate(-50%) translateY(0)}50%{opacity:.3;transform:translate(-50%) translateY(4px)}}.next-cue{animation:cue-pulse 2.5s ease-in-out infinite}.page-content{opacity:1;transform:none}.ink-reveal{opacity:0;filter:blur(4px);transition:opacity var(--reveal-medium) ease-out,filter var(--reveal-slow) ease-out;transition-delay:.4s}.page.active .ink-reveal,.page[data-type=masthead].active .ink-reveal{opacity:1;filter:blur(0)}.ink-reveal p{opacity:0;transform:translateY(8px);transition:opacity var(--reveal-medium) ease-out,transform var(--reveal-medium) ease-out}.page.active .ink-reveal p,.page[data-type=masthead].active .ink-reveal p{opacity:1;transform:translateY(0)}.page[data-type=masthead].active .ink-reveal p:nth-child(1){transition-delay:.5s}.page[data-type=masthead].active .ink-reveal p:nth-child(2){transition-delay:.7s}.develop-reveal{opacity:0;filter:brightness(.3) sepia(.5);transition:opacity var(--reveal-slow) ease-out,filter var(--reveal-slow) ease-out}.page.active .develop-reveal{opacity:1;filter:brightness(1) sepia(.15)}.stagger-children>*{opacity:0;transform:translateY(8px);transition:opacity var(--reveal-medium) ease-out,transform var(--reveal-medium) ease-out}.page.active .stagger-children>*{opacity:1;transform:translateY(0)}.page.active .stagger-children>*:nth-child(1){transition-delay:.1s}.page.active .stagger-children>*:nth-child(2){transition-delay:.25s}.page.active .stagger-children>*:nth-child(3){transition-delay:.4s}.page.active .stagger-children>*:nth-child(4){transition-delay:.55s}.page.active .stagger-children>*:nth-child(5){transition-delay:.7s}.typewriter-char{opacity:0;display:inline}.typewriter-char.visible{opacity:1}@keyframes typewriter-blink{0%,to{opacity:1}50%{opacity:0}}.typewriter-cursor{display:inline-block;width:2px;height:1em;background:var(--ink-deep);margin-left:1px;animation:typewriter-blink .8s step-end infinite}.ending-page{background:linear-gradient(180deg,var(--paper-base) 0%,var(--paper-warm) 100%)}.ending-page:after{display:none}.final-message{text-align:center;padding:var(--space-xl) 0}.final-message p{opacity:0;transform:translateY(8px);transition:opacity var(--reveal-medium) ease-out,transform var(--reveal-medium) ease-out}.page.active .final-message p,.page[data-type=ending].active .final-message p{opacity:1;transform:translateY(0)}.page[data-type=ending].active .final-message p:nth-child(1){transition-delay:.2s}.page[data-type=ending].active .final-message p:nth-child(2){transition-delay:.5s}.page[data-type=ending].active .final-message p:nth-child(3){transition-delay:.8s}.page[data-type=ending].active .final-message p:nth-child(4){transition-delay:1.1s}.page[data-type=ending].active .final-message p:nth-child(5){transition-delay:1.4s}.page[data-type=ending].active .final-message p:nth-child(6){transition-delay:1.7s}.page[data-type=ending].active .final-message p:nth-child(7){transition-delay:2s}.final-name{font-family:Playfair Display,Tiro Bangla,serif;font-size:var(--headline-xl);font-weight:600;color:var(--ink-deep);margin:var(--space-lg) 0;letter-spacing:.02em}.ending-divider{width:60px;height:2px;background:var(--ink-deep);margin:var(--space-lg) auto}.fading-text{color:var(--ink-faded);font-style:italic}.deeply-fading{color:var(--ink-ghost)}.page-full{display:flex;flex-direction:column;justify-content:center;text-align:center}.page-full .page-content{max-width:100%}.page-full .stagger-children>*{opacity:0;transform:translateY(8px);transition:opacity var(--reveal-medium) ease-out,transform var(--reveal-medium) ease-out}.page.active .page-full .stagger-children>*,.page[data-type=full].active .stagger-children>*{opacity:1;transform:translateY(0)}.page[data-type=full].active .stagger-children>*:nth-child(1){transition-delay:.1s}.page[data-type=full].active .stagger-children>*:nth-child(2){transition-delay:.3s}.page[data-type=full].active .stagger-children>*:nth-child(3){transition-delay:.5s}.page[data-type=full].active .stagger-children>*:nth-child(4){transition-delay:.7s}.page[data-type=prose] .page-content p,.page[data-type=prose] .page-content div{opacity:0;transform:translateY(8px);transition:opacity var(--reveal-medium) ease-out,transform var(--reveal-medium) ease-out}.page[data-type=prose].active .page-content p,.page[data-type=prose].active .page-content div{opacity:1;transform:translateY(0)}.page[data-type=prose].active .page-content p:nth-child(1),.page[data-type=prose].active .page-content div:nth-child(1){transition-delay:.1s}.page[data-type=prose].active .page-content p:nth-child(2),.page[data-type=prose].active .page-content div:nth-child(2){transition-delay:.3s}.page[data-type=prose].active .page-content p:nth-child(3),.page[data-type=prose].active .page-content div:nth-child(3){transition-delay:.5s}.page[data-type=prose].active .page-content p:nth-child(4),.page[data-type=prose].active .page-content div:nth-child(4){transition-delay:.7s}.page-intro{background:var(--ink-deep)!important}.page-intro:before,.page-intro:after{display:none!important}.page-intro .prose-large,.page-intro .prose{color:var(--paper-base)!important}.page-intro .intro-content>*{opacity:0;transition:opacity 1s ease-out}.page-intro.active .intro-content>*:nth-child(1){opacity:1;transition-delay:.2s}.page-intro.active .intro-content>*:nth-child(2){opacity:1;transition-delay:.8s}.page-intro.active .intro-content>*:nth-child(3){opacity:1;transition-delay:1.4s}.page-intro.active .intro-content>*{opacity:1}.page-intro .next-cue{color:var(--paper-dark)}.text-center{text-align:center}.text-left{text-align:left}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.pull-quote{font-family:Playfair Display,serif;font-size:var(--headline-medium);font-style:italic;color:var(--ink-medium);border-left:3px solid var(--ink-deep);padding-left:var(--space-md);margin:var(--space-xl) 0}.divider-line{height:1px;background:var(--ink-medium);margin:var(--space-lg) auto;width:100%;max-width:120px}@media (min-width: 768px){.page{padding:var(--space-3xl)}.photo-frame{max-width:400px}.masthead-title{letter-spacing:.05em}}@media (min-width: 1024px){.pages-container{scroll-padding:0}.page{max-width:100vw}}@media print{.pages-container{height:auto;overflow:visible}.page{page-break-after:always;min-height:100vh}.next-cue{display:none}}