*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#081413;color:#efe7d3;font-family:"Noto Sans Thai",system-ui,sans-serif;font-weight:300;line-height:1.75}.ambient{position:fixed;pointer-events:none;z-index:-1;filter:blur(80px);opacity:.2;border-radius:50%}.ambient-1{width:35vw;height:35vw;background:#b58b35;top:15%;left:-15%}.ambient-2{width:30vw;height:30vw;background:#285b4d;right:-12%;bottom:10%}
.site-header{position:fixed;top:0;left:0;right:0;height:76px;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:linear-gradient(180deg,rgba(5,13,12,.92),rgba(5,13,12,.25));backdrop-filter:blur(8px);border-bottom:1px solid rgba(211,171,78,.15)}.brand{display:flex;gap:12px;align-items:center;color:#f4e8c9;text-decoration:none}.brand-mark{font-size:28px;color:#d8b45b;transform:rotate(45deg);display:inline-block}.brand b{display:block;letter-spacing:.28em;font:600 15px "Noto Sans Thai",sans-serif}.brand small{display:block;letter-spacing:.35em;font:600 9px "Noto Sans Thai",sans-serif;color:#bd9a4b}.site-header nav{display:flex;gap:30px}.site-header nav a{color:#e6ddc9;text-decoration:none;font-size:13px;transition:.25s}.site-header nav a:hover{color:#d8b45b}.nav-toggle{display:none;background:none;border:0;color:#f2e7cd;font-size:25px}
.hero{height:100vh;min-height:680px;position:relative;display:grid;place-items:center;overflow:hidden}.hero-backdrop{position:absolute;inset:0;background:url("cover.png") center/cover no-repeat;filter:saturate(.75) contrast(1.08);transform:scale(1.04)}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,rgba(11,42,38,.25),rgba(4,10,9,.73) 68%),linear-gradient(180deg,rgba(3,9,8,.38),#081413 98%)}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px;padding:90px 25px 30px}.eyebrow,.section-kicker{font:600 12px "Noto Sans Thai",sans-serif;letter-spacing:.38em;color:#d3ae58;text-transform:uppercase}.hero h1{font:500 clamp(45px,7vw,82px)/1.05 "Noto Sans Thai",sans-serif;letter-spacing:.01em;margin:20px 0 12px;text-shadow:0 10px 40px #000}.hero h1 em,h2 em{color:#d5b15a;font-style:normal}.hero-lead{font-size:20px;margin:0 auto 6px;color:#f0e5d1}.hero-copy{font-size:15px;color:#cfc7b5;max-width:620px;margin:0 auto 28px}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 24px;border-radius:2px;text-decoration:none;font-weight:500;font-size:13px;cursor:pointer;transition:.25s;border:1px solid transparent}.btn-gold{background:#c9a44f;color:#111a17;border-color:#d8b75f;box-shadow:0 8px 25px rgba(0,0,0,.25)}.btn-gold:hover{background:#e0c16d;transform:translateY(-2px)}.btn-ghost{border-color:rgba(215,183,95,.55);color:#eadfbf;background:rgba(7,18,16,.25)}.btn-ghost:hover{background:rgba(199,160,72,.12)}.hero-mantra{margin-top:42px;font:600 14px "Noto Sans Thai",sans-serif;letter-spacing:.35em;color:#c7aa5c}.hero-mantra i{font-style:normal;color:#806b39;margin:0 10px}.scroll-cue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.28em;color:#9c947f}.scroll-cue span{font-size:18px;color:#c9a44f;margin-left:8px}
.section{padding:115px 7vw;max-width:1500px;margin:auto}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:25px}.intro h2,.section-head h2{font:600 clamp(38px,5vw,64px)/1.08 "Noto Sans Thai",sans-serif;margin:0;color:#f3ead8}.intro-text{font-size:17px;color:#c9c3b5;max-width:650px}.gold-line{color:#d8b45b!important;border-left:2px solid #b38b39;padding-left:18px;margin-top:30px}
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:42px}.section-head>p{max-width:460px;color:#aaa999;margin:0}.question-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(204,169,84,.22);border:1px solid rgba(204,169,84,.22)}.q-card{border:0;background:#0d1d1a;color:#e9e1cf;text-align:left;padding:28px 24px;min-height:220px;cursor:pointer;transition:.3s}.q-card:hover{background:#132722;transform:translateY(-4px)}.q-card span{display:block;color:#806b39;font:600 12px "Noto Sans Thai",sans-serif;letter-spacing:.2em}.q-card strong{display:block;color:#d7b15a;font:700 33px "Noto Sans Thai",sans-serif;letter-spacing:.08em;margin:13px 0}.q-card b{display:block;font-size:15px;font-weight:500}.q-card small{display:block;color:#8f998f;margin-top:12px}
.reader{margin-top:70px;border:1px solid rgba(202,165,80,.3);background:linear-gradient(145deg,rgba(17,38,33,.92),rgba(7,19,17,.96));padding:34px;box-shadow:0 25px 80px rgba(0,0,0,.22)}.reader-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.reader h3{font:600 35px "Noto Sans Thai",sans-serif;margin:4px 0;color:#f1e7d3}.reader-top p{margin:0;color:#949b90;font-size:13px}.spread{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px;min-height:390px}.empty-spread{grid-column:1/-1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:390px;overflow:hidden;border:1px solid rgba(201,164,78,.34);border-radius:2px;color:#cfc7b5;background:radial-gradient(circle at 50% 45%,rgba(197,157,68,.10),transparent 32%),linear-gradient(180deg,rgba(9,28,24,.55),rgba(5,15,13,.22));box-shadow:inset 0 0 70px rgba(0,0,0,.16)}.empty-spread:before,.empty-spread:after{content:"";position:absolute;inset:18px;border:1px solid rgba(201,164,78,.08);pointer-events:none}.empty-spread:after{inset:32px;border-color:rgba(201,164,78,.045)}.empty-orbit{position:relative;width:118px;height:118px;display:grid;place-items:center;margin-bottom:14px}.empty-symbol{position:relative;z-index:2;display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(219,184,91,.72);border-radius:50%;font-size:26px;color:#e0bd64;text-shadow:0 0 18px rgba(224,189,100,.75);background:rgba(7,20,17,.78);box-shadow:0 0 0 8px rgba(201,164,78,.035),0 0 35px rgba(201,164,78,.20);animation:emptyPulse 2.4s ease-in-out infinite}.orbit{position:absolute;border:1px solid rgba(210,174,84,.22);border-radius:50%;inset:9px;animation:orbitPulse 3.4s ease-in-out infinite}.orbit-b{inset:20px;animation-delay:.55s}.orbit-c{inset:31px;animation-delay:1.1s;border-style:dashed}.empty-copy{position:relative;z-index:2}.empty-kicker{font:600 10px "Noto Sans Thai",sans-serif;letter-spacing:.28em;color:#b9984d;margin-bottom:6px}.empty-copy h4{margin:0;color:#f5ead5;font:700 clamp(24px,3vw,32px) "Noto Sans Thai",sans-serif;text-shadow:0 3px 20px rgba(0,0,0,.7)}.empty-copy p{margin:7px 0 0;color:#bfc0b3;font-size:14px;line-height:1.8}.empty-copy strong{color:#e1bc63;font-weight:700}.empty-cta{position:relative;z-index:3;margin-top:18px;min-width:205px;min-height:54px;font-size:14px;font-weight:700;box-shadow:0 0 0 1px rgba(230,198,111,.12),0 10px 35px rgba(0,0,0,.28),0 0 28px rgba(201,164,78,.12);animation:ctaGlow 2.2s ease-in-out infinite}.empty-cta:hover{animation:none;box-shadow:0 0 0 1px rgba(230,198,111,.25),0 12px 40px rgba(0,0,0,.32),0 0 36px rgba(201,164,78,.28)}.cta-icon{font-size:12px;margin-right:8px}.cta-arrow{font-size:18px;margin-left:10px;transition:transform .25s}.empty-cta:hover .cta-arrow{transform:translateX(4px)}.empty-hint{position:relative;z-index:2;margin-top:17px;font-size:9px;letter-spacing:.18em;color:#6f776d}.empty-spread:hover .empty-symbol{box-shadow:0 0 0 8px rgba(201,164,78,.055),0 0 45px rgba(201,164,78,.34)}@keyframes emptyPulse{0%,100%{transform:scale(1);opacity:.88}50%{transform:scale(1.08);opacity:1}}@keyframes orbitPulse{0%,100%{transform:scale(.92);opacity:.35}50%{transform:scale(1.06);opacity:.85}}@keyframes ctaGlow{0%,100%{box-shadow:0 0 0 1px rgba(230,198,111,.12),0 10px 35px rgba(0,0,0,.28),0 0 22px rgba(201,164,78,.08)}50%{box-shadow:0 0 0 1px rgba(230,198,111,.28),0 10px 35px rgba(0,0,0,.28),0 0 34px rgba(201,164,78,.24)}}.empty-spread span{font-size:35px;color:#b58e40}.reader .btn.is-loading{opacity:.55;pointer-events:none}.reader .btn:disabled{cursor:wait}.spread.is-drawing{display:flex;align-items:center;justify-content:center;min-height:430px}.draw-loading{width:min(100%,620px);min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(202,164,76,.12),transparent 32%),linear-gradient(180deg,rgba(9,28,24,.72),rgba(5,15,13,.4));border:1px solid rgba(201,164,78,.28);box-shadow:inset 0 0 80px rgba(0,0,0,.18)}.draw-loading:before,.draw-loading:after{content:"";position:absolute;border:1px solid rgba(211,174,83,.12);border-radius:50%;pointer-events:none}.draw-loading:before{width:360px;height:360px;animation:loadingAura 4s ease-in-out infinite}.draw-loading:after{width:470px;height:470px;border-color:rgba(211,174,83,.055);animation:loadingAura 5s ease-in-out infinite reverse}.loading-oracle{position:relative;width:156px;height:156px;display:grid;place-items:center;margin-bottom:15px}.loader-ring{position:absolute;display:block;border:1px solid rgba(219,184,91,.34);border-radius:50%;box-shadow:0 0 18px rgba(201,164,78,.08),inset 0 0 18px rgba(201,164,78,.04)}.ring-1{inset:8px;border-top-color:rgba(232,201,113,.92);border-right-color:rgba(232,201,113,.12);animation:spin 2.2s linear infinite}.ring-2{inset:22px;border-right-color:rgba(232,201,113,.78);border-bottom-color:rgba(232,201,113,.08);animation:spinReverse 3.1s linear infinite}.ring-3{inset:38px;border-left-color:rgba(232,201,113,.72);border-top-color:rgba(232,201,113,.08);border-style:dashed;animation:spin 4.3s linear infinite}.ring-4{inset:53px;border-bottom-color:rgba(232,201,113,.88);border-left-color:rgba(232,201,113,.08);animation:spinReverse 2.7s linear infinite}.loading-oracle:before{content:"";position:absolute;inset:29px;border:1px solid rgba(224,189,100,.12);border-radius:50%;animation:corePulse 1.8s ease-in-out infinite}.loader-core{position:relative;z-index:3;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(226,192,99,.68);border-radius:50%;color:#e4c16b;font-size:21px;background:rgba(6,18,15,.9);text-shadow:0 0 20px rgba(228,193,107,.85);box-shadow:0 0 0 7px rgba(204,166,76,.035),0 0 38px rgba(204,166,76,.22);animation:corePulse 1.8s ease-in-out infinite}.loading-kicker{position:relative;z-index:2;font:600 10px "Noto Sans Thai",sans-serif;letter-spacing:.32em;color:#b9984d;margin-bottom:6px}.draw-loading h4{position:relative;z-index:2;margin:0;color:#f5ead5;font:700 clamp(24px,3vw,31px) "Noto Sans Thai",sans-serif;text-shadow:0 3px 22px rgba(0,0,0,.75)}.draw-loading p{position:relative;z-index:2;margin:8px 0 0;color:#bfc0b3;font-size:13px;line-height:1.8}.loading-steps{position:relative;z-index:2;margin-top:19px;color:#9b8249;font:600 9px "Noto Sans Thai",sans-serif;letter-spacing:.2em}.loading-steps i{font-style:normal;color:#5e624f;margin:0 7px}.loading-steps span{animation:stepFlicker 2.4s ease-in-out infinite}.loading-steps span:nth-child(1){animation-delay:0s}.loading-steps span:nth-child(3){animation-delay:.3s}.loading-steps span:nth-child(5){animation-delay:.6s}.loading-steps span:nth-child(7){animation-delay:.9s}.reading-card{padding:0;border:0;background:#0b1715;color:#efe6d3;text-align:left;cursor:pointer;opacity:0;transform:translateY(20px) scale(.52);filter:blur(5px);transform-origin:center center;transition:opacity .55s ease,transform .8s cubic-bezier(.18,.89,.32,1.28),filter .65s ease,box-shadow .4s ease}.reading-card.revealed{opacity:1;transform:translateY(0) scale(1);filter:blur(0);box-shadow:0 18px 38px rgba(0,0,0,.3)}.reading-card:hover{transform:translateY(-5px) scale(1.018);box-shadow:0 24px 45px rgba(0,0,0,.38),0 0 25px rgba(201,164,78,.1)}.reading-image-wrap{position:relative;overflow:hidden;background:#07110f}.reading-image-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(235,208,132,.12) 48%,transparent 62%);transform:translateX(-130%);transition:transform .8s ease}.reading-card.revealed .reading-image-wrap:after{animation:cardShimmer 1s ease .28s}.reading-card img{width:100%;display:block;aspect-ratio-:1/1;object-fit:cover}.reading-label{padding:12px 12px 8px}.reading-label span{color:#776539;font-size:10px;margin-right:8px}.reading-label strong{font:700 19px "Noto Sans Thai",sans-serif;color:#d2ac53;letter-spacing:.1em}.reading-label small{display:block;color:#8e968b;font-size:11px;line-height:1.4;margin-top:2px}.reading-name{padding:0 12px 16px;font:600 19px "Noto Sans Thai",sans-serif}.reader-note{text-align:center;color:#777f76;font-size:12px;margin-top:22px}
.cards-section{padding-top:90px}.search-wrap{display:flex;align-items:center;border-bottom:1px solid rgba(203,169,86,.35);width:230px}.search-wrap span{color:#c4a054;font-size:20px}.search-wrap input{background:transparent;border:0;outline:0;color:#eee3cc;padding:10px;width:100%;font-family:inherit}.search-wrap input::placeholder{color:#777f76}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:38px 22px}.card-tile{min-width:0}.card-image-btn{display:block;position:relative;border:0;background:none;padding:0;width:100%;cursor:pointer;overflow:hidden;box-shadow:0 16px 30px rgba(0,0,0,.3)}.card-image-btn img{display:block;width:100%;height:auto;aspect-ratio-:auto;object-fit:contain;transition:.6s;filter:saturate(.86)}.card-glow{position:absolute;inset:0;border:1px solid rgba(217,179,83,.32);box-shadow:inset 0 0 30px rgba(211,167,69,.08);pointer-events:none}.card-image-btn:hover img{transform:scale(1.045);filter:saturate(1)}.card-meta{display:flex;gap:13px;margin-top:13px}.roman{color:#8b7039;font:600 15px "Noto Sans Thai",sans-serif;padding-top:2px}.card-meta h3{font:600 24px/1.05 "Noto Sans Thai",sans-serif;margin:0;color:#eee4cf}.card-meta p{margin:3px 0 0;color:#858e84;font-size:11px}
.manifesto{max-width:none;text-align:center;padding:150px 7vw;background:radial-gradient(circle at center,rgba(38,75,63,.25),transparent 55%)}.manifesto-inner{max-width:800px;margin:auto}.keyhole{display:inline-block;color:#c9a44f;font-size:44px;margin-bottom:8px}.manifesto h2{font:600 clamp(50px,7vw,90px)/.95 "Noto Sans Thai",sans-serif;margin:16px 0 35px}
.site-footer{border-top:1px solid rgba(210,174,84,.18);padding:30px 7vw;display:flex;justify-content:space-between;gap:20px;color:#747b72;font-size:11px}.site-footer strong{display:block;color:#c5a153;letter-spacing:.2em;font:600 13px "Noto Sans Thai",sans-serif}.site-footer span{display:block}
.modal{position:fixed;inset:0;background:rgba(1,5,4,.85);backdrop-filter:blur(10px);z-index:50;display:none;padding:5vh 5vw;overflow:auto}.modal.show{display:grid;place-items:center}.modal-panel{width:min(1100px,100%);max-height:90vh;overflow:auto;background:#0b1917;border:1px solid rgba(210,172,82,.35);display:grid;grid-template-columns:minmax(320px,46%) 1fr;box-shadow:0 40px 100px #000}.modal-image{background:#07110f}.modal-image img{width:100%;display:block}.modal-content{padding:45px}.modal-content h2{font:600 55px/1 "Noto Sans Thai",sans-serif;margin:5px 0;color:#f3e8d2}.modal-subtitle{color:#d2ae58;margin:0 0 25px}.detail{border-top:1px solid rgba(207,171,84,.14);padding:17px 0}.detail span{font:600 10px "Noto Sans Thai",sans-serif;letter-spacing:.2em;color:#89713e}.detail p{margin:5px 0 0;color:#b9b9ad;font-size:13px;line-height:1.8}.detail.key p{color:#ddbd6a;font-size:15px}.modal-close{position:absolute;top:20px;right:28px;border:0;background:none;color:#e4d9bd;font-size:35px;cursor:pointer;z-index:3}.modal-open{overflow:hidden}
@media(max-width:1000px){.cards-grid{grid-template-columns:repeat(3,1fr)}.question-grid{grid-template-columns:repeat(2,1fr)}.spread{grid-template-columns:repeat(2,1fr)}.intro-grid{grid-template-columns:1fr}.site-header nav{gap:18px}}
@media(max-width:700px){.site-header{height:65px;padding:0 5vw}.site-header nav{display:none;position:absolute;top:65px;left:0;right:0;background:#081513;border-bottom:1px solid rgba(210,174,84,.2);padding:16px 5vw;flex-direction:column;gap:10px}.site-header.nav-open nav{display:flex}.nav-toggle{display:block}.brand b{font-size:13px}.hero{min-height:650px}.hero-content{padding-top:75px}.hero h1{font-size:49px}.hero-lead{font-size:16px}.hero-copy{font-size:13px}.hero-mantra{font-size:11px}.section{padding:85px 6vw}.section-head{display:block}.section-head>p{margin-top:12px}.search-wrap{margin-top:25px;width:100%}.cards-grid{grid-template-columns:repeat(2,1fr);gap:30px 13px}.card-meta h3{font-size:20px}.card-meta p{font-size:10px}.question-grid{grid-template-columns:1fr}.q-card{min-height:175px}.reader{padding:20px}.reader-top{display:block}.reader-top .btn{margin-top:18px;width:100%}.spread{grid-template-columns:repeat(2,1fr);gap:10px}.empty-spread{min-height:360px;padding:22px 14px}.empty-copy p{font-size:13px}.empty-hint{font-size:8px}.reading-label{padding:8px}.reading-label strong{font-size:16px}.reading-label small{font-size:9px}.reading-name{font-size:16px;padding:0 8px 12px}.modal{padding:20px}.modal-panel{grid-template-columns:1fr;max-height:92vh}.modal-content{padding:28px}.modal-content h2{font-size:44px}.modal-close{top:8px;right:14px}.site-footer{flex-direction:column}.intro h2{font-size:48px}}

@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}@keyframes corePulse{0%,100%{transform:scale(.94);opacity:.72}50%{transform:scale(1.08);opacity:1}}@keyframes loadingAura{0%,100%{transform:scale(.9);opacity:.25}50%{transform:scale(1.08);opacity:.7}}@keyframes stepFlicker{0%,100%{opacity:.38}45%{opacity:1;text-shadow:0 0 12px rgba(224,189,100,.38)}}@keyframes cardShimmer{0%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
@media(prefers-reduced-motion:reduce){.empty-symbol,.orbit,.empty-cta,.loader-ring,.loading-oracle:before,.loader-core,.draw-loading:before,.draw-loading:after,.loading-steps span{animation:none!important}.reading-card{transition:opacity .2s ease,filter .2s ease}.reading-card.revealed{transform:none}}