@import "https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&display=swap";
.nav-bar{z-index:100;height:80px;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline-blue);background:#fdfbf7b3;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav-bar.scrolled{background:#fdfbf7e6;height:65px;box-shadow:0 4px 20px #0c23400d}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.nav-logo{font-family:var(--font-heading);color:var(--primary-navy);letter-spacing:.05em;transition:var(--transition-fast);align-items:center;gap:.75rem;font-size:1.6rem;font-weight:600;display:flex}.nav-logo-img{object-fit:contain;border-radius:4px;width:32px;height:32px}.nav-logo:hover{opacity:.8}.nav-links{align-items:center;gap:2.2rem;display:flex}.nav-link{text-transform:uppercase;letter-spacing:.1em;color:var(--primary-navy);opacity:.8;padding:.4rem 0;font-size:.85rem;font-weight:500;position:relative}.nav-link:after{content:"";background-color:var(--accent-blue);transform-origin:100%;width:100%;height:1px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-link:hover{opacity:1}.nav-link:hover:after{transform-origin:0;transform:scaleX(1)}.nav-btn{text-transform:uppercase;letter-spacing:.1em;color:var(--bg-surface);background-color:var(--primary-navy);border:1px solid var(--primary-navy);transition:var(--transition-smooth);border-radius:4px;padding:.7rem 1.6rem;font-size:.85rem;font-weight:600}.nav-btn:hover{background-color:var(--accent-blue);border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:0 4px 12px #2d6cdf33}.nav-toggle{cursor:pointer;z-index:101;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;display:none}.nav-toggle .bar{background-color:var(--primary-navy);width:100%;height:2px;transition:var(--transition-smooth);border-radius:2px}.nav-toggle.open .bar:first-child{transform:translateY(8px)rotate(45deg)}.nav-toggle.open .bar:nth-child(2){opacity:0}.nav-toggle.open .bar:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.nav-mobile-menu{background:var(--bg-card);z-index:99;opacity:0;pointer-events:none;width:100%;height:100vh;transition:var(--transition-smooth);flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.nav-mobile-menu.open{opacity:1;pointer-events:auto;transform:translate(0)}.mobile-link{font-family:var(--font-heading);color:var(--primary-navy);letter-spacing:.05em;opacity:.9;font-size:1.8rem}.mobile-link:hover{color:var(--accent-blue)}.mobile-btn{text-transform:uppercase;letter-spacing:.1em;color:var(--bg-surface);background-color:var(--primary-navy);border-radius:4px;padding:.9rem 2.2rem;font-size:1rem;font-weight:600}@media (max-width:900px){.nav-links{display:none}.nav-toggle{display:flex}}
.hero-viewport{background-color:var(--primary-navy);justify-content:center;align-items:center;width:100%;height:100vh;min-height:650px;display:flex;position:relative;overflow:hidden}.hero-bg-media{z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-bg-video-desktop{object-fit:cover;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-vignette-overlay{background:linear-gradient(to bottom, #0c234059 0%, #0c234080 60%, var(--primary-navy) 100%);pointer-events:none;position:absolute;inset:0}.hero-ambient-container{pointer-events:none;z-index:1;position:absolute;inset:0}.ambient-particle{pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--sky-tint);opacity:.15;position:absolute}.leaf-1{background:var(--sky-tint);border-radius:100% 0;width:15px;height:15px;animation-duration:20s;top:15%;left:20%}.leaf-2{background:var(--sky-tint);border-radius:100% 0;width:12px;height:12px;animation-duration:25s;bottom:25%;right:15%}.leaf-3{background:var(--sky-tint);border-radius:100% 0;width:18px;height:18px;animation-duration:18s;top:60%;left:10%}.letter-a{font-family:var(--font-heading);font-size:1.5rem;animation-duration:12s;top:30%;right:25%}.letter-b{font-family:var(--font-heading);font-size:2rem;animation-duration:16s;bottom:35%;left:30%}.letter-c{font-family:var(--font-heading);font-size:1.2rem;animation-duration:14s;top:75%;right:40%}.hero-content-box{z-index:10;text-align:center;width:100%;max-width:900px;margin-top:40px;padding:2rem;position:relative;transform:translateY(260px)}.hero-byline-group{opacity:0;margin-top:.5rem;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.hero-byline-group.reveal{opacity:1;transform:translateY(0)}.hero-flourish-line{width:120px;margin:0 auto .75rem}.flourish-svg{opacity:.7;width:100%;height:auto}.hero-author-name{font-family:var(--font-heading);letter-spacing:.15em;color:var(--sky-tint);text-shadow:0 2px 10px #0000004d;font-size:1.6rem;font-weight:300}.hero-cta-buttons{opacity:0;justify-content:center;align-items:center;gap:1.5rem;margin-top:2.5rem;transition:opacity 1.2s cubic-bezier(.16,1,.3,1) .3s,transform 1.2s cubic-bezier(.16,1,.3,1) .3s;display:flex;transform:translateY(25px)}.hero-cta-buttons.reveal{opacity:1;transform:translateY(0)}.cta-primary-btn,.cta-secondary-btn{text-transform:uppercase;letter-spacing:.12em;cursor:pointer;border-radius:4px;align-items:center;gap:.75rem;padding:1.1rem 2.4rem;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #00000026}.cta-primary-btn{background-color:var(--accent-blue);color:var(--bg-surface);border:1px solid var(--accent-blue)}.cta-primary-btn:hover{background-color:#407df7;border-color:#407df7;transform:translateY(-2px);box-shadow:0 8px 25px #2d6cdf4d}.cta-secondary-btn{-webkit-backdrop-filter:blur(8px);color:var(--sky-tint);background-color:#ffffff1a;border:1px solid #fff3}.cta-secondary-btn:hover{color:#fff;background-color:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 8px 25px #ffffff1a}.hero-scroller{color:var(--sky-tint);opacity:0;z-index:10;flex-direction:column;align-items:center;gap:.5rem;transition:opacity 1s .8s;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.hero-scroller.reveal{opacity:.65;animation:2.5s infinite pulse-soft}.hero-scroller:hover{opacity:1}.scroller-text{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:500}.scroller-chevron{animation:2s infinite chevron-pulse}@keyframes chevron-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.hero-bg-video-mobile,.mobile-scroll-indicator{display:none}@media (max-width:768px){.hero-bg-video-desktop{display:none!important}.hero-bg-video-mobile{object-fit:cover;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-content-box,.hero-scroller{display:none!important}.mobile-scroll-indicator{color:var(--sky-tint);z-index:10;flex-direction:column;align-items:center;gap:.5rem;position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex!important}.up-arrows{flex-direction:column;align-items:center;display:flex}.up-arrows svg{width:24px;height:24px;stroke:var(--accent-gold)}.arrow-pulse-1{animation:1.5s ease-in-out infinite arrow-bounce}.arrow-pulse-2{margin-top:-14px;animation:1.5s ease-in-out .3s infinite arrow-bounce}.ambient-particle{display:none}}@keyframes arrow-bounce{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.hero-byline-group,.hero-cta-buttons,.hero-scroller{opacity:1!important;transition:none!important;transform:none!important}.ambient-particle{animation:none!important}}
.stats-section{background-color:var(--bg-surface);border-bottom:1px solid var(--hairline-blue);z-index:10;width:100%;padding:3.5rem 2rem;position:relative}.stats-container{text-align:center;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1100px;margin:0 auto;display:grid}.stat-card{transition:var(--transition-smooth);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.stat-card:not(:last-child):after{content:"";background-color:var(--hairline-blue);width:1px;height:70%;position:absolute;top:15%;right:-1rem}.stat-value{font-family:var(--font-heading);color:var(--primary-navy);margin-bottom:.25rem;font-size:2.8rem;font-weight:500}.stat-label{text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);font-size:.75rem;font-weight:600}.stat-card:hover{transform:translateY(-2px)}.stat-card:hover .stat-value{color:var(--accent-blue)}@media (max-width:900px){.stats-container{grid-template-columns:repeat(2,1fr);gap:3rem 1rem}.stat-card:nth-child(2):after{display:none}}@media (max-width:500px){.stats-section{padding:2.5rem 1rem}.stats-container{grid-template-columns:1fr;gap:2rem}.stat-card:after{display:none!important}}
.story-section{background-color:var(--bg-surface);border-bottom:1px solid var(--hairline-blue);width:100%;position:relative;overflow:hidden}.story-section:before{content:"";opacity:.12;z-index:0;pointer-events:none;background-image:url(/assets/story_bg.webp);background-position:50% 30%;background-size:cover;position:absolute;inset:0}.story-container{z-index:1;max-width:1100px;margin:0 auto;position:relative}.story-header{text-align:center;margin-bottom:4.5rem}.story-subtitle{text-transform:uppercase;letter-spacing:.18em;color:var(--accent-blue);margin-bottom:.75rem;font-size:.8rem;font-weight:600;display:block}.story-title{margin-bottom:1.5rem;font-size:3rem}.header-divider{background-color:var(--primary-navy);width:60px;height:2px;margin:0 auto}.story-content-single{max-width:750px;margin:0 auto 5rem}.story-synopsis-col{flex-direction:column;gap:1.5rem;display:flex}.story-subheading{margin-bottom:.5rem;font-size:1.8rem}.story-lead{font-family:var(--font-heading);color:var(--primary-navy);border-left:2px solid var(--accent-blue);padding-left:1.5rem;font-size:1.45rem;font-style:italic;line-height:1.6}.story-paragraph{color:var(--text-muted);font-size:.95rem;line-height:1.7}.story-bts-col{height:100%}.bts-card{background-color:var(--bg-deep);border:1px solid var(--hairline-blue);border-radius:8px;padding:2.5rem;box-shadow:0 10px 30px #0c234005}.bts-heading{border-bottom:1px solid var(--hairline-blue);margin-bottom:2rem;padding-bottom:.75rem;font-size:1.8rem}.bts-list{flex-direction:column;gap:1.8rem;list-style:none;display:flex}.bts-item{flex-direction:column;gap:.4rem;display:flex}.bts-item-title{font-family:var(--font-heading);color:var(--primary-navy);font-size:1.2rem;font-weight:600}.bts-item-desc{color:var(--text-muted);font-size:.88rem;line-height:1.6}.story-pull-quote{text-align:center;border-top:1px solid var(--hairline-blue);border-bottom:1px solid var(--hairline-blue);max-width:800px;margin:6rem auto 0;padding:3.5rem 2rem}.quote-text{font-family:var(--font-heading);color:var(--primary-navy);margin-bottom:1.5rem;font-size:2.2rem;font-style:italic;line-height:1.4}.quote-author{text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);font-size:.8rem;font-style:normal;font-weight:600}@media (max-width:900px){.story-title{font-size:2.4rem}.quote-text{font-size:1.8rem}}
.author-section{background-color:var(--bg-deep);border-bottom:1px solid var(--hairline-blue);width:100%;position:relative}.author-container{max-width:1100px;margin:0 auto}.author-grid{grid-template-columns:1fr 1.3fr;align-items:center;gap:5rem;display:grid}.author-portrait-col{justify-content:center;align-items:center;display:flex}.portrait-frame{aspect-ratio:4/5;border:1px solid var(--hairline-blue);border-radius:8px;width:100%;max-width:380px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0c234014}.author-image{object-fit:cover;width:100%;height:100%;transition:var(--transition-smooth)}.portrait-frame:hover .author-image{transform:scale(1.03)}.portrait-glow{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 40px #0c234040}.author-logo-badge{margin-bottom:1rem}.author-badge-img{object-fit:contain;border-radius:4px;width:48px;height:48px}.author-bio-col{flex-direction:column;align-items:flex-start;display:flex}.author-sub{text-transform:uppercase;letter-spacing:.18em;color:var(--accent-blue);margin-bottom:.5rem;font-size:.8rem;font-weight:600}.author-name{margin-bottom:.4rem;font-size:2.8rem;line-height:1.1}.author-title{color:var(--text-muted);letter-spacing:.02em;font-size:.95rem;font-weight:500}.author-bio-divider{background-color:var(--accent-blue);width:45px;height:1px;margin:1.5rem 0}.author-bio-para{color:var(--text-muted);margin-bottom:1.25rem;font-size:.95rem;line-height:1.7}.author-sig-quote{background-color:var(--bg-surface);border-left:3px solid var(--primary-navy);border-radius:0 8px 8px 0;width:100%;margin:1.8rem 0;padding:1.5rem 2rem;box-shadow:0 4px 15px #0c234003}.sig-quote-text{font-family:var(--font-heading);color:var(--primary-navy);margin-bottom:.5rem;font-size:1.35rem;font-style:italic;line-height:1.4}.sig-name{font-family:var(--font-heading);color:var(--text-muted);font-size:1.1rem;display:block}.author-socials{gap:1rem;margin-top:1rem;display:flex}.social-icon-btn{background-color:var(--bg-surface);border:1px solid var(--hairline-blue);width:42px;height:42px;color:var(--primary-navy);transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 10px #0c234005}.social-icon-btn:hover{background-color:var(--primary-navy);border-color:var(--primary-navy);color:var(--bg-surface);transform:translateY(-3px);box-shadow:0 8px 20px #0c23401f}@media (max-width:900px){.author-grid{grid-template-columns:1fr;gap:3.5rem}.portrait-frame{max-width:320px}.author-name{font-size:2.25rem}}
:root{--coverflow-spacing:265px;--coverflow-extra:60px}@media (max-width:768px){:root{--coverflow-spacing:195px;--coverflow-extra:45px}}@media (max-width:500px){:root{--coverflow-spacing:115px;--coverflow-extra:30px}}.gallery-section{background-color:var(--bg-surface);border-bottom:1px solid var(--hairline-blue);width:100%;position:relative;overflow:hidden}.gallery-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.gallery-header{text-align:center;margin-bottom:3.5rem}.gallery-subtitle{text-transform:uppercase;letter-spacing:.18em;color:var(--accent-blue);margin-bottom:.75rem;font-size:.8rem;font-weight:600;display:block}.gallery-title{margin-bottom:1.5rem;font-size:3rem}.gallery-desc{color:var(--text-muted);max-width:600px;margin:.75rem auto 0;font-size:.95rem;line-height:1.6}.gallery-coverflow-wrapper{justify-content:center;align-items:center;gap:2.5rem;width:100%;max-width:1000px;margin:2rem auto;display:flex;position:relative}.coverflow-stage{perspective:1200px;width:100%;max-width:800px;height:520px;transform-style:preserve-3d;position:relative;overflow:visible}.coverflow-card{background-color:var(--bg-deep);width:330px;height:470px;transform-style:preserve-3d;will-change:transform, opacity, z-index;border:1px solid #ffffff1f;border-radius:12px;margin-top:-235px;margin-left:-165px;transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .65s cubic-bezier(.16,1,.3,1),z-index .65s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 15px 35px #0006}.coverflow-card-img{object-fit:cover;pointer-events:none;width:100%;height:100%}.coverflow-card.active{border-color:#2d6cdf66;box-shadow:0 25px 55px #0009}.coverflow-card.active:hover{border-color:var(--accent-blue);box-shadow:0 30px 65px #2d6cdf40}.coverflow-nav-btn{-webkit-backdrop-filter:blur(12px);color:var(--sky-tint);cursor:pointer;z-index:20;background:#ffffff08;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 32px #00000026}.coverflow-nav-btn:hover{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;transform:scale(1.1);box-shadow:0 8px 24px #2d6cdf66}.coverflow-nav-btn:active{transform:scale(.95)}.coverflow-pagination{justify-content:center;align-items:center;gap:.6rem;margin-top:2rem;display:flex}.pagination-dot{cursor:pointer;background:#ffffff40;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .4s cubic-bezier(.16,1,.3,1)}.pagination-dot:hover{background:#ffffff8c;transform:scale(1.2)}.pagination-dot.active{background:var(--accent-blue);border-radius:5px;width:26px;box-shadow:0 0 10px #2d6cdf80}.lightbox-overlay{-webkit-backdrop-filter:blur(10px);z-index:1000;background-color:#0c2340f7;justify-content:center;align-items:center;padding:2.5rem;animation:.3s forwards fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.lightbox-close{color:var(--sky-tint);cursor:pointer;z-index:1010;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:absolute;top:2.5rem;right:2.5rem}.lightbox-close:hover{color:#fff;background:#ffffff26;transform:scale(1.1)}.lightbox-stage{flex-direction:column;align-items:center;width:100%;max-width:600px;animation:.4s cubic-bezier(.16,1,.3,1) forwards slide-up;display:flex;position:relative}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.lightbox-img{object-fit:contain;border:1px solid #ffffff26;border-radius:8px;max-width:100%;max-height:75vh;box-shadow:0 15px 50px #0009}.lightbox-caption{text-align:center;color:#fff;width:100%;margin-top:1.5rem}.lightbox-title{font-family:var(--font-heading);color:var(--sky-tint);margin-bottom:.5rem;font-size:1.6rem}.lightbox-desc{color:#ffffffb3;max-width:500px;margin:0 auto;font-size:.9rem;line-height:1.5}.lightbox-counter{text-transform:uppercase;letter-spacing:.15em;color:var(--accent-blue);margin-top:.75rem;font-size:.75rem;font-weight:600;display:inline-block}@media (max-width:768px){.coverflow-stage{height:440px}.coverflow-card{width:270px;height:386px;margin-top:-193px;margin-left:-135px}.coverflow-nav-btn{width:46px;height:46px}.gallery-title{font-size:2.6rem}}@media (max-width:500px){.gallery-coverflow-wrapper{flex-direction:column;gap:1rem}.coverflow-stage{height:340px}.coverflow-card{width:220px;height:314px;margin-top:-157px;margin-left:-110px}.coverflow-nav-btn{display:none}.gallery-header{margin-bottom:2rem}.gallery-title{font-size:2.2rem}.lightbox-overlay{padding:1.5rem}.lightbox-close{width:40px;height:40px;top:1.5rem;right:1.5rem}.lightbox-title{font-size:1.3rem}.lightbox-desc{font-size:.8rem}}@media (prefers-reduced-motion:reduce){.coverflow-card{transition:none!important}}
.notes-section{background-color:var(--bg-deep);border-bottom:1px solid var(--hairline-blue);width:100%;position:relative}.notes-container{max-width:900px;margin:0 auto}.notes-header{text-align:center;margin-bottom:4rem}.notes-subtitle{text-transform:uppercase;letter-spacing:.18em;color:var(--accent-blue);margin-bottom:.75rem;font-size:.8rem;font-weight:600;display:block}.notes-title{margin-bottom:1.5rem;font-size:3rem}.mathaka-liyuma-grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:4rem;margin-top:2rem;display:grid}.sannasa-container{width:100%}.sannasa-scroll{background-blend-mode:multiply;background-image:linear-gradient(135deg,#fefdfad6 0%,#f6f1e2d6 100%),url(/assets/crumpled_paper.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #d7cbb1;border-radius:8px;padding:3.5rem 3rem;transition:transform .4s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 15px 40px #0c23400a,inset 0 0 50px #b89b6e26}.sannasa-scroll:before{content:"";pointer-events:none;border:2px double #c5a88066;border-radius:6px;position:absolute;inset:12px}.sannasa-header-decor{color:var(--accent-gold);border-bottom:1px dashed #c5a8804d;align-items:center;gap:.6rem;margin-bottom:2rem;padding-bottom:.75rem;display:flex}.feather-icon{animation:4s ease-in-out infinite float}.sannasa-badge{letter-spacing:.15em;text-transform:uppercase;font-family:Yaldevi,Noto Serif Sinhala,serif;font-size:.85rem;font-weight:700}.sannasa-content{color:var(--primary-navy);font-family:Yaldevi,Noto Serif Sinhala,sans-serif}.sannasa-salutation{margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.sannasa-para{text-align:justify;margin-bottom:1.5rem;font-size:1.02rem;line-height:2}.sannasa-highlight{color:var(--secondary-ink);font-weight:500}.sannasa-question-block{margin:1.8rem 0;padding:.2rem 0}.italic-para{color:var(--secondary-ink);margin-top:.5rem;font-size:1.05rem;font-style:italic}.sannasa-break-block{border-left:2px solid var(--accent-gold);margin:2rem 0;padding-left:1.5rem}.sannasa-closing{margin:2.2rem 0 1rem;line-height:1.8}.sannasa-bold{font-size:1.05rem;font-weight:600}.sannasa-footer{border-top:1px dashed #c5a88066;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;font-size:.9rem;display:flex}.sannasa-date{color:var(--text-muted);font-weight:500}.sannasa-sig{color:var(--primary-navy);font-family:Yaldevi,Noto Serif Sinhala,sans-serif;font-size:1.15rem;font-weight:700}.letter-image-container{flex-direction:column;align-items:center;gap:2rem;width:100%;display:flex}.letter-image-frame{width:100%;max-width:380px;transition:var(--transition-smooth);background-color:#fff;border:8px solid #fff;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 15px 35px #0c234014}.letter-image-frame:hover{transform:translateY(-5px)rotate(1deg);box-shadow:0 25px 50px #0c23401f}.original-letter-image{width:100%;height:auto;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.letter-image-frame:hover .original-letter-image{transform:scale(1.02)}.letter-frame-shine{pointer-events:none;background:linear-gradient(135deg,#ffffff26 0%,#fff0 50%);position:absolute;inset:0}.download-area{justify-content:center;width:100%;display:flex}.sannasa-download-btn{background-color:var(--primary-navy);border:1px solid var(--primary-navy);font-family:"Noto Serif Sinhala", var(--font-body), sans-serif;cursor:pointer;transition:var(--transition-smooth);border-radius:50px;justify-content:center;align-items:center;gap:.75rem;padding:.85rem 2rem;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 8px 20px #0c234014;color:var(--bg-surface)!important}.sannasa-download-btn:hover{background-color:var(--accent-blue);border-color:var(--accent-blue);transform:translateY(-3px);box-shadow:0 12px 25px #0c234026}@keyframes fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.6s forwards fade}@media (max-width:900px){.mathaka-liyuma-grid{grid-template-columns:1fr;gap:3.5rem}.sannasa-scroll{padding:2.5rem 1.8rem}.letter-image-frame{max-width:320px}.sannasa-download-btn{width:100%;max-width:320px}}
.vocals-section{background-color:var(--bg-deep);border-bottom:1px solid var(--hairline-blue);width:100%;position:relative;overflow:hidden}.vocals-container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.vocals-header{text-align:center;margin-bottom:3.5rem}.vocals-subtitle{text-transform:uppercase;letter-spacing:.18em;color:var(--accent-blue);margin-bottom:.75rem;font-size:.8rem;font-weight:600;display:block}.vocals-title{margin-bottom:1rem;font-size:3rem}.vocals-desc{color:var(--text-muted);max-width:600px;margin:.75rem auto 0;font-size:.95rem;line-height:1.6}.narration-player-split{align-items:stretch;gap:3.5rem;width:100%;display:flex}.narration-visual-stage{flex-direction:column;flex:0 0 42%;justify-content:center;display:flex;position:relative}.narration-artwork-frame{aspect-ratio:1;background-color:var(--primary-navy);border:1px solid var(--hairline-blue);z-index:2;border-radius:20px;width:100%;transition:all .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 20px 45px #0c23401f}.narration-artwork-frame:hover{border-color:#2d6cdf4d;transform:translateY(-4px);box-shadow:0 30px 60px #2d6cdf26}.narration-artwork-image{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform 8s}.narration-artwork-frame.playing .narration-artwork-image{transform:scale(1.06)}.narration-artwork-overlay{z-index:1;pointer-events:none;background:linear-gradient(#0c234000 40%,#0c234059 75%,#0c2340bf 100%);position:absolute;inset:0}.artwork-overlay-play-btn{color:#fff;-webkit-backdrop-filter:blur(12px);cursor:pointer;z-index:3;opacity:.85;background:#ffffff2e;border:2px solid #fffc;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9);box-shadow:0 8px 30px #00000040}.narration-artwork-frame:hover .artwork-overlay-play-btn{opacity:1;transform:translate(-50%,-50%)scale(1)}.artwork-overlay-play-btn:hover{color:var(--accent-blue);background:#fff;border-color:#fff;transform:translate(-50%,-50%)scale(1.08);box-shadow:0 10px 30px #2d6cdf66}.artwork-overlay-play-btn:active{transform:translate(-50%,-50%)scale(.95)}.artwork-waveform-visualizer{z-index:2;pointer-events:none;justify-content:center;align-items:flex-end;gap:3px;width:100%;height:48px;padding:0 1.75rem .75rem;display:flex;position:absolute;bottom:0;left:0}.artwork-bar-line{will-change:height, background-color;background-color:#ffffff73;border-radius:1.5px;width:3px;height:4px;transition:height .35s,background-color .35s;display:block}.artwork-bar-line.animating{animation:.8s ease-in-out infinite alternate bounceArtworkBar;background-color:#fff!important}@keyframes bounceArtworkBar{0%{height:6px}to{height:38px}}.stage-glow-back{filter:blur(20px);z-index:1;pointer-events:none;background:radial-gradient(circle,#2d6cdf14 0%,#0000 70%);position:absolute;inset:-15px}.narration-content-stage{flex-direction:column;flex:1;justify-content:center;gap:1.75rem;display:flex}.active-track-info-panel{flex-direction:column;gap:.5rem;display:flex}.active-chapter-num{color:var(--accent-blue);text-transform:uppercase;letter-spacing:.15em;font-size:.76rem;font-weight:600}.active-chapter-title{font-family:var(--font-heading);color:var(--primary-navy);font-size:2rem;font-weight:600}.active-chapter-desc{color:var(--text-muted);margin-top:.25rem;font-size:.95rem;line-height:1.6}.active-track-progress-panel{flex-direction:column;gap:.5rem;padding:.5rem 0;display:flex}.vocal-time-row{width:100%;color:var(--text-muted);font-size:.78rem;font-family:var(--font-body), sans-serif;justify-content:space-between;display:flex}.vocal-progress-bar-bg{background:var(--sky-tint);cursor:pointer;border-radius:3px;width:100%;height:6px;position:relative}.vocal-progress-bar-fill{background:var(--accent-blue);border-radius:3px;width:0;height:100%;transition:width .1s linear}.vocal-progress-bar-handle{background:var(--accent-blue);pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;transition:left .1s linear,transform .2s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #2d6cdf66}.vocal-progress-bar-bg:hover .vocal-progress-bar-handle{transform:translate(-50%,-50%)scale(1.2)}.narration-playlist-container{flex-direction:column;gap:.75rem;display:flex}.playlist-heading{text-transform:uppercase;color:var(--primary-navy);letter-spacing:.1em;border-bottom:1px solid var(--hairline-blue);margin-bottom:.25rem;padding-bottom:.5rem;font-size:.8rem;font-weight:600}.playlist-items-list{flex-direction:column;gap:.75rem;display:flex}.playlist-item-row{background:var(--bg-surface-glass);border:1px solid var(--hairline-blue);cursor:pointer;border-radius:12px;align-items:center;gap:1rem;padding:.75rem 1rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.playlist-item-row:hover{background:var(--bg-surface);border-color:#2d6cdf4d;transform:translate(4px);box-shadow:0 8px 20px #2d6cdf0d}.playlist-item-row.selected{background:var(--bg-surface);border-color:var(--accent-blue);box-shadow:0 8px 20px #2d6cdf14}.playlist-item-thumb{border:1px solid var(--hairline-blue);border-radius:8px;flex-shrink:0;width:48px;height:48px;position:relative;overflow:hidden}.playlist-item-thumb img{object-fit:cover;object-position:center;width:100%;height:100%}.thumb-play-overlay{color:#fff;opacity:0;background:#0c234073;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.playlist-item-row:hover .thumb-play-overlay,.playlist-item-row.selected .thumb-play-overlay{opacity:1}.playlist-item-details{flex-direction:column;flex:1;gap:.15rem;display:flex;overflow:hidden}.playlist-track-title{color:var(--primary-navy);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;overflow:hidden}.playlist-track-subtitle{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.playlist-action-indicator{color:var(--text-light);justify-content:center;align-items:center;font-size:.72rem;display:flex}.playlist-action-indicator .play-icon{opacity:0;transition:all .3s;transform:scale(.8)}.playlist-item-row:hover .play-icon{opacity:1;color:var(--accent-blue);transform:scale(1)}.playlist-action-indicator .active-tag{color:var(--accent-blue);font-weight:500}.playlist-micro-visualizer{align-items:flex-end;gap:2px;width:14px;height:12px;display:flex}.micro-bar{background-color:var(--accent-blue);border-radius:1px;width:2px;height:3px;display:block}.playlist-item-row.playing .animate-b1{animation:.5s ease-in-out infinite alternate bounceMicroBar}.playlist-item-row.playing .animate-b2{animation:.7s ease-in-out .15s infinite alternate bounceMicroBar}.playlist-item-row.playing .animate-b3{animation:.6s ease-in-out .3s infinite alternate bounceMicroBar}@keyframes bounceMicroBar{0%{height:3px}to{height:12px}}@media (max-width:900px){.narration-player-split{flex-direction:column;gap:2rem}.narration-visual-stage{width:100%;max-width:420px;margin:0 auto}.vocals-title{font-size:2.5rem}.active-chapter-title{font-size:1.7rem}}@media (max-width:500px){.vocals-title{font-size:2.1rem}.vocals-header{margin-bottom:2.5rem}.playlist-item-row{padding:.6rem .75rem}}
.testimonials-section{background-color:var(--bg-surface);border-bottom:1px solid var(--hairline-blue);width:100%;position:relative}.testimonials-container{max-width:1100px;margin:0 auto}.testimonials-header{text-align:center;margin-bottom:4.5rem}.testimonials-subtitle{text-transform:uppercase;letter-spacing:.18em;color:var(--accent-blue);margin-bottom:.75rem;font-size:.8rem;font-weight:600;display:block}.testimonials-title{margin-bottom:1.5rem;font-size:3rem}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.testimonial-card{flex-direction:column;justify-content:space-between;min-height:290px;padding:3rem 2.2rem;display:flex;position:relative}.card-top{color:var(--accent-blue);justify-content:space-between;align-items:center;margin-bottom:1.8rem;display:flex}.quote-icon{opacity:.25}.stars-row{color:#eab308;gap:.2rem;display:flex}.card-quote{font-family:var(--font-heading);color:var(--primary-navy);margin-bottom:2rem;font-size:1.4rem;font-style:italic;line-height:1.5}.card-footer{border-top:1px solid var(--hairline-blue);padding-top:1.25rem}.card-author{color:var(--primary-navy);font-size:.95rem;font-weight:600}.card-author-title{color:var(--text-muted);margin-top:.2rem;font-size:.75rem;display:block}@media (max-width:900px){.testimonials-grid{grid-template-columns:1fr;gap:2rem}.testimonials-title{font-size:2.4rem}.testimonial-card{min-height:auto}}
:root{--book-w:280px;--book-h:390px;--book-d:36px}.book-3d-scene{perspective:1200px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:420px;height:480px;margin:0 auto;display:flex;position:relative}.interaction-guide{text-transform:uppercase;letter-spacing:.15em;color:var(--accent-gold);opacity:.7;pointer-events:none;margin-bottom:1.5rem;font-size:.75rem;animation:2s ease-in-out infinite pulse-soft}.book-3d-container{width:var(--book-w);height:var(--book-h);cursor:grab;transform-style:preserve-3d;position:relative}.book-3d-container.grabbing{cursor:grabbing}.book-3d{width:100%;height:100%;transform-style:preserve-3d;transform-origin:50%;will-change:transform;position:absolute}.book-side{box-sizing:border-box;background-color:#0c2340;position:absolute}.book-front{width:var(--book-w);height:var(--book-h);transform:translateZ(calc(var(--book-d) / 2));z-index:5;border-radius:3px 6px 6px 3px;top:0;left:0;overflow:hidden;box-shadow:inset -4px 0 10px #00000026}.book-back{width:var(--book-w);height:var(--book-h);transform:rotateY(180deg) translateZ(calc(var(--book-d) / 2));border-left:1px solid #c5a88026;border-radius:6px 3px 3px 6px;top:0;left:0;overflow:hidden;box-shadow:inset 4px 0 10px #00000026}.book-spine{width:var(--book-d);height:var(--book-h);left:calc(var(--book-d) / -2);border-left:1px solid #ffffff0d;border-right:1px solid #ffffff0d;top:0;overflow:hidden;transform:rotateY(-90deg)translateZ(0);box-shadow:inset 0 0 12px #0000004d}.book-cover-wrap-img{background-color:#0c2340;background-image:url(/assets/IMG_9538.png);background-repeat:no-repeat;width:100%;height:100%}.book-front-img{background-position:100%;background-size:213% 100%}.book-back-img{background-position:0;background-size:213% 100%}.book-spine-img{background-position:50%;background-size:1656% 100%}.cover-sheen{pointer-events:none;background:linear-gradient(105deg,#fff0 25%,#ffffff14 35%,#fff0 45%) 0 0/200% 200%;position:absolute;inset:0}.book-pages-right{width:var(--book-d);height:calc(var(--book-h) - 8px);left:calc(50% - var(--book-d) / 2);transform:rotateY(90deg) translateZ(calc(var(--book-w) / 2 - 4px));background-color:#fff;top:4px;box-shadow:inset 3px 0 10px #00000014}.page-lines{background-image:linear-gradient(#0000000f 1px,#0000 1px);background-size:100% 3px;width:100%;height:100%}.book-pages-top{width:calc(var(--book-w) - 6px);height:var(--book-d);left:3px;top:calc(var(--book-d) / -2);background-color:#fff;transform:rotateX(90deg)translateZ(0)}.book-pages-bottom{width:calc(var(--book-w) - 6px);height:var(--book-d);left:3px;bottom:calc(var(--book-d) / -2);background-color:#fff;transform:rotateX(-90deg)translateZ(0)}
.order-section{background-color:var(--bg-deep);border-bottom:1px solid var(--hairline-blue);width:100%;position:relative}.order-container{max-width:1100px;margin:0 auto}.order-header{text-align:center;margin-bottom:4.5rem}.order-subtitle{text-transform:uppercase;letter-spacing:.18em;color:var(--accent-blue);margin-bottom:.75rem;font-size:.8rem;font-weight:600;display:block}.order-title{margin-bottom:1.5rem;font-size:3rem}.order-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:5rem;display:grid}.order-visual-col{flex-direction:column;justify-content:center;align-items:center;display:flex}.order-details-col{height:100%}.package-card{background-color:var(--bg-surface);border:1px solid var(--hairline-blue);border-radius:12px;padding:3.5rem 3rem;box-shadow:0 15px 35px #0c234008}.badge-row{gap:.75rem;margin-bottom:1.5rem;display:flex}.signed-badge{text-transform:uppercase;letter-spacing:.15em;color:var(--bg-surface);background-color:var(--accent-blue);border-radius:4px;padding:.4rem .9rem;font-size:.7rem;font-weight:600}.stock-badge{text-transform:uppercase;letter-spacing:.15em;color:var(--primary-navy);background-color:var(--sky-tint);border-radius:4px;padding:.4rem .9rem;font-size:.7rem;font-weight:600}.package-title{margin-bottom:1.25rem;font-size:2.2rem}.price-row{border-bottom:1px solid var(--hairline-blue);align-items:baseline;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.price-label{color:var(--text-muted);font-size:.9rem;font-weight:500}.price-amount{font-family:var(--font-heading);color:var(--primary-navy);font-size:2.6rem;font-weight:600}.price-usd{color:var(--text-muted);font-size:1.2rem}.package-description{color:var(--text-muted);margin-bottom:2rem;font-size:.95rem;line-height:1.6}.inclusions-list{flex-direction:column;gap:1rem;margin-bottom:2.5rem;display:flex}.inclusion-item{align-items:center;gap:.75rem;display:flex}.inclusion-icon{color:var(--accent-blue);flex-shrink:0}.inclusion-text{color:var(--text-muted);font-size:.9rem}.order-buttons-group{gap:1.25rem;margin-bottom:2rem;display:flex}.order-primary-btn,.order-secondary-btn{text-transform:uppercase;letter-spacing:.1em;transition:var(--transition-smooth);border-radius:4px;flex-grow:1;justify-content:center;align-items:center;gap:.6rem;padding:1rem 1.8rem;font-size:.85rem;font-weight:600;display:inline-flex}.order-primary-btn{background-color:var(--primary-navy);color:var(--bg-surface);border:1px solid var(--primary-navy)}.order-primary-btn:hover{background-color:var(--accent-blue);border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:0 6px 15px #2d6cdf33}.order-secondary-btn{color:var(--primary-navy);border:1px solid var(--hairline-blue);background-color:#0000}.order-secondary-btn:hover{background-color:var(--bg-deep);border-color:var(--primary-navy);transform:translateY(-2px)}.order-trust-footer{border-top:1px dashed var(--hairline-blue);padding-top:1.5rem}.trust-item{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.8rem;font-weight:500;display:flex}.trust-icon{color:#16a34a}.shipping-note{color:var(--text-light);font-size:.75rem;line-height:1.4}@media (max-width:900px){.order-grid{grid-template-columns:1fr;gap:4rem}.order-title{font-size:2.4rem}.package-card{padding:2.5rem 1.8rem}}@media (max-width:600px){.order-buttons-group{flex-direction:column;gap:1rem}.order-primary-btn,.order-secondary-btn{width:100%}}
.faq-section{background-color:var(--bg-surface);border-bottom:1px solid var(--hairline-blue);width:100%;position:relative}.faq-container{max-width:800px;margin:0 auto}.faq-header{text-align:center;margin-bottom:4.5rem}.faq-subtitle{text-transform:uppercase;letter-spacing:.18em;color:var(--accent-blue);margin-bottom:.75rem;font-size:.8rem;font-weight:600;display:block}.faq-title{margin-bottom:1.5rem;font-size:3rem}.faq-accordion{flex-direction:column;gap:1rem;display:flex}.faq-item{border:1px solid var(--hairline-blue);background-color:var(--bg-card);cursor:pointer;transition:var(--transition-smooth);border-radius:8px;padding:1.5rem 2rem}.faq-item:hover{border-color:#2d6cdf4d;box-shadow:0 5px 15px #0c234005}.faq-question-row{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.faq-question{font-family:var(--font-body);color:var(--primary-navy);font-size:1.05rem;font-weight:600}.faq-toggle-btn{color:var(--accent-blue);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s;display:flex}.faq-answer-wrapper{grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.16,1,.3,1),margin-top .4s;display:grid;overflow:hidden}.faq-answer{min-height:0;color:var(--text-muted);font-size:.92rem;line-height:1.6}.faq-item.open{background-color:var(--bg-surface);border-color:#2d6cdf66}.faq-item.open .faq-answer-wrapper{grid-template-rows:1fr;margin-top:1rem}.faq-item.open .faq-toggle-btn{transform:rotate(180deg)}@media (max-width:768px){.faq-title{font-size:2.4rem}.faq-item{padding:1.25rem 1.5rem}}
.newsletter-section{background-color:var(--bg-deep);border-bottom:1px solid var(--hairline-blue);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.newsletter-bg-tint{pointer-events:none;background:radial-gradient(circle,#2d6cdf0d 0%,#0000 70%);position:absolute;inset:0}.newsletter-container{z-index:10;width:100%;max-width:700px;position:relative}.newsletter-card,.newsletter-success-card{background-color:var(--bg-surface);border:1px solid var(--hairline-blue);text-align:center;border-radius:12px;padding:4rem 3.5rem;box-shadow:0 15px 35px #0c234008}.newsletter-icon-box{background-color:var(--sky-tint);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 2rem;display:flex}.mail-icon{color:var(--accent-blue)}.newsletter-title{margin-bottom:1rem;font-size:2.5rem;font-weight:500}.newsletter-desc{color:var(--text-muted);max-width:500px;margin:0 auto 2.5rem;font-size:.95rem;line-height:1.6}.newsletter-form{width:100%;max-width:520px;margin:0 auto}.input-group{border:1px solid var(--hairline-blue);background-color:var(--bg-card);transition:var(--transition-smooth);border-radius:6px;display:flex;overflow:hidden}.input-group:focus-within{border-color:var(--accent-blue);box-shadow:0 0 0 3px #2d6cdf1a}.newsletter-input{color:var(--primary-navy);font-size:.92rem;font-family:var(--font-body);background:0 0;border:none;flex-grow:1;padding:1.1rem 1.5rem}.newsletter-input:focus{outline:none}.newsletter-submit-btn{background-color:var(--primary-navy);color:var(--bg-surface);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:var(--transition-fast);border:none;align-items:center;gap:.5rem;padding:0 1.8rem;font-size:.85rem;font-weight:600;display:flex}.newsletter-submit-btn:hover{background-color:var(--accent-blue)}.success-icon{color:#16a34a;margin-bottom:2rem;animation:.5s cubic-bezier(.16,1,.3,1) forwards scale-up}@keyframes scale-up{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.success-title{margin-bottom:1rem;font-size:2.2rem}.success-desc{color:var(--text-muted);font-size:.95rem;line-height:1.6}@media (max-width:600px){.newsletter-card,.newsletter-success-card{padding:3rem 1.5rem}.newsletter-title{font-size:1.85rem}.input-group{background:0 0;border:none;flex-direction:column;gap:1rem}.newsletter-input{background-color:var(--bg-card);border:1px solid var(--hairline-blue);border-radius:6px;width:100%}.newsletter-submit-btn{border-radius:6px;justify-content:center;width:100%;padding:1.1rem}}
.footer-section{background-color:var(--primary-navy);width:100%;color:var(--sky-tint);border-top:1px solid var(--hairline-blue);z-index:10;padding:6rem 2rem 0;position:relative}.footer-container{grid-template-columns:2fr 1fr 1fr;gap:4rem;max-width:1100px;margin:0 auto;padding-bottom:4rem;display:grid}.footer-logo-container{align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.footer-logo-img{object-fit:contain;border-radius:4px;width:40px;height:40px}.footer-logo{font-family:var(--font-heading);color:#fff;font-size:2.2rem}.footer-tagline{text-transform:uppercase;letter-spacing:.18em;color:var(--accent-blue);margin-bottom:1.5rem;font-size:.8rem;font-weight:600}.footer-description{color:#e0f2feb3;max-width:360px;font-size:.85rem;line-height:1.6}.footer-heading{font-family:var(--font-heading);color:#fff;margin-bottom:1.5rem;font-size:1.4rem;font-weight:500}.footer-nav-list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.footer-nav-link{color:#e0f2feb3;transition:var(--transition-fast);font-size:.88rem}.footer-nav-link:hover{color:#fff;padding-left:.25rem}.footer-social-icons{gap:.75rem;display:flex}.footer-social-btn{width:38px;height:38px;color:var(--sky-tint);transition:var(--transition-smooth);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.footer-social-btn:hover{background-color:var(--accent-blue);border-color:var(--accent-blue);color:#fff;transform:translateY(-2px)}.footer-copyright-bar{text-align:center;border-top:1px solid #ffffff14;padding:2.2rem 0}.copyright-text{color:#e0f2fe80;font-size:.78rem}@media (max-width:900px){.footer-container{grid-template-columns:1fr;gap:3rem;padding-bottom:3rem}.footer-section{padding-top:4rem}}
.cursor-dot{background-color:var(--accent-gold);pointer-events:none;z-index:9999;border-radius:50%;width:8px;height:8px;position:fixed;top:0;left:0;box-shadow:0 0 10px #0284c7cc}.cursor-glow{pointer-events:none;z-index:9998;background-color:#0284c714;border:1px solid #0284c780;border-radius:50%;width:40px;height:40px;position:fixed;top:0;left:0;box-shadow:0 0 20px #0284c733}@media (max-width:768px){.cursor-dot,.cursor-glow{display:none}}
.petals-container{pointer-events:none;z-index:50;position:fixed;inset:0;overflow:hidden}.petal{filter:drop-shadow(0 0 5px #38bdf880);width:20px;height:20px;position:absolute}
.bg-music-container{z-index:100;position:fixed;bottom:2rem;right:2rem}.bg-music-btn{background:var(--bg-surface-glass);color:var(--accent-cyan);border:1px solid #0284c733;border-radius:9999px;align-items:center;gap:.5rem;height:46px;padding:.75rem 1rem;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;box-shadow:0 8px 32px #0284c71a}.bg-music-btn:hover{border-color:#0284c780;transform:translateY(-3px)scale(1.05);box-shadow:0 12px 40px #0284c733}.icon-wrapper{justify-content:center;align-items:center;display:flex}.music-waves{align-items:flex-end;gap:2px;height:14px;display:flex}.music-wave-bar{background-color:var(--accent-cyan);border-radius:1px;width:2px;display:inline-block}.music-wave-bar:first-child{height:60%;animation:1s ease-in-out infinite alternate pulseWave}.music-wave-bar:nth-child(2){height:100%;animation:.8s ease-in-out .15s infinite alternate pulseWave}.music-wave-bar:nth-child(3){height:40%;animation:1.2s ease-in-out .3s infinite alternate pulseWave}@keyframes pulseWave{0%{height:20%}to{height:100%}}
.page-main{background-color:var(--bg-deep);color:var(--text-main);position:relative;overflow:visible}.page-main::selection,.page-main ::selection{color:#fff;background-color:#f472b680}.preorder-section{text-align:center;background-color:var(--bg-surface);border-top:1px solid #0000000d;padding:8rem 1.5rem;position:relative;overflow:hidden}.preorder-bg-blur{filter:blur(120px);pointer-events:none;background-color:#38bdf81a;border-radius:9999px;position:absolute;inset:0}.preorder-title{z-index:10;font-size:2.25rem;font-family:var(--font-heading);color:var(--text-main);margin-bottom:1.5rem;position:relative}.preorder-desc{color:var(--text-muted);z-index:10;max-width:42rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.25rem;position:relative}.preorder-btn{z-index:10;background-color:var(--accent-gold);color:#fff;cursor:none;border:none;border-radius:9999px;padding:1rem 2.5rem;font-size:1.25rem;font-weight:700;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 10px 20px #f472b64d}.preorder-btn:hover{transform:scale(1.05);box-shadow:0 15px 30px #f472b666}.page-footer{text-align:center;color:var(--text-muted);z-index:10;background-color:var(--bg-deep);border-top:1px solid #0000000d;padding:2rem 0;font-size:.875rem;position:relative}@media (min-width:768px){.preorder-title{font-size:3rem}}.hero-viewport,.stats-section,.story-section,.author-section,.gallery-section,.notes-section,.testimonials-section,.order-section,.faq-section,.newsletter-section,.footer-section{will-change:transform;width:100%;position:sticky;top:0}.hero-viewport{z-index:10;background-color:#050d18}.stats-section{z-index:15;background-color:var(--bg-surface,#fff);box-shadow:0 -15px 30px #0c234014}.story-section{z-index:20;background-color:var(--bg-surface,#fff);box-shadow:0 -15px 30px #0c234014}.author-section{z-index:25;background-color:var(--bg-deep,#f7f9fc);box-shadow:0 -15px 30px #0c23401f}.gallery-section{z-index:30;background-color:var(--bg-surface,#fff);box-shadow:0 -15px 30px #0c234014}.notes-section{z-index:35;background-color:var(--bg-surface,#fff);box-shadow:0 -15px 30px #0c234014}.testimonials-section{z-index:40;background-color:var(--bg-deep,#f7f9fc);box-shadow:0 -15px 30px #0c23401f}.order-section{z-index:45;background-color:var(--bg-deep,#f7f9fc);box-shadow:0 -15px 30px #0c23401f}.faq-section{z-index:50;background-color:var(--bg-surface,#fff);box-shadow:0 -15px 30px #0c234014}.newsletter-section{z-index:55;background-color:var(--bg-deep,#f7f9fc);box-shadow:0 -15px 30px #0c23401f}.footer-section{z-index:60;background-color:var(--primary-navy,#0c2340);box-shadow:0 -20px 40px #00000040}