:root{--navy:#036;--navy-light:#0a4a8a;--navy-dark:#001830;--gold:#c9a227;--gold-light:#e0c669;--red:#a6192e;--green:#4c7a3d;--cream:#f7f5f0;--paper:#fff;--ink:#2e2d2a;--ink-soft:#6b6a63;--border:#e3e1d8;--font-display:"Noto Serif Thai", serif;--font-body:"Noto Sans Thai", sans-serif;--max-width:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--gold) var(--cream);font-size:19px}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--gold-light), var(--gold));border:2px solid var(--cream);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}::selection{color:var(--navy-dark);background:#c9a22759}body{font-family:var(--font-body);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;margin:0;line-height:1.7}h1,h2,h3,h4{font-family:var(--font-display);color:var(--navy);margin:0;line-height:1.35}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:var(--max-width);margin:0 auto;padding:0 24px}.eyebrow{letter-spacing:.14em;color:var(--gold);text-transform:uppercase;font-size:.72rem;font-weight:600}.section-label{letter-spacing:.06em;color:var(--ink-soft);align-items:center;gap:10px;margin:0 0 28px;font-size:.8rem;display:flex}.section-label:before{content:"";background:var(--gold);border-radius:2px;width:3px;height:18px;display:inline-block}.btn{cursor:pointer;isolation:isolate;border:1px solid #0000;border-radius:4px;align-items:center;gap:8px;padding:11px 22px;font-size:.85rem;font-weight:600;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,background-color .25s;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;background:linear-gradient(115deg,#0000 20%,#ffffff73 45%,#0000 70%);transition:transform .6s;position:absolute;inset:0;transform:translate(-120%)}.btn:hover:before{transform:translate(120%)}.btn:active{transform:scale(.96)}.btn-gold{background:var(--gold);color:var(--navy-dark)}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 10px 28px #c9a22773,0 0 0 1px #c9a2274d}.btn-outline{color:#fff;border-color:#ffffff80}.btn-outline:hover{border-color:var(--gold-light);transform:translateY(-2px);box-shadow:0 10px 24px #00000040,0 0 20px #e0c6694d}.card{background:var(--paper);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s!important}a.card:hover,.card.interactive:hover{border-color:var(--gold);transform:translateY(-6px);box-shadow:0 20px 40px -12px #0e264738,0 0 0 1px #c9a22726}.reveal{opacity:0!important;filter:blur(6px)!important;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),filter .8s cubic-bezier(.16,1,.3,1)!important;transform:translateY(48px)scale(.96)!important}.reveal.in-view{opacity:1!important;filter:blur()!important;transform:translateY(0)scale(1)!important}.reveal-group>*{opacity:0!important;filter:blur(6px)!important;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),filter .8s cubic-bezier(.16,1,.3,1)!important;transform:translateY(48px)scale(.96)!important}.reveal-group.in-view>*{opacity:1!important;filter:blur()!important;transform:translateY(0)scale(1)!important}.reveal-group.in-view>:nth-child(2){transition-delay:90ms}.reveal-group.in-view>:nth-child(3){transition-delay:.18s}.reveal-group.in-view>:nth-child(4){transition-delay:.27s}.reveal-group.in-view>:nth-child(5){transition-delay:.36s}.reveal-group.in-view>:nth-child(6){transition-delay:.45s}.reveal-group.in-view>:nth-child(n+7){transition-delay:.54s}@media (prefers-reduced-motion:reduce){.reveal,.reveal-group>*{opacity:1;filter:none;transition:none;transform:none}}.tag{color:var(--navy);background:#0e264714;border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-block}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:3px}.skip-link{z-index:200;background:var(--navy);color:#fff;border-radius:0 0 6px 6px;padding:10px 20px;font-size:.85rem;font-weight:600;transition:transform .2s;position:fixed;top:0;left:50%;transform:translate(-50%,-120%)}.skip-link:focus{transform:translate(-50%)}.scroll-progress{z-index:150;background:linear-gradient(90deg, var(--gold), var(--gold-light));transform-origin:0;pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0;transform:scaleX(0);box-shadow:0 0 10px #c9a22799}.to-top{z-index:140;background:var(--navy);width:46px;height:46px;color:var(--gold-light);cursor:pointer;opacity:0;visibility:hidden;border:1px solid #c9a22766;border-radius:50%;place-items:center;transition:opacity .3s,transform .3s,visibility .3s,background-color .25s,box-shadow .25s;display:grid;position:fixed;bottom:22px;right:22px;transform:translateY(14px)}.to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.to-top:hover{background:var(--navy-light);box-shadow:0 10px 26px -8px #00000080,0 0 18px #c9a22759}.to-top:active{transform:scale(.92)}@media (width<=720px){.to-top{width:42px;height:42px;bottom:14px;right:14px}}@media (prefers-reduced-motion:reduce){.scroll-progress,.to-top{transition:none}}@media (width<=720px){.wrap{padding:0 18px}}