.ma-landing{--night-1:#173A5E;--night-2:#164759;--night-3:#184A55;--night-4:#143D4A;--maroon-1:#8E2A24;--maroon-2:#6E1A17;--maroon-3:#531210;--gold:#E2A82E;--gold-bright:#F6D77A;--gold-pale:#FFF6DA;--gold-deep:#946011;--red:#D23B2A;--red-ink:#A82B1E;--jade:#14935E;--jade-deep:#1F6347;--lotus:#E86A86;--lotus-ink:#B23A63;--cream:#FBF3E2;--ink:#20323A;--on-dark:#FBF3E2;--on-dark-soft:rgba(251,243,226,.92);--on-dark-mute:rgba(251,243,226,.86);--buy:#D23B2A;--buy-hover:#bb3122;--focus:#FFD24D;--font-round:var(--ma-font-round),system-ui,sans-serif;--font-serif:var(--ma-font-serif),Georgia,serif;--font-body:var(--ma-font-body),system-ui,sans-serif;--maxw:1180px;--gut:clamp(18px,4vw,40px);--sect-y:clamp(64px,9vw,120px);--r-card:22px;--moonrise:0;--ease:cubic-bezier(.22,.61,.36,1);--ease-lift:cubic-bezier(.2,.7,.3,1.2)}.ma-landing *{box-sizing:border-box}.ma-landing ::selection{background:rgba(246,215,122,.35)}.ma-landing [hidden]{display:none!important}.ma-landing{margin:0;font-family:var(--font-body);color:var(--on-dark);line-height:1.65;-webkit-font-smoothing:antialiased;background:linear-gradient(180deg,var(--night-1) 0,var(--night-2) 26%,var(--night-3) 62%,var(--night-4) 100%) fixed;overflow-x:hidden}.ma-landing img{max-width:100%;display:block;height:auto}.ma-landing a{color:var(--gold-bright)}.ma-landing .wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gut)}.ma-landing .skip{position:absolute;left:-999px}.ma-landing .skip:focus{left:12px;top:12px;background:var(--cream);color:var(--ink);padding:8px 14px;border-radius:8px;z-index:99}.ma-landing :where(a,.ma-landing button,.ma-landing summary,.ma-landing [tabindex]):focus-visible{outline:3px solid transparent;outline-offset:2px;box-shadow:0 0 0 3px var(--focus),0 0 0 6px rgba(20,40,70,.9);border-radius:8px}.ma-landing section{padding-block:var(--sect-y);position:relative}.ma-landing h1,.ma-landing h2,.ma-landing h3{font-family:var(--font-round);font-weight:800;line-height:1.08;letter-spacing:-.015em;margin:0 0 .5em}.ma-landing h2{font-size:clamp(1.9rem,1.2rem+2.6vw,3rem)}.ma-landing .eyebrow,.ma-landing h2{color:var(--gold-bright);text-align:center}.ma-landing .eyebrow{font-family:var(--font-round);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.84rem;margin:0 0 .5em}.ma-landing .lead{font-size:clamp(1.05rem,1rem+.4vw,1.3rem);color:var(--on-dark-soft)}.ma-landing .vi{color:var(--gold-bright)}.ma-landing p .vi{font-style:italic}.ma-landing #stars{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:calc(.5 + .4*var(--moonrise))}.ma-landing .tw{position:absolute;width:2px;height:2px;border-radius:50%;background:var(--gold-pale);box-shadow:0 0 5px rgba(246,215,122,.8);animation:ma-tw var(--d,4s) ease-in-out var(--dl,0s) infinite}@keyframes ma-tw{0%,to{opacity:.18;transform:scale(.7)}50%{opacity:.95;transform:scale(1.15)}}.ma-landing #clouds{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.ma-landing .gcloud{position:absolute;width:clamp(180px,24vw,340px);aspect-ratio:760/510;background:50%/contain no-repeat;opacity:calc(.35 + .3*var(--moonrise));mix-blend-mode:screen;filter:drop-shadow(0 0 18px rgba(246,200,120,.4));animation:ma-drift var(--cd,90s) linear var(--cdl,0s) infinite}@keyframes ma-drift{0%{transform:translateX(-28vw)}to{transform:translateX(132vw)}}.ma-landing #cursorGlow{position:fixed;left:0;top:0;width:480px;height:480px;margin:-240px 0 0 -240px;z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:0;transition:opacity .5s;will-change:transform;background:radial-gradient(circle,rgba(246,200,120,.16),transparent 62%);transform:translate3d(-600px,-600px,0)}.ma-landing #cursorGlow.on{opacity:1}.ma-landing main{position:relative;z-index:2}.ma-landing .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-family:var(--font-round);font-weight:800;text-decoration:none;border-radius:999px;padding:.85em 1.7em;min-height:48px;border:0;cursor:pointer;transition:transform .12s var(--ease-lift),box-shadow .2s,background .2s}.ma-landing .btn-buy{background:var(--btn-buy);color:var(--brand-ink);box-shadow:0 10px 26px -8px rgba(210,59,42,.7),inset 0 -3px 0 rgba(0,0,0,.18)}.ma-landing .btn-buy:hover{background:var(--brand-orange-deep);transform:translateY(-2px)}.ma-landing .btn-buy:active{transform:translateY(1px)}.ma-landing .btn-free{background:var(--btn-free);color:var(--brand-ink);font-weight:700;box-shadow:0 10px 26px -8px rgba(242,193,78,.7),inset 0 -3px 0 rgba(0,0,0,.18)}.ma-landing .btn-free:hover{background:var(--brand-gold-deep);transform:translateY(-2px)}.ma-landing .btn-free:active{transform:translateY(1px)}.ma-landing .btn-ghost{background:rgba(251,243,226,.08);color:var(--on-dark);border:1.5px solid rgba(246,215,122,.4)}.ma-landing .btn-ghost:hover{border-color:var(--gold-bright);background:rgba(251,243,226,.14)}.ma-landing .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;list-style:none;padding:0;margin:0}.ma-landing .chip{font-family:var(--font-round);font-weight:600;font-size:.85rem;color:var(--cream);background:rgba(251,243,226,.12);border:1px solid rgba(246,215,122,.34);border-radius:999px;padding:6px 14px}.ma-landing .chip b{color:var(--gold-bright)}.ma-landing .chip-award.is-interactive{padding:0;background:none;border:0}.ma-landing .chip-award button{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-round);font-weight:600;font-size:.85rem;color:var(--cream);background:rgba(251,243,226,.12);border:1px solid rgba(246,215,122,.34);border-radius:999px;padding:5px 14px 5px 7px;cursor:pointer;transition:transform .25s var(--ease-lift),background .25s,border-color .25s}.ma-landing .chip-award button b{color:var(--gold-bright)}.ma-landing .chip-award button:hover{border-color:var(--gold-bright);background:rgba(246,215,122,.18);transform:translateY(-1px)}.ma-landing .play-badge{width:18px;height:18px;border-radius:50%;background:var(--gold-bright);display:inline-grid;place-items:center;flex:0 0 auto;box-shadow:0 0 0 2px rgba(246,215,122,.34)}.ma-landing .play-badge:before{content:"";width:0;height:0;border-left:6px solid var(--maroon-3);border-top:4px solid transparent;border-bottom:4px solid transparent;margin-left:2px}@media (prefers-reduced-motion:no-preference){.ma-landing .chip-award.is-interactive .play-badge{animation:ma-pulseBadge 2.4s ease-in-out infinite}}@keyframes ma-pulseBadge{0%,to{box-shadow:0 0 0 2px rgba(246,215,122,.34)}50%{box-shadow:0 0 0 4px rgba(246,215,122,.14)}}.ma-landing .seals{display:flex;gap:14px;justify-content:flex-start;margin-top:1.1em;align-items:center;flex-wrap:wrap}.ma-landing .seal-img{width:76px;height:auto;filter:drop-shadow(0 4px 12px rgba(8,18,28,.55))}.ma-landing .seal-svg{width:76px;height:76px;filter:drop-shadow(0 5px 14px rgba(8,18,28,.55))}.ma-landing .nav{display:flex;gap:clamp(10px,1.6vw,22px);align-items:center}.ma-landing .nav a{color:var(--on-dark-soft);text-decoration:none;font-size:.92rem;font-weight:500}.ma-landing .nav a:hover{color:var(--cream)}.ma-landing .hero{min-height:100svh;display:flex;align-items:center;position:relative;overflow:hidden}.ma-landing .hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;background:var(--night-1)}.ma-landing .hero-bg img,.ma-landing .hero-bg video{width:100%;height:100%;object-fit:cover;object-position:60% 40%}.ma-landing .hero-bg img{transform-origin:60% 38%;transform:scale(calc(1.04 + .05*var(--moonrise))) translateY(calc(-2% * var(--moonrise)))}.ma-landing .hero-bg video{position:absolute;inset:0;opacity:0;transition:opacity 1.2s var(--ease)}.ma-landing .hero-bg video.playing{opacity:1}.ma-landing .hero-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(94deg,rgba(8,16,38,.95),rgba(8,16,38,.86) 30%,rgba(8,16,38,.55) 52%,rgba(8,16,38,.12) 72%,transparent 86%),linear-gradient(0deg,rgba(8,16,38,.66),rgba(8,16,38,.12) 26%,transparent 46%)}@keyframes ma-float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.ma-landing .hero-copy{position:relative;z-index:3;text-align:left;display:flex;flex-direction:column;align-items:flex-start;padding:24px 0;max-width:min(540px,92vw);margin-left:clamp(16px,6vw,96px)}.ma-landing .hero-cartouche{display:block;margin:0 0 1.05em;max-width:min(560px,94%);line-height:0}.ma-landing .hero-cartouche img{width:100%;height:auto;filter:drop-shadow(0 20px 44px rgba(6,16,26,.5)) drop-shadow(0 0 50px rgba(246,200,120,calc(.14 + .22*var(--moonrise))))}.ma-landing .hero-sub{color:var(--on-dark-soft);max-width:40ch;font-size:clamp(1rem,.95rem+.4vw,1.2rem);margin:0 0 1.4em}.ma-landing .hero-cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-start;margin-bottom:1.2em}.ma-landing .scroll-cue{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);padding:12px 16px;color:var(--on-dark-soft);font-size:.8rem;z-index:3;text-decoration:none;animation:ma-bob 2s ease-in-out infinite}.ma-landing .scroll-cue:hover{color:var(--cream)}@keyframes ma-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,7px)}}@media (max-width:820px){.ma-landing .hero{align-items:flex-end}.ma-landing .hero-bg img{object-position:58% 20%;transform:scale(calc(1.02 + .04*var(--moonrise)))}.ma-landing .hero-bg video{object-position:58% 20%}.ma-landing .hero-scrim{background:linear-gradient(0deg,rgba(8,16,38,.96),rgba(8,16,38,.9) 22%,rgba(8,16,38,.46) 42%,rgba(8,16,38,.06) 60%,transparent 78%)}.ma-landing .hero-copy{text-align:center;align-items:center;margin-inline:auto;max-width:94vw;padding-bottom:clamp(34px,8vw,60px)}.ma-landing .hero-sub{max-width:34ch}.ma-landing .chips,.ma-landing .hero-cta,.ma-landing .seals{justify-content:center}}@media (max-width:520px){.ma-landing .seals{display:none}}.ma-landing .js .rise{opacity:0;transform:translateY(34px)}.ma-landing.js .rise.in{opacity:1;transform:none;transition:opacity .7s var(--ease) calc(var(--i,0)*90ms),transform .7s var(--ease) calc(var(--i,0)*90ms)}.ma-landing .feature{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}.ma-landing .feature.flip .feature-art{order:2}@media (max-width:820px){.ma-landing .feature{grid-template-columns:1fr}.ma-landing .feature.flip .feature-art{order:0}}.ma-landing .feature-art img{filter:drop-shadow(0 16px 34px rgba(8,18,28,.5)) drop-shadow(0 0 30px rgba(246,200,120,calc(.12 + .4*var(--moonrise))))}.ma-landing .feature-art.in img{animation:ma-float 7s ease-in-out infinite}.ma-landing .plate{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:3/2;background:linear-gradient(135deg,rgba(22,55,89,.7),rgba(14,46,58,.7));box-shadow:0 22px 52px rgba(6,16,26,.6),0 0 0 1.5px rgba(246,215,122,.32),0 0 46px rgba(246,200,120,.2)}.ma-landing .plate img,.ma-landing .plate video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:none!important;filter:none}.ma-landing .plate video{opacity:0;transition:opacity 1s var(--ease)}.ma-landing .plate video.playing{opacity:1}.ma-landing .feature h2{text-align:left}.ma-landing .couplet{font-family:var(--font-serif);font-size:1.2rem}.ma-landing .couplet .en{color:var(--cream);display:block}.ma-landing .couplet .vi{color:var(--gold-bright);font-style:italic;display:block;margin-top:.2em}.ma-landing .card{background:linear-gradient(180deg,rgba(16,58,68,.92),rgba(14,46,58,.92));border:1px solid rgba(246,215,122,.18);border-radius:var(--r-card);padding:clamp(20px,3vw,34px);box-shadow:0 18px 44px rgba(6,16,26,.4);transition:transform .4s var(--ease-lift),box-shadow .4s,border-color .4s}.ma-landing .card:hover{transform:translateY(-6px);box-shadow:0 26px 56px rgba(6,16,26,.52),0 0 32px rgba(246,200,120,.14);border-color:rgba(246,215,122,.42)}.ma-landing .card:hover .ic{transform:scale(1.14) rotate(-5deg)}.ma-landing .cards{display:grid;gap:var(--gut)}.ma-landing .cards.c3{grid-template-columns:repeat(3,1fr)}@media (max-width:880px){.ma-landing .cards.c3{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.ma-landing .cards.c3{grid-template-columns:1fr}}.ma-landing .card h3{color:var(--gold-bright);font-size:1.15rem}.ma-landing .card p{color:var(--on-dark-soft);font-size:.95rem;margin:.3em 0 0}.ma-landing .card .ic{font-size:1.7rem;line-height:1;display:inline-block;transition:transform .4s var(--ease-lift)}.ma-landing .why-wrap{position:relative}.ma-landing .why-wrap:before{top:-8%;right:-4%;width:clamp(220px,30%,360px);background:50%/contain no-repeat url(/books/mid-autumn/gcloud-2.webp);opacity:.3;transform:scaleX(-1)}.ma-landing .why-wrap:after,.ma-landing .why-wrap:before{content:"";position:absolute;z-index:0;aspect-ratio:760/510;mix-blend-mode:screen;pointer-events:none}.ma-landing .why-wrap:after{bottom:-10%;left:-5%;width:clamp(180px,24%,300px);background:50%/contain no-repeat url(/books/mid-autumn/gcloud-1.webp);opacity:.26}.ma-landing .why-wrap .cards{position:relative;z-index:1}.ma-landing .why-card{position:relative;overflow:hidden}.ma-landing .why-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;z-index:0;background:linear-gradient(90deg,var(--maroon-1),var(--gold-bright) 50%,var(--maroon-1));opacity:.85}.ma-landing .why-card>*{position:relative;z-index:1}.ma-landing .ic-wrap{position:relative;display:inline-grid;place-items:center;width:58px;height:58px;margin-bottom:.3em}.ma-landing .ic-wrap:before{content:"";position:absolute;inset:0;border-radius:50%;z-index:0;background:radial-gradient(circle,rgba(246,200,120,.32) 0,rgba(246,200,120,0) 70%);box-shadow:0 0 0 1.5px rgba(246,215,122,.4)}.ma-landing .why-card .ic{position:relative;z-index:1}@media (max-width:540px){.ma-landing .why-wrap:after,.ma-landing .why-wrap:before{display:none}}.ma-landing .cast-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gut)}@media (max-width:880px){.ma-landing .cast-grid{grid-template-columns:repeat(2,1fr)}}.ma-landing .cast-tile{text-align:center;position:relative;padding:.5rem .25rem 1rem;border-radius:24px}.ma-landing .cast-tile:before{content:"";position:absolute;left:50%;top:34%;width:78%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(246,200,120,.4) 0,rgba(246,200,120,0) 68%);filter:blur(6px);z-index:0}.ma-landing .cast-tile img{position:relative;z-index:1;width:min(88%,228px);aspect-ratio:1;margin-inline:auto;filter:drop-shadow(0 14px 26px rgba(8,18,28,.55)) drop-shadow(0 0 20px rgba(246,200,120,.34));transition:transform .45s var(--ease-lift),filter .45s}.ma-landing .cast-tile:hover img{transform:translateY(-10px) scale(1.06) rotate(-2deg);filter:drop-shadow(0 20px 32px rgba(8,18,28,.6)) drop-shadow(0 0 28px rgba(246,200,120,.5))}.ma-landing .cast-tile b{display:block;color:var(--gold-bright);margin-top:.4em}.ma-landing .cast-tile span{color:var(--on-dark-mute);font-size:.85rem}.ma-landing .narrator{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);align-items:center}@media (max-width:820px){.ma-landing .narrator{grid-template-columns:1fr;text-align:center}.ma-landing .narrator .bubble{margin-inline:auto}}.ma-landing .narrator-art{position:relative;display:grid;place-items:center}.ma-landing .narrator-art:before{content:"";position:absolute;width:86%;aspect-ratio:1;border-radius:50%;z-index:0;background:radial-gradient(circle,rgba(246,215,122,calc(.16 + .3*var(--moonrise))),transparent 64%);filter:blur(8px)}.ma-landing .narrator-art img{position:relative;z-index:1;width:min(86%,420px);filter:drop-shadow(0 18px 38px rgba(8,18,28,.55)) drop-shadow(0 0 32px rgba(246,200,120,calc(.14 + .4*var(--moonrise))))}.ma-landing .narrator-art.in img{animation:ma-float 8s ease-in-out infinite}.ma-landing .bubble{position:relative;max-width:46ch;background:linear-gradient(180deg,rgba(251,243,226,.98),rgba(251,240,214,.98));color:var(--ink);border-radius:22px;padding:clamp(18px,2.6vw,28px) clamp(20px,3vw,32px);box-shadow:0 18px 44px rgba(6,16,26,.45),0 0 0 1.5px rgba(226,168,46,.5);font-family:var(--font-serif);font-style:italic;font-size:clamp(1.02rem,1rem+.3vw,1.2rem);line-height:1.6;margin-top:1em}.ma-landing .bubble:before{content:"";position:absolute;top:-11px;left:12%;width:22px;height:22px;transform:rotate(45deg);background:rgba(251,243,226,.98);border-left:1.5px solid rgba(226,168,46,.5);border-top:1.5px solid rgba(226,168,46,.5)}.ma-landing .bubble .vi{color:var(--maroon-1);display:block;margin-top:.4em}@media (min-width:821px){.ma-landing .bubble:before{top:34%;left:-11px;border-top:0;border-bottom:1.5px solid rgba(226,168,46,.5)}}.ma-landing .moon-scene{position:relative;display:grid;place-items:center;min-height:clamp(280px,38vw,440px)}.ma-landing .moon-scene .scene-glow{position:absolute;width:86%;aspect-ratio:1;border-radius:50%;z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(246,215,122,calc(.2 + .32*var(--moonrise))),transparent 64%);filter:blur(6px)}.ma-landing .moon-scene .scene-moon{position:absolute;width:66%;z-index:0;top:0;right:6%;opacity:calc(.5 + .4*var(--moonrise));filter:drop-shadow(0 0 54px rgba(246,215,122,.6))}.ma-landing .moon-scene.in .scene-moon{animation:ma-float 9s ease-in-out infinite}.ma-landing .moon-scene .scene-hero{position:relative;z-index:1;width:min(74%,340px);filter:drop-shadow(0 16px 34px rgba(8,18,28,.55)) drop-shadow(0 0 30px rgba(246,200,120,calc(.14 + .42*var(--moonrise))))}.ma-landing .moon-scene.in .scene-hero{animation:ma-float 7s ease-in-out .4s infinite}.ma-landing .thesis-moon{position:relative;display:grid;place-items:center;width:clamp(82px,11vw,124px);margin:0 auto 1.1rem}.ma-landing .thesis-moon .tm-glow{position:absolute;width:210%;aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(246,215,122,calc(.14 + .3*var(--moonrise))) 0,rgba(246,215,122,0) 64%);filter:blur(9px)}.ma-landing .thesis-moon img{position:relative;z-index:1;width:100%;aspect-ratio:1;filter:drop-shadow(0 0 26px rgba(246,215,122,calc(.4 + .4*var(--moonrise))))}.ma-landing .thesis-moon.in img{animation:ma-float 8s ease-in-out infinite}.ma-landing .poem-card{position:relative}.ma-landing .poem-card:before{content:"";position:absolute;inset:10px;border:1.5px dashed rgba(246,215,122,.4);border-radius:14px;pointer-events:none}.ma-landing .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ma-landing .pages-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,2.2vw,26px);margin-top:1.6em;max-width:460px;margin-inline:auto}.ma-landing .page-thumb{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:1;border:0;padding:0;cursor:pointer;background:var(--night-2);box-shadow:0 14px 30px rgba(6,16,26,.5),0 0 0 1.5px rgba(246,215,122,.32);transition:transform .4s var(--ease-lift),box-shadow .4s}.ma-landing .page-thumb img{width:100%;height:100%;object-fit:cover}.ma-landing .page-thumb:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(6,16,26,.6),0 0 0 1.5px rgba(246,215,122,.6),0 0 34px rgba(246,200,120,.3)}.ma-landing .page-thumb .zoom{position:absolute;right:10px;bottom:10px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(18,38,62,.82);color:var(--gold-bright);font-size:1.05rem}.ma-landing .award-plaque{display:grid;grid-template-columns:minmax(212px,.6fr) minmax(0,1.4fr);gap:clamp(16px,2.6vw,38px);align-items:center;margin-top:1.8em;padding:clamp(8px,1.6vw,22px);border:clamp(42px,5.5vw,76px) solid transparent;border-image:url(/books/mid-autumn/letter-frame.webp) 480 fill/clamp(42px,5.5vw,76px) round;filter:drop-shadow(0 24px 44px rgba(6,16,26,.5)) drop-shadow(0 0 28px rgba(246,200,120,.14))}.ma-landing .ap-medal{text-align:center}.ma-landing .ap-medal img{width:clamp(118px,15vw,168px);height:auto;display:block;margin-inline:auto;filter:drop-shadow(0 12px 26px rgba(8,18,28,.55)) drop-shadow(0 0 20px rgba(246,200,120,.32))}.ma-landing .award-plaque.in .ap-medal img{animation:ma-float 8s ease-in-out infinite}.ma-landing .ap-title{font-family:var(--font-round);font-weight:700;font-size:clamp(1.35rem,1.1rem+1.1vw,1.8rem);color:var(--gold-bright);margin:.45em 0 .2em}.ma-landing .ap-sub{font-family:var(--font-round);font-weight:600;font-size:.88rem;line-height:1.5;color:rgba(251,243,226,.78);margin:0}.ma-landing .ap-video{margin-top:1.1em;display:flex;justify-content:center}.ma-landing .ap-quote{margin:0;border-left:1px solid rgba(246,215,122,.28);padding-left:clamp(16px,2.8vw,36px);text-align:left}.ma-landing .ap-qtitle{font-weight:700;color:var(--cream);font-size:clamp(1rem,.95rem+.3vw,1.16rem);margin:.5em 0 .55em}.ma-landing .ap-qbody{color:rgba(251,243,226,.86);font-style:italic;line-height:1.7;font-size:.97rem;margin:0 0 .5em}.ma-landing .ap-attr{display:block;color:rgba(251,243,226,.62);font-style:normal;font-size:.88rem;margin-top:.7em}.ma-landing .ap-more{background:none;border:0;border-radius:0;margin:0 0 .2em;overflow:visible}.ma-landing .ap-more summary{display:inline-flex;padding:6px 0;gap:9px;color:var(--gold-bright);font-size:.92rem}.ma-landing .ap-more summary .q{flex:0 1 auto}.ma-landing .ap-more summary:after{width:20px;height:20px}.ma-landing .ap-more .ap-qbody{padding-top:.5em}.ma-landing .moons{color:var(--gold-bright);letter-spacing:.18em;font-size:1.25rem;filter:drop-shadow(0 0 9px rgba(246,200,120,calc(.2 + .3*var(--moonrise))))}.ma-landing .award-badge{display:inline-flex;align-items:center;gap:.55em;margin-top:1em;padding:9px 17px;border-radius:14px;background:linear-gradient(180deg,rgba(142,42,36,.4),rgba(83,18,16,.4));border:1px solid rgba(246,215,122,.42);color:var(--gold-bright);font-family:var(--font-round);font-weight:600;font-size:.92rem;line-height:1.3;box-shadow:0 8px 22px rgba(6,16,26,.32)}.ma-landing .award-badge .ic{font-size:1.15em;line-height:1;flex:0 0 auto}@media (max-width:760px){.ma-landing .award-plaque{grid-template-columns:1fr}.ma-landing .ap-quote{border-left:0;border-top:1px solid rgba(246,215,122,.28);padding-left:0;padding-top:1.2em}}.ma-landing .letter{position:relative;margin:1.4em auto 0;padding:clamp(40px,5.5vw,68px) clamp(26px,5vw,60px) clamp(34px,4.5vw,52px);border-radius:20px;background:radial-gradient(120% 150% at 26% 8%,var(--maroon-1) 0,var(--maroon-2) 52%,var(--maroon-3) 100%);box-shadow:0 0 0 1.5px var(--gold-deep),0 0 0 7px rgba(83,18,16,.55),0 0 0 8.5px rgba(246,215,122,.3),0 30px 70px rgba(6,16,26,.6),0 0 60px rgba(246,200,120,calc(.06 + .26*var(--moonrise)));isolation:isolate}@supports (border-image-slice:1 fill){.ma-landing .letter{border-radius:0;background:none;box-shadow:none;border:clamp(46px,7vw,92px) solid transparent;border-image:url(/books/mid-autumn/letter-frame.webp) 480 fill/clamp(46px,7vw,92px) round;padding:clamp(14px,2.6vw,30px) clamp(10px,2vw,26px) clamp(12px,2.2vw,26px);filter:drop-shadow(0 26px 46px rgba(6,16,26,.55)) drop-shadow(0 0 32px rgba(246,200,120,.16))}}.ma-landing .letter>*{position:relative;z-index:1}.ma-landing .letter-photo{float:right;width:clamp(122px,22vw,168px);margin:.1em 0 .8em 1.4em;position:relative;padding:9px 9px 11px;background:var(--cream);border-radius:5px;transform:rotate(2.4deg);box-shadow:0 14px 30px rgba(6,16,26,.5),0 0 0 1px rgba(246,215,122,.5);transition:transform .6s var(--ease-lift),box-shadow .5s}.ma-landing .letter-photo img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px}.ma-landing .letter-photo figcaption{margin-top:7px;text-align:center;line-height:1.22;font-family:var(--font-serif);font-style:italic;font-size:.76rem;color:var(--maroon-3)}.ma-landing .letter-photo figcaption span{display:block;margin-top:1px;font-style:normal;font-family:var(--font-body);font-size:.6rem;letter-spacing:.03em;color:#7a2a22;opacity:.92}.ma-landing .letter-photo .corner{position:absolute;width:13px;height:13px;border:1.6px solid var(--gold);opacity:.85}.ma-landing .letter-photo .tl{top:3px;left:3px;border-right:0;border-bottom:0}.ma-landing .letter-photo .tr{top:3px;right:3px;border-left:0;border-bottom:0}.ma-landing .letter-photo .bl{bottom:3px;left:3px;border-right:0;border-top:0}.ma-landing .letter-photo .br{bottom:3px;right:3px;border-left:0;border-top:0}.ma-landing .letter:hover .letter-photo{transform:rotate(.6deg) translateY(-3px);box-shadow:0 22px 44px rgba(6,16,26,.6),0 0 0 1px rgba(246,215,122,.7)}.ma-landing .salute{font-size:clamp(1.2rem,1rem+1vw,1.5rem);color:var(--gold-bright);margin:0 0 .3em}.ma-landing .letter .note,.ma-landing .salute{font-family:var(--font-serif);font-style:italic}.ma-landing .letter .note{font-size:clamp(1.04rem,.98rem+.5vw,1.24rem);line-height:1.7;color:var(--cream);margin:.55em 0;text-wrap:pretty}.ma-landing .letter .note [lang=vi]{color:var(--gold-bright);font-style:italic}.ma-landing .letter .note.close{color:var(--gold-pale)}.ma-landing .same-moon{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.05rem,1rem+.5vw,1.28rem);line-height:1.55;color:var(--gold-bright);margin:.85em 0 .1em}.ma-landing .same-moon [lang=vi]{display:block;color:var(--gold-pale);font-size:.95em;margin-top:.12em}.ma-landing .letter-close-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:1.1em 0 0;clear:both}.ma-landing .letter-closer{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.05rem,1rem+.4vw,1.25rem);color:var(--gold-bright);margin:0}.ma-landing .wax-seal{flex:0 0 auto;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:var(--gold-bright);font-size:1.35rem;transform:rotate(-6deg);background:radial-gradient(circle at 35% 30%,#A53A30,var(--maroon-3) 78%);box-shadow:0 0 0 2px rgba(246,215,122,.5),inset 0 0 12px rgba(0,0,0,.38),0 4px 12px rgba(6,16,26,.42)}@media (max-width:560px){.ma-landing .letter-photo{float:none;margin:0 auto 1.2em;transform:rotate(1.4deg)}}.ma-landing .buy{background:radial-gradient(120% 100% at 50% 0,rgba(142,42,36,.5),transparent 70%)}.ma-landing .buy-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,56px);align-items:center}@media (max-width:760px){.ma-landing .buy-card{grid-template-columns:1fr;text-align:center}}.ma-landing .buy-cover{position:relative;display:grid;place-items:center}.ma-landing .buy-cover:before{content:"";position:absolute;width:86%;aspect-ratio:1;border-radius:50%;z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(246,215,122,calc(.16 + .34*var(--moonrise))) 0,rgba(246,215,122,0) 66%);filter:blur(12px)}.ma-landing .buy-cover img{position:relative;z-index:1;border-radius:14px;max-width:320px;aspect-ratio:1;margin-inline:auto;box-shadow:0 20px 50px rgba(6,16,26,.6),0 0 0 2px rgba(246,215,122,.42);transition:transform .5s var(--ease-lift),box-shadow .5s}.ma-landing .buy-cover:hover img{transform:translateY(-6px) rotate(-1.5deg) scale(1.02);box-shadow:0 30px 64px rgba(6,16,26,.7),0 0 0 2px rgba(246,215,122,.6),0 0 60px rgba(246,200,120,.42)}.ma-landing details{background:rgba(16,58,68,.7);border:1px solid rgba(246,215,122,.16);border-radius:14px;margin-bottom:10px;overflow:hidden}.ma-landing summary{cursor:pointer;padding:15px 20px;font-weight:600;color:var(--cream);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.ma-landing summary .q{flex:1 1 auto;min-width:0}.ma-landing summary::-webkit-details-marker{display:none}.ma-landing summary:after{content:"";flex:0 0 auto;width:27px;height:27px;background:50%/contain no-repeat url(/books/mid-autumn/faq-moon-crescent.svg);filter:drop-shadow(0 1px 5px rgba(246,200,120,.45));transition:transform .4s var(--ease-lift),filter .4s}.ma-landing details[open] summary:after{background-image:url(/books/mid-autumn/faq-moon-full.svg);transform:rotate(-7deg) scale(1.08);filter:drop-shadow(0 0 7px rgba(247,206,126,.75))}.ma-landing details .a{padding:0 20px 16px;color:var(--on-dark-soft)}.ma-landing .buybar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px var(--gut) calc(10px + env(safe-area-inset-bottom));background:rgba(18,38,62,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(246,215,122,.2)}.ma-landing .buybar b{color:var(--gold-bright)}@media (max-width:900px){.ma-landing .buybar{display:flex}.ma-landing{padding-bottom:74px}}.ma-landing .cloud-rule{height:40px;background:50%/220px 40px repeat-x url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='40'><path d='M0 26 Q28 12 56 26 T112 26 T168 26 T220 26' fill='none' stroke='%23F6D77A' stroke-opacity='.3' stroke-width='2' stroke-dasharray='1 7' stroke-linecap='round'/></svg>");opacity:.8}.ma-landing .overlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:clamp(12px,3vw,40px);background:rgba(6,14,28,.88)}.ma-landing .overlay[hidden]{display:none}.ma-landing .overlay-frame{position:relative;width:min(92vw,960px);max-height:88vh;display:flex;flex-direction:column;align-items:center}.ma-landing .overlay-frame img,.ma-landing .overlay-frame video{max-width:100%;max-height:74vh;width:auto;height:auto;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 2px rgba(246,215,122,.4)}.ma-landing .overlay-cap{text-align:center;color:var(--on-dark-soft);margin-top:12px;font-size:.95rem;font-family:var(--font-round)}.ma-landing .ov-btn{position:absolute;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(246,215,122,.45);background:rgba(18,38,62,.88);color:var(--gold-bright);font-size:1.15rem;cursor:pointer;transition:background .2s}.ma-landing .ov-btn:hover{background:rgba(142,42,36,.88)}.ma-landing .ov-close{top:-10px;right:-10px}.ma-landing .ov-prev{left:-12px;top:50%;margin-top:-23px}.ma-landing .ov-next{right:-12px;top:50%;margin-top:-23px}@media (max-width:640px){.ma-landing .ov-prev{left:4px}.ma-landing .ov-next{right:4px}.ma-landing .ov-close{right:4px;top:-4px}}body.ov-lock{overflow:hidden}.ma-landing .paused #stars .tw,.ma-landing.paused #clouds .gcloud,.ma-landing.paused .award-plaque .ap-medal img,.ma-landing.paused .feature-art img,.ma-landing.paused .moon-scene .scene-hero,.ma-landing.paused .moon-scene .scene-moon,.ma-landing.paused .narrator-art img,.ma-landing.paused .scroll-cue,.ma-landing.paused .thesis-moon img{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.ma-landing{--moonrise:1}.ma-landing *,.ma-landing :after,.ma-landing :before{animation:none!important;transition:none!important}.ma-landing.js .rise{opacity:1;transform:none}}