@import "https://fonts.googleapis.com/css2?family=Alex+Brush&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,400;1,500;1,600&family=Dancing+Script:wght@500;700&family=Great+Vibes&family=Playfair+Display:ital,wght@0,400;0,600;1,400;1,500;1,600;1,700&family=Plus+Jakarta+Sans:wght@300;400;500;600&display=swap";:root{--font-serif:"Playfair Display", "Cormorant Garamond", Georgia, serif;--font-script:"Great Vibes", "Dancing Script", "Alex Brush", cursive;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--color-warm-white:#fffdfa;--color-cream:#fbf6ec;--color-gold:#f5d7a1;--safe-pad-x:max(2.5rem, env(safe-area-inset-left));--safe-pad-y:max(2.5rem, env(safe-area-inset-top))}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;color:var(--color-warm-white);font-family:var(--font-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;background-color:#050406;margin:0;padding:0;overflow:hidden}.story-scroller{scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;width:100vw;height:100dvh;overflow:hidden scroll}.story-scroller::-webkit-scrollbar{display:none}.story-scroller{-ms-overflow-style:none;scrollbar-width:none}.story-section{scroll-snap-align:start;scroll-snap-stop:always;contain:paint layout;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}.bg-layer{z-index:1;pointer-events:none;will-change:transform;width:100%;height:116%;transition:transform .1s cubic-bezier(.2,.8,.2,1);position:absolute;top:-8%;left:0;transform:translate(0,0)}.bg-image{object-fit:cover;object-position:center 38%;width:100%;height:100%;display:block}.quote-wrapper{z-index:10;pointer-events:none;opacity:0;will-change:opacity, transform;max-width:min(780px,86vw);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);position:absolute;transform:translateY(22px)}.story-section.is-active .quote-wrapper{opacity:1;transform:translateY(0)}.quote-text{font-family:var(--font-serif);color:var(--color-warm-white);letter-spacing:-.015em;text-shadow:0 2px 4px #000000f2,0 4px 16px #000000d9,0 8px 36px #000000bf,0 0 24px #000000a6;font-size:clamp(1.75rem,3.4vw + .6rem,3.6rem);font-style:italic;font-weight:500;line-height:1.25}.song-badge{font-family:var(--font-sans);color:#f5d7a1;text-shadow:0 1px 3px #000000f2,0 2px 8px #000000d9;opacity:.92;letter-spacing:.02em;align-items:center;gap:.45rem;margin-top:.8rem;font-size:clamp(.72rem,1.2vw + .35rem,.92rem);font-weight:500;display:inline-flex}.song-icon{opacity:.9;filter:drop-shadow(0 1px 2px #000c);color:#f5d7a1;flex-shrink:0}.song-title{color:#fffdfa;font-weight:600}.song-divider{opacity:.6;margin:0 .1rem}.song-artist{color:#ffe6bd}.spotify-embed-wrapper{pointer-events:auto;border-radius:12px;width:100%;max-width:380px;margin-top:.85rem;transition:transform .2s;overflow:hidden;box-shadow:0 8px 24px #0009}.spotify-embed-wrapper:hover{transform:translateY(-2px)}.pos-center .spotify-embed-wrapper,.pos-center-lower .spotify-embed-wrapper{margin-left:auto;margin-right:auto}.pos-bottom-right .spotify-embed-wrapper,.pos-top-right .spotify-embed-wrapper{margin-left:auto}.pos-bottom-left .spotify-embed-wrapper,.pos-top-left .spotify-embed-wrapper{margin-right:auto}@media (width<=768px){.spotify-embed-wrapper{max-width:100%;margin-left:auto!important;margin-right:auto!important}}.pos-bottom-left{text-align:left;bottom:max(8vh,4rem);left:max(5vw,2rem)}.pos-top-right{text-align:right;top:max(8vh,4.5rem);right:max(5vw,2rem)}.pos-center{text-align:center;top:50%;left:50%;transform:translate(-50%,-50%)translateY(22px)}.story-section.is-active .pos-center{transform:translate(-50%,-50%)}.pos-bottom-right{text-align:right;bottom:max(8vh,4rem);right:max(5vw,2rem)}.pos-top-left{text-align:left;top:max(8vh,4.5rem);left:max(5vw,2rem)}.pos-center-lower{text-align:center;bottom:max(9vh,4.5rem);left:50%;transform:translate(-50%)translateY(22px)}.story-section.is-active .pos-center-lower{transform:translate(-50%)}@media (width<=768px){.quote-wrapper{max-width:calc(100vw - 3rem)}.quote-text{font-size:clamp(1.45rem,5.8vw,2.2rem);line-height:1.3}.pos-bottom-left,.pos-bottom-right,.pos-center-lower{width:calc(100vw - 2.8rem);text-align:center!important;bottom:max(4.8rem,8vh)!important;left:50%!important;right:auto!important;transform:translate(-50%)translateY(18px)!important}.story-section.is-active .pos-bottom-left,.story-section.is-active .pos-bottom-right,.story-section.is-active .pos-center-lower{transform:translate(-50%)!important}.pos-top-left,.pos-top-right{width:calc(100vw - 2.8rem);text-align:center!important;top:max(4.5rem,8vh)!important;left:50%!important;right:auto!important;transform:translate(-50%)translateY(18px)!important}.story-section.is-active .pos-top-left,.story-section.is-active .pos-top-right{transform:translate(-50%)!important}.pos-center{width:calc(100vw - 2.8rem);text-align:center!important}}.scroll-hint{z-index:20;color:#ffffffd9;font-family:var(--font-sans);letter-spacing:.22em;text-transform:uppercase;pointer-events:auto;cursor:pointer;text-shadow:0 2px 8px #000c;background:0 0;border:none;flex-direction:column;align-items:center;gap:.35rem;padding:.4rem .8rem;font-size:.72rem;font-weight:500;transition:opacity .3s;animation:2.2s ease-in-out infinite gentle-bounce;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.scroll-hint svg{filter:drop-shadow(0 2px 6px #000c)}.scroll-hint:hover{color:#fff;opacity:1}@keyframes gentle-bounce{0%,to{opacity:.75;transform:translate(-50%)translateY(0)}50%{opacity:1;transform:translate(-50%)translateY(7px)}}.story-footer{z-index:50;pointer-events:none;font-family:var(--font-sans);letter-spacing:.06em;color:#ffffffb8;text-shadow:0 1px 4px #000000e6,0 2px 10px #000c;white-space:nowrap;font-size:.78rem;font-weight:400;position:fixed;bottom:.85rem;left:50%;transform:translate(-50%)}.story-controls{top:1.2rem;right:max(1.8rem, env(safe-area-inset-right));z-index:50;pointer-events:auto;align-items:center;gap:.75rem;display:flex;position:fixed}.ctrl-btn{color:var(--color-warm-white);font-size:.78rem;font-family:var(--font-sans);cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#100e1699;border:1px solid #ffffff2e;border-radius:50px;align-items:center;gap:.45rem;padding:.42rem .9rem;font-weight:500;transition:all .25s;display:inline-flex;box-shadow:0 4px 15px #00000059}.ctrl-btn:hover{background:#ffffff38;border-color:#fff6;transform:translateY(-1px)}.ctrl-btn.is-playing{color:#ffe6bd;background:#e4c59040;border-color:#e4c59099}.story-nav-dots{z-index:45;-webkit-backdrop-filter:blur(10px);background:#0c0a1066;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;gap:.45rem;padding:.6rem .35rem;display:flex;position:fixed;top:50%;right:1.2rem;transform:translateY(-50%)}.nav-dot{cursor:pointer;background:#ffffff52;border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:all .3s cubic-bezier(.2,.8,.2,1)}.nav-dot:hover{background:#ffffffd9;transform:scale(1.3)}.nav-dot.is-active{background:#f5d7a1;border-radius:10px;height:18px;box-shadow:0 0 10px #f5d7a199}@media (width<=768px){.story-nav-dots{gap:.35rem;padding:.45rem .25rem;right:.6rem}.nav-dot{width:5px;height:5px}.nav-dot.is-active{height:14px}.story-controls{top:.8rem;right:.8rem}.ctrl-btn{padding:.35rem .7rem;font-size:.72rem}}.top-progress-bar{z-index:100;pointer-events:none;background:linear-gradient(90deg,#f5d7a1,#f4b4b4,#f5d7a1);width:0%;height:3px;transition:width .15s ease-out;position:fixed;top:0;left:0;box-shadow:0 0 10px #f5d7a199}.rotate-hint-banner[data-astro-cid-grs4qc6y]{z-index:60;-webkit-backdrop-filter:blur(14px)saturate(140%);color:var(--color-warm-white,#fffdfa);font-family:var(--font-sans,system-ui, sans-serif);white-space:nowrap;opacity:0;pointer-events:auto;background:#120e18c7;border:1px solid #f5d7a14d;border-radius:30px;align-items:center;gap:.6rem;padding:.5rem .9rem;font-size:.75rem;font-weight:500;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .5s;display:none;position:fixed;top:1rem;left:50%;transform:translate(-50%)translateY(-100px);box-shadow:0 8px 24px #00000080,0 0 15px #e4c59026}@media (width<=900px) and (orientation:portrait){.rotate-hint-banner[data-astro-cid-grs4qc6y].is-visible{opacity:1;display:flex;transform:translate(-50%)translateY(0)}}.rotate-icon-wrapper[data-astro-cid-grs4qc6y]{color:#f5d7a1;justify-content:center;align-items:center;display:flex;position:relative}.phone-rotate-icon[data-astro-cid-grs4qc6y]{animation:2.5s ease-in-out infinite gentle-tilt}.rotate-arrow[data-astro-cid-grs4qc6y]{opacity:.9;position:absolute;top:-3px;right:-4px}@keyframes gentle-tilt{0%,to{transform:rotate(0)}30%,70%{transform:rotate(90deg)}}.rotate-hint-text[data-astro-cid-grs4qc6y]{letter-spacing:.02em;color:#ffe6bd}.rotate-hint-close[data-astro-cid-grs4qc6y]{color:#fff9;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:.2rem;padding:.1rem .3rem;font-size:.85rem;transition:color .2s;display:flex}.rotate-hint-close[data-astro-cid-grs4qc6y]:hover{color:#fff}