.whisper-section{min-height:140vh;padding:140px 24px;background:#000;color:#fff;position:relative;overflow:hidden}.chapter-marker{position:sticky;top:35vh;text-align:center;font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:#ffffff59;opacity:var(--chapter-opacity, 0);transition:opacity .8s ease-out;margin-bottom:160px;pointer-events:none;z-index:0;filter:blur(.2px)}.whisper-container{max-width:720px;margin:0 auto;display:flex;gap:32px;position:relative;z-index:2}.memory-path{display:flex;flex-direction:column;gap:28px;margin-top:10px}.memory-dot{width:6px;height:6px;border-radius:50%;background:#fff3;transition:background .6s ease}.memory-dot--active{background:#fff}.whisper-messages{display:flex;flex-direction:column;gap:28px}.whisper-section-title{font-size:20px;line-height:1.7;font-weight:300;margin:0 0 8px;color:#ffffffe6}.whisper-line{opacity:0;transform:translateY(10px);transition:opacity 4s ease,transform 4s ease;font-size:20px;line-height:1.7;font-style:italic}*{margin:0;padding:0;box-sizing:border-box}html,body{background:#000;color:#fff;font-family:Cormorant Garamond,serif;scroll-behavior:smooth;overflow-x:hidden}.app{scroll-snap-type:y mandatory}.progress-line{position:fixed;right:4%;top:20%;height:60%;width:1px;background:linear-gradient(to bottom,#fff6,#ffffff0d);z-index:10}.story-section{height:100vh;position:relative;scroll-snap-align:start;overflow:hidden;display:flex;justify-content:center;align-items:flex-end}.story-section:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.06),transparent 40%),radial-gradient(circle at 80% 60%,rgba(255,200,150,.05),transparent 45%);pointer-events:none;z-index:1}.image-container{position:absolute;top:0;right:0;bottom:0;left:0}.story-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:var(--opacity, 0);transform:scale(var(--scale, 1.08));transition:opacity 1.5s ease,transform 2s ease}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0003,#0009)}.scene-marker{position:absolute;top:10%;left:5%;display:flex;align-items:center;gap:10px;opacity:.6;z-index:3}.scene-marker .dot{width:6px;height:6px;border-radius:50%;background:#ffffffb3;box-shadow:0 0 12px #fff6}.scene-marker .label{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}.text-container{position:absolute;bottom:15%;text-align:center;max-width:80%;opacity:var(--text-opacity, 0);transform:translateY(20px);transition:opacity 1.5s ease,transform 1.5s ease}.story-text{font-size:clamp(1.1rem,3vw,2rem);letter-spacing:.08em;font-style:italic;text-shadow:0 4px 20px rgba(0,0,0,.9)}.story-section--joyful .story-text{letter-spacing:.12em}.story-section--timeless .story-text{letter-spacing:.15em;opacity:.75}.story-section--timeless .overlay{background:radial-gradient(ellipse at center,#ffffff0d,#000000b3)}.story-section--timeless .text-container{bottom:10%}.timeline-label{position:absolute;top:12%;left:48%;transform:translate(-50%);font-size:.8rem;letter-spacing:.25em;text-transform:uppercase;opacity:calc(var(--text-opacity, 0) * .6);transition:opacity 1.4s ease;z-index:3;color:#fffc}.floating-cards-section{min-height:100vh;padding:120px 8%;background:radial-gradient(ellipse at center,#ffffff08,#000000e6);display:flex;flex-direction:column;justify-content:center}.cards-title{text-align:center;font-size:clamp(1.2rem,3vw,2rem);letter-spacing:.15em;margin-bottom:60px;opacity:.8}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}.flip-card{width:100%;height:280px;cursor:pointer}.flip-card-inner{position:relative;width:100%;height:100%;border-radius:24px;padding:40px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card-number{font-size:3rem;font-weight:300;color:#fffc;margin:0;position:absolute}.card-message{font-size:1rem;letter-spacing:.05em;line-height:1.7;text-align:center;color:#fffffff2;margin:0;opacity:0;transition:opacity .5s ease}.card-message--visible{opacity:1}.whisper-section{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#000000f2,#000);padding:140px 8%;overflow:hidden;scroll-snap-align:start}.whisper-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.01) 0%,transparent 60%);pointer-events:none;animation:breathe 8s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.3}50%{opacity:.6}}.chapter-marker{position:absolute;top:12%;left:50%;transform:translate(-50%);font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;opacity:0;transition:opacity 1.4s ease;z-index:3;color:#fff9;font-weight:300}.whisper-container{max-width:800px;width:100%;text-align:center;position:relative}.memory-path{position:absolute;left:50%;top:0;bottom:0;width:1px;transform:translate(-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:100px;z-index:1;pointer-events:none}.memory-path:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;transform:translate(-50%);background-image:repeating-linear-gradient(to bottom,transparent,transparent 12px,rgba(255,255,255,.08) 12px,rgba(255,255,255,.08) 14px);opacity:.6}.memory-dot{width:4px;height:4px;border-radius:50%;background:#ffffff1a;position:relative;z-index:2;opacity:0;transition:opacity .6s ease,transform .6s ease;transform:scale(.5)}.memory-dot--active{opacity:1;transform:scale(1);background:#ffffff4d;box-shadow:0 0 8px #fff3}.whisper-messages{display:flex;flex-direction:column;gap:90px;min-height:450px;position:relative;z-index:2}.whisper-line{font-size:clamp(1.4rem,3.5vw,2.2rem);font-style:italic;letter-spacing:.05em;line-height:1.7;color:#fffffff2;opacity:0;transform:translateY(20px);transition:opacity 4s cubic-bezier(.25,.46,.45,.94),transform 4s cubic-bezier(.25,.46,.45,.94);text-shadow:0 2px 30px rgba(0,0,0,.8);font-weight:300;position:relative}.whisper-line--visible{opacity:1;transform:translateY(0)}.whisper-line--visible:after{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(circle at center,rgba(255,255,255,.02) 0%,transparent 70%);pointer-events:none;z-index:-1;animation:whisper-glow 6s ease-in-out infinite;opacity:0}.whisper-line--visible:nth-child(1):after{animation-delay:0s;opacity:1}.whisper-line--visible:nth-child(2):after{animation-delay:.5s;opacity:1}.whisper-line--visible:nth-child(3):after{animation-delay:1s;opacity:1}@keyframes whisper-glow{0%,to{opacity:.3;transform:scale(.95)}50%{opacity:.6;transform:scale(1.05)}}@media (max-width: 768px){.floating-cards-section{padding:100px 6%}.flip-card{height:260px}.flip-card-inner{padding:35px 25px}}@media (max-width: 768px){.text-container{bottom:12%;max-width:90%}.story-text{font-size:1rem;letter-spacing:.1em}.scene-marker{top:6%}.timeline-label{top:8%;font-size:.65rem;letter-spacing:.22em}.whisper-section{padding:120px 6%}.chapter-marker{top:8%;font-size:.65rem;letter-spacing:.22em}.memory-path{gap:70px}.whisper-messages{gap:70px;min-height:380px}.whisper-line{font-size:clamp(1.2rem,5vw,1.9rem);letter-spacing:.04em;line-height:1.6}}.ending-section{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#ffdcc814,#ffb4b408,#000000f2);padding:140px 8%;overflow:hidden;scroll-snap-align:start}.ending-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(255,200,180,.02) 0%,transparent 70%);pointer-events:none}.ending-container{max-width:900px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:80px}.ending-line{font-size:clamp(1.6rem,4vw,2.8rem);font-style:italic;letter-spacing:.02em;line-height:1.5;color:#ffffffeb;text-shadow:0 2px 20px rgba(0,0,0,.6);font-weight:300;opacity:1;transform:none;margin:0}.ending-line--first{margin-top:40px}.ending-line--second{margin-bottom:20px}.ending-signature{margin-top:60px;font-size:clamp(1.4rem,3.5vw,2.2rem);font-style:italic;letter-spacing:.08em;color:#fffffff2;padding:20px 50px;border:1px solid rgba(255,255,255,.15);border-radius:50px;background:#ffffff05;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:default;-webkit-user-select:none;user-select:none;transition:all .6s cubic-bezier(.4,0,.2,1);text-shadow:0 2px 15px rgba(0,0,0,.5);position:relative;font-weight:300}.ending-signature:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50px;background:radial-gradient(circle at 50% 50%,rgba(255,200,220,.3),rgba(255,180,200,.1),transparent 70%);opacity:0;transition:opacity .6s ease;z-index:-1}.ending-signature:hover:before,.ending-signature:focus:before{opacity:1;animation:gentle-glow 3s ease-in-out infinite}.ending-signature:hover,.ending-signature:focus{border-color:#ffc8dc66;background:#ffffff0a;transform:scale(1.02);box-shadow:0 0 40px #ffc8dc33,0 0 80px #ffb4c81a,inset 0 0 30px #ffffff0d;color:#fff}@keyframes gentle-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@media (max-width: 768px){.ending-section{padding:120px 6%}.ending-container{gap:60px}.ending-line{font-size:clamp(1.3rem,5vw,2rem);letter-spacing:.03em}.ending-line--first{margin-top:20px}.ending-signature{padding:18px 40px;font-size:clamp(1.2rem,4vw,1.8rem);margin-top:40px}}