@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}.story-container{max-width:1100px;margin:0 auto}.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}}
.gallery-section{background-color:var(--bg-surface);border-bottom:1px solid var(--hairline-blue);width:100%;position:relative}.gallery-container{max-width:1100px;margin:0 auto}.gallery-header{text-align:center;margin-bottom:4rem}.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-masonry{column-count:3;column-gap:1.5rem;width:100%}.gallery-item{break-inside:avoid;border:1px solid var(--hairline-blue);background-color:var(--bg-deep);cursor:pointer;transition:var(--transition-smooth);border-radius:8px;margin-bottom:1.5rem;position:relative;overflow:hidden;box-shadow:0 4px 15px #0c234005}.gallery-img{object-fit:contain;width:100%;height:auto;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.gallery-overlay{opacity:0;background:linear-gradient(#0c23401a 0%,#0c2340b3 100%);flex-direction:column;justify-content:flex-end;padding:1.5rem;transition:opacity .4s;display:flex;position:absolute;inset:0}.zoom-icon{color:var(--sky-tint);transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:1rem;right:1rem;transform:scale(.8)}.overlay-text{transition:transform .4s cubic-bezier(.16,1,.3,1);transform:translateY(10px)}.img-title{font-family:var(--font-heading);color:#fff;margin-bottom:.25rem;font-size:1.35rem}.img-desc{color:var(--sky-tint);opacity:.9;font-size:.78rem;line-height:1.4}.gallery-item:hover{border-color:#2d6cdf4d;transform:translateY(-4px);box-shadow:0 12px 30px #0c234014}.gallery-item:hover .gallery-img{transform:scale(1.03)}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-item:hover .zoom-icon{transform:scale(1)}.gallery-item:hover .overlay-text{transform:translateY(0)}.lightbox-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background-color:#0c2340f5;justify-content:center;align-items:center;padding:2rem;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;transition:var(--transition-fast);background:0 0;border:none;position:absolute;top:2rem;right:2rem}.lightbox-close:hover{color:#fff;transform:scale(1.1)}.lightbox-arrow{color:var(--sky-tint);cursor:pointer;width:60px;height:60px;transition:var(--transition-smooth);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-arrow:hover{background-color:var(--accent-blue);border-color:var(--accent-blue);color:#fff;transform:translateY(-50%)scale(1.05)}.lightbox-arrow.prev{left:2rem}.lightbox-arrow.next{right:2rem}.lightbox-stage{flex-direction:column;align-items:center;width:100%;max-width:800px;animation:.4s cubic-bezier(.16,1,.3,1) forwards slide-up;display:flex;position:relative}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lightbox-img{object-fit:contain;border:1px solid #ffffff1a;border-radius:4px;max-width:100%;max-height:70vh;box-shadow:0 10px 40px #00000080}.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.8rem}.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:900px){.gallery-masonry{column-count:2}.lightbox-arrow{width:48px;height:48px}.lightbox-arrow.prev{left:1rem}.lightbox-arrow.next{right:1rem}}@media (max-width:600px){.gallery-masonry{column-count:1}.gallery-title{font-size:2.4rem}.lightbox-overlay{padding:1rem}.lightbox-arrow{display:none}.lightbox-close{top:1rem;right:1rem}.lightbox-title{font-size:1.4rem}}@media (prefers-reduced-motion:reduce){.gallery-img{transition:none!important}.gallery-item:hover .gallery-img{transform: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}}
.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}