:root{--night:#102c3d;--deep:#0c2230;--paper:#fbf4e5;--ink:#183c47;--muted:#49626a;--gold:#f4cf87;--green:#c5d8ca;--shadow:0 24px 48px #0005; color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;background:var(--night);color:var(--paper);font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",Thonburi,sans-serif;line-height:1.65}body:lang(th){line-height:1.85}a{color:inherit;text-underline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #fff3b6;outline-offset:5px}.paper a:focus-visible,.story-card a:focus-visible{outline-color:#315f67}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.17;font-weight:750;letter-spacing:-.035em}h1:lang(th),h2:lang(th),h3:lang(th){letter-spacing:-.02em;line-height:1.35}h1{font-size:clamp(2.5rem,5.5vw,5.15rem)}h2{font-size:clamp(1.9rem,3.3vw,3rem)}h3{font-size:1.25rem}p+p{margin-top:1rem}.wrap{max-width:1240px;margin:auto;padding:0 32px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--paper);color:var(--ink);padding:12px 20px}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:20;background:#0d2738f5;backdrop-filter:blur(12px);box-shadow:0 1px 0 #d9e6df20}.header-inner{min-height:84px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:10px;font-size:1.6rem;font-weight:800;text-decoration:none;letter-spacing:-.04em;flex-shrink:0}.brand img{width:38px;height:38px;border-radius:10px}.nav{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:.9rem}.nav a{text-decoration:none;padding:10px 0;color:#e3e6dd}.nav a:hover,.nav a[aria-current=page]{color:var(--gold)}.language-switch{display:flex;gap:4px;align-items:center;border:1px solid #f4cf8750;border-radius:30px;padding:4px;flex-shrink:0}.language-switch a{min-width:42px;padding:4px 10px;text-decoration:none;text-align:center;border-radius:20px;font-size:.83rem;font-weight:700}.language-switch a[aria-current=page],.language-switch a:hover{background:var(--paper);color:var(--ink)}.scene{position:relative;isolation:isolate;min-height:870px;overflow:hidden;background:var(--night)}.scene:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(to bottom,#102c3d 0%,#102c3d00 30%),url('forest.jpg');background-position:center top,center bottom;background-repeat:no-repeat;background-size:100% 100%,100% auto}.scene:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#102c3d60,transparent 75%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:.95fr 1.1fr;gap:52px;padding-top:66px;align-items:start}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-size:.77rem;font-weight:700;margin-bottom:24px}.status{display:inline-flex;align-items:center;gap:9px;font-size:.83rem;background:#163b4c;color:#ffe1a0;padding:7px 14px;border:1px solid #eac37860;border-radius:30px;margin-bottom:22px}.status:before{content:"";width:6px;height:6px;border-radius:100%;background:var(--gold)}.hero-copy .intro{font-size:1.1rem;max-width:490px;color:#e5e9dd;margin-top:26px}.hero-copy h1:lang(th){font-size:clamp(2.3rem,4.5vw,4.3rem)}.actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:30px;background:var(--gold);color:var(--deep);font-weight:700;font-size:.94rem;text-decoration:none;box-shadow:0 5px 16px #0002}.button:hover{background:#ffe5af;transform:translateY(-1px)}.text-link{font-size:.93rem;padding:12px 4px;color:var(--paper)}.hero-screen{padding-top:210px;position:relative}.app-screen img{width:100%;border-radius:clamp(4px,1vw,10px);border:0;box-shadow:var(--shadow)}.app-screen a{display:block}.app-screen figcaption{color:#f3e6c6;text-align:center;font-size:.76rem;margin-top:16px;line-height:1.6}.hero-screen .app-screen{transform:rotate(-2deg)}.camp{position:absolute;bottom:18px;width:100%;left:0}.companions{display:flex;align-items:flex-end;justify-content:center;gap:0;max-width:1370px;margin:0 auto;padding:0 22px}.companions img{width:7.6%;max-width:110px;filter:drop-shadow(0 8px 8px #06172190);flex-shrink:0}.camp figcaption{text-align:center;margin-top:12px;color:#f3e9cf;font-size:.8rem}.camp figcaption strong{font-weight:650}.paper{background:var(--paper);color:var(--ink);padding:80px 0;position:relative}.paper:before{content:"";position:absolute;inset:0;opacity:.2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.18' filter='url(%23n)'/%3E%3C/svg%3E")}.paper>.wrap{position:relative}.section-heading{max-width:730px;margin-bottom:36px}.section-heading p{font-size:1.05rem;color:var(--muted);margin-top:18px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{padding:28px 25px;background:#fffaf1;border-radius:18px;box-shadow:0 5px 16px #223b4210}.feature-card .number{font-size:.8rem;color:#536f62;display:block;margin-bottom:17px;letter-spacing:.12em}.feature-card p{margin-top:14px;color:var(--muted);font-size:.94rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split p{margin-top:20px;color:var(--muted)}.paper .app-screen figcaption{color:var(--muted)}.paper .button{background:var(--ink);color:var(--paper)}.paper .text-link{color:var(--ink)}.forest-section{padding:76px 0;background:linear-gradient(#102c3dde,#102c3dee),url('forest.jpg') center bottom/cover}.forest-section .split p{color:#d8e3dd}.duo-note{border-left:3px solid var(--gold);padding:4px 0 4px 26px;max-width:840px;margin:auto}.duo-note h2{font-size:1.75rem}.duo-note p{color:#d8e3dd;font-size:.95rem;margin-top:18px}.page-heading{padding:65px 0 54px;background:linear-gradient(90deg,#102c3dee,#102c3d75),url('forest.jpg') center 35%/cover}.page-heading h1{font-size:clamp(2.5rem,4.5vw,4rem);max-width:930px}.page-heading p{margin-top:22px;max-width:800px;color:#e1e7dc;font-size:1.07rem}.story-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}.story-card{background:#fffaf2;border-radius:18px;padding:20px 18px 24px;box-shadow:0 5px 18px #173c4710}.story-card .story-art{height:150px;width:100%;object-fit:contain;filter:drop-shadow(0 4px 6px #152f3225);margin-bottom:18px}.story-card h2{font-size:1.1rem;letter-spacing:-.02em;min-height:2.5em;line-height:1.35}.story-card p{font-size:.87rem;color:var(--muted);margin-top:12px}.access{display:inline-block;margin-bottom:10px;border-radius:12px;background:#e7efe4;color:#2f5844;padding:3px 9px;font-size:.67rem;font-weight:750}.access.full{background:#efe8d9;color:#6b5941}.library-note{margin-top:40px;max-width:920px;color:var(--muted);font-size:.98rem}.reading-width{max-width:850px}.contact{font-size:1.35rem;font-weight:700;overflow-wrap:anywhere}.contact-note{max-width:700px;font-size:.96rem;color:var(--muted);margin-top:22px}.faq{margin-top:48px}.faq details{border-top:1px solid #b8c8c5;padding:20px 0}.faq details:last-child{border-bottom:1px solid #b8c8c5}.faq summary{cursor:pointer;font-weight:750;font-size:1.06rem}.faq p{margin:16px 0 0;color:var(--muted)}.draft-note{background:#f4e4c4;border-left:4px solid #9a7540;padding:23px 25px;margin-bottom:40px;border-radius:0 12px 12px 0}.draft-note strong{display:block;margin-bottom:10px}.policy-section{margin-bottom:34px}.policy-section h2{font-size:1.5rem;margin-bottom:16px}.policy-section p{color:var(--muted)}.site-footer{padding:45px 0 32px;background:var(--deep);color:#ced9d4}.footer-top{display:flex;justify-content:space-between;gap:28px;align-items:start}.footer-top .brand{color:var(--paper);font-size:1.35rem}.footer-top p{font-size:.87rem;margin-top:8px}.footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:.84rem;padding-top:6px}.credits{font-size:.72rem;line-height:1.75;margin-top:30px;max-width:950px;color:#b1c6c2}.preview-label{font-size:.7rem;color:#d1b987;margin-top:14px}.gateway-scene{min-height:930px}.gateway-scene .hero-grid{grid-template-columns:1fr 1fr}.gateway-scene .hero-screen{padding-top:140px}.gateway-card{background:#16394bd9;border:1px solid #d6e7dc35;padding:24px;border-radius:18px;margin-top:28px}.gateway-card h2{font-size:1.1rem;letter-spacing:0}.gateway-languages{display:flex;gap:10px;margin:18px 0}.gateway-languages a{display:inline-flex;align-items:center;justify-content:center;min-width:110px;padding:10px 18px;border:1px solid #a6c2bd;border-radius:25px;text-decoration:none}.gateway-languages a.is-preferred,.gateway-languages a:hover{background:var(--paper);color:var(--ink)}.gateway-card .button{width:100%}.gateway-card .note{font-size:.74rem;color:#dae4dc;margin-top:16px}.gateway-intro-th{font-size:.96rem;line-height:1.9;margin-top:14px;color:#d7e2dc}.gateway-scene .hero-copy h1{font-size:clamp(2.5rem,5vw,4.5rem)}
@media(min-width:1600px){.scene{min-height:960px}.hero-screen{padding-top:230px}.companions{max-width:1450px}.companions img{max-width:125px}}
@media(max-width:1100px){.wrap{padding:0 25px}.header-inner{gap:20px}.nav{gap:16px}.brand{font-size:1.4rem}.hero-grid{gap:28px}.scene{min-height:800px}.hero-screen{padding-top:200px}.story-grid{grid-template-columns:repeat(3,1fr)}.companions{padding:0 8px}.companions img{max-width:88px}.feature-grid{gap:16px}.feature-card{padding:24px 20px}.split{gap:32px}}
@media(max-width:800px){.header-inner{flex-wrap:wrap;gap:0;justify-content:space-between;padding-top:13px;padding-bottom:10px;min-height:105px}.brand{font-size:1.4rem}.brand img{width:32px;height:32px}.language-switch{order:1}.nav{order:2;width:100%;justify-content:space-between;margin:7px 0 0;gap:8px;font-size:.79rem}.nav a{padding:6px 0}.hero-grid{grid-template-columns:1fr;gap:30px;padding-top:40px}.scene{min-height:0;padding-bottom:245px}.scene:before{background-size:100% 100%,auto 430px;background-position:center top,center bottom}.hero-copy{max-width:630px}.hero-copy h1{font-size:3.25rem}.hero-copy h1:lang(th){font-size:2.8rem}.hero-copy .intro{max-width:600px;font-size:1rem}.hero-screen{padding-top:5px;margin:0 auto;width:90%;max-width:640px}.hero-screen .app-screen{transform:rotate(-1deg)}.camp{bottom:15px}.companions{flex-wrap:wrap;max-width:600px;padding:0 15px;gap:0}.companions img{width:14%;max-width:80px}.camp figcaption{padding:0 18px;font-size:.72rem;margin-top:5px}.feature-grid{grid-template-columns:repeat(2,1fr)}.paper{padding:55px 0}.split{grid-template-columns:1fr;gap:35px}.split .app-screen{max-width:700px}.forest-section{padding:55px 0}.page-heading{padding:45px 0}.story-grid{grid-template-columns:repeat(2,1fr)}.story-card .story-art{height:150px}.footer-top{flex-direction:column}.gateway-scene .hero-grid{grid-template-columns:1fr}.gateway-scene .hero-screen{padding-top:0}.gateway-scene{padding-bottom:255px}.gateway-card{max-width:520px}.gateway-scene .hero-copy h1{font-size:3rem}}
@media(max-width:480px){.wrap{padding:0 20px}.brand{font-size:1.25rem}.nav{font-size:.73rem}.nav:lang(th){font-size:.69rem}.nav a{white-space:nowrap}.hero-copy h1{font-size:2.8rem}.hero-copy h1:lang(th){font-size:2.3rem}.hero-grid{padding-top:34px}.eyebrow{margin-bottom:17px;font-size:.65rem}.hero-copy .intro{margin-top:20px}.status{margin-bottom:17px}.actions{gap:10px;margin-top:24px}.button{font-size:.85rem;padding:11px 18px}.text-link{font-size:.83rem}.hero-screen{width:100%;margin-top:15px}.scene{padding-bottom:230px}.scene:before{background-size:100% 100%,auto 380px;background-position:center top,36% bottom}.companions img{width:14%;max-width:70px}.app-screen figcaption{font-size:.65rem}.feature-grid{grid-template-columns:1fr}.feature-card{padding:25px}.story-grid{gap:14px}.story-card{padding:15px 13px 19px}.story-card .story-art{height:120px}.story-card h2{font-size:.98rem;min-height:3.6em}.story-card p{font-size:.8rem}.page-heading h1{font-size:2.35rem}.page-heading h1:lang(th){font-size:2.1rem}.page-heading p{font-size:1rem}.duo-note{padding-left:19px}.duo-note h2{font-size:1.45rem}.gateway-scene .hero-copy h1{font-size:2.7rem}.gateway-card{padding:21px}.credits{font-size:.69rem}.language-switch a{min-width:36px;padding:3px 8px}.access{font-size:.61rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover{transform:none}}

.feature-card h2{font-size:1.25rem}
.paper summary:focus-visible{outline-color:#315f67}

/* Keep the night scene uninterrupted; show its full panorama on narrow screens. */
.scene:before{background-image:linear-gradient(90deg,#102c3d70,transparent 75%),url('forest.jpg');background-size:100% 100%,cover;background-position:center,center}
.companions img{max-height:100px;object-fit:contain}
.panorama{display:none}
@media(max-width:800px){.scene:before{background-image:linear-gradient(#102c3d 0%,#102c3d 48%,#102c3d55 78%,#102c3d00),url('forest.jpg');background-size:100% 100%,cover}.panorama{display:block;margin:25px 0 0;position:relative}.panorama:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#102c3d 0%,transparent 20%,transparent 80%,#102c3d 100%);pointer-events:none}.panorama img{width:100%;height:auto}.companions img{max-height:80px}.scene{padding-bottom:215px}.gateway-scene{padding-bottom:225px}}
@media(max-width:480px){.companions img{max-height:66px}.scene{padding-bottom:180px}.gateway-scene{padding-bottom:190px}}