@font-face{font-family:SukhumvitReg;src:url(/assets/fonts/SukhumvitReg.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:SukhumvitReg;src:url(/assets/fonts/SukhumvitBold.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}:root{--color-background:#000;--color-background-soft:#071817;--color-header:#003b38;--color-surface:#fff;--color-surface-muted:#e8f0fe;--color-surface-raised:#e9ecef;--color-surface-dark:#171918;--color-text:#212529;--color-text-muted:#5a6369;--color-text-secondary:#ffebcd;--color-text-tertiary:#c8b980;--color-text-inverse:#ddd;--color-border:#dee2e6;--color-border-dark:#3f4747;--color-primary:#f3c85a;--color-primary-strong:#8b4208;--color-primary-soft:#fae385;--color-primary-ink:#211600;--color-secondary:#00a997;--color-secondary-strong:#00796f;--color-success:#118b4f;--color-warning:#c77c00;--color-danger:#b82e38;--color-focus:#ffe08a;--color-overlay:#000000b8;--color-overlay-soft:#003b388f;--color-shadow:#0000004d;--color-glow:#f3c85a2e;--font-family:"SukhumvitReg", "Noto Sans Thai", Tahoma, sans-serif;--font-size-xs:.8rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-base:1.2rem;--font-size-xl:1.5625rem;--font-size-2xl:clamp(1.75rem, 4vw, 3.45rem);--font-size-3xl:clamp(2.4rem, 7vw, 5.8rem);--line-height-compact:1.2;--line-height-body:1.72;--space-1:.1875rem;--space-2:.25rem;--space-3:.3125rem;--space-4:.375rem;--space-5:.4375rem;--space-6:.5rem;--space-7:.625rem;--space-8:.75rem;--space-10:1rem;--space-12:1.25rem;--space-16:1.5rem;--space-20:2rem;--space-24:2.5rem;--space-32:3rem;--space-40:4rem;--space-48:5rem;--radius-xs:.2rem;--radius-sm:.25rem;--radius-md:.75rem;--radius-lg:1.25rem;--radius-pill:999px;--shadow-1:#00000029 0 3px 6px, #6e501466 0 3px 6px, #8b4208 0 -1px 2px 1px inset, #fae385 0 -1px 1px 2px inset;--shadow-panel:0 1.5rem 4rem var(--color-shadow);--duration-instant:.15s;--duration-fast:.2s;--container:72rem;--content-width:48rem}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 15%, var(--color-overlay-soft), transparent 28rem), radial-gradient(circle at 90% 40%, var(--color-glow), transparent 24rem), var(--color-background);min-width:20rem;color:var(--color-text-inverse);font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-body);text-rendering:optimizelegibility;margin:0}img,svg{max-width:100%;display:block}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.08em}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:.2rem solid var(--color-focus);outline-offset:.2rem}.container{width:min(100% - var(--space-32), var(--container));margin-inline:auto}.skip-link{z-index:100;top:var(--space-10);left:var(--space-10);padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);transition:transform var(--duration-instant) ease;position:fixed;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:50;border-bottom:1px solid var(--color-border-dark);background:color-mix(in srgb, var(--color-header) 94%, transparent);backdrop-filter:blur(.8rem);position:sticky;top:0}.header-bar{align-items:center;gap:var(--space-24);grid-template-columns:auto 1fr auto;min-height:4.8rem;display:grid}.brand,.footer-brand{text-decoration:none}.brand{align-items:center;display:inline-flex}.brand-logo{width:clamp(10.5rem,17vw,13.5rem);height:auto;display:block}.nav-list{justify-content:center;align-items:center;gap:var(--space-6);margin:0;padding:0;list-style:none;display:flex}.nav-list a{min-height:2.75rem;padding:var(--space-6) var(--space-12);border-radius:var(--radius-sm);color:var(--color-text-inverse);transition:color var(--duration-fast) ease, background-color var(--duration-fast) ease;align-items:center;text-decoration:none;display:inline-flex}.nav-list a:hover,.nav-list a[aria-current=page]{background:var(--color-background);color:var(--color-primary-soft)}.button{min-height:3rem;padding:var(--space-8) var(--space-20);border-radius:var(--radius-sm);font:inherit;font-weight:700;line-height:var(--line-height-compact);text-align:center;transition:transform var(--duration-instant) ease, filter var(--duration-fast) ease, background-color var(--duration-fast) ease;border:1px solid #0000;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.button:hover{filter:brightness(1.08);transform:translateY(-.1rem)}.button:active{filter:brightness(.94);transform:translateY(0)}.button-primary{border-color:var(--color-primary-soft);background:linear-gradient(135deg, var(--color-primary-soft), var(--color-primary), var(--color-primary-strong));color:var(--color-primary-ink);box-shadow:var(--shadow-1)}.button-secondary{border-color:var(--color-text-tertiary);background:var(--color-surface-dark);color:var(--color-text-secondary)}.button-row,.hero-actions{gap:var(--space-10);flex-wrap:wrap;display:flex}.hero{border-bottom:1px solid var(--color-primary-strong);isolation:isolate;place-items:center;min-height:min(50rem,74vh);display:grid;position:relative;overflow:hidden}.hero-compact{min-height:min(38rem,64vh)}.hero-image,.hero-overlay{width:100%;height:100%;position:absolute;inset:0}.hero-image{z-index:-2;object-fit:cover;object-position:center}.hero-overlay{z-index:-1;background:linear-gradient(90deg, var(--color-overlay) 0%, var(--color-overlay-soft) 58%, transparent 100%), linear-gradient(0deg, var(--color-background) 0%, transparent 35%)}.hero-content{padding-block:var(--space-48)}.hero-content h1{max-width:16ch;margin:var(--space-8) 0 var(--space-12);color:var(--color-surface);font-size:var(--font-size-2xl);text-wrap:balance;line-height:1.18}.hero-description{max-width:46rem;margin:0 0 var(--space-20);color:var(--color-text-secondary);font-size:clamp(var(--font-size-md), 2vw, var(--font-size-base))}.eyebrow,.card-kicker{color:var(--color-primary);font-size:var(--font-size-sm);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:700}.section{padding-block:var(--space-48)}.section-promotions{background:var(--color-background-soft)}.section-reading{position:relative}.section-heading{justify-content:space-between;align-items:end;gap:var(--space-20);margin-bottom:var(--space-24);display:flex}.section-heading h2,.archive-hero h1{margin:var(--space-6) 0 0;color:var(--color-surface);font-size:var(--font-size-2xl);line-height:1.2}.text-link{color:var(--color-primary-soft);font-weight:700}.promotion-grid{gap:var(--space-20);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.promotion-card{border:1px solid var(--color-text-tertiary);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-panel);overflow:hidden}.promotion-image-link{aspect-ratio:16/9;background:var(--color-surface-dark);display:block;overflow:hidden}.promotion-card img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-fast) ease}.promotion-card:hover img{transform:scale(1.02)}.promotion-card-body{padding:var(--space-20)}.promotion-card h3{margin:var(--space-6) 0 var(--space-8);font-size:var(--font-size-xl);line-height:1.35}.promotion-card h3 a{text-decoration:none}.promotion-card h3 a:hover{color:var(--color-secondary-strong)}.promotion-card p:not(.card-kicker){color:var(--color-text-muted)}.promotion-card .text-link{color:var(--color-secondary-strong)}.reading-layout{align-items:start;gap:var(--space-24);grid-template-columns:minmax(0,1fr) minmax(16rem,20rem);display:grid}.content-panel{padding:clamp(var(--space-20), 4vw, var(--space-40));border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-panel);overflow:hidden}.prose{width:100%}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose h2,.prose h3{color:var(--color-header);text-wrap:pretty;line-height:1.32}.prose h2{margin:var(--space-40) 0 var(--space-12);padding-bottom:var(--space-8);border-bottom:.15rem solid var(--color-primary);font-size:clamp(1.5rem,3vw,2.05rem)}.prose h3{margin:var(--space-24) 0 var(--space-8);font-size:var(--font-size-xl)}.prose p,.prose li{font-size:1.08rem}.prose p{margin-block:var(--space-12)}.prose ul,.prose ol{margin-block:var(--space-16);padding-left:var(--space-24)}.prose li{margin-block:var(--space-6);padding-left:var(--space-4)}.prose li::marker{color:var(--color-secondary-strong);font-weight:700}.prose a{color:var(--color-secondary-strong);overflow-wrap:anywhere;font-weight:700}.prose strong{color:var(--color-header)}.back-link{margin-bottom:var(--space-16);display:inline-flex}.cta-panel{padding:var(--space-24);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:linear-gradient(145deg, var(--color-surface-dark), var(--color-background)), var(--color-background);box-shadow:var(--shadow-panel);position:sticky;top:6.5rem}.cta-panel h2{margin:var(--space-6) 0 var(--space-8);color:var(--color-surface);line-height:1.3}.cta-panel p:not(.eyebrow){color:var(--color-text-inverse)}.cta-panel .button{width:100%;margin-top:var(--space-8)}.archive-hero{border-bottom:1px solid var(--color-primary-strong);background:linear-gradient(120deg, var(--color-overlay-soft), transparent 60%), var(--color-surface-dark)}.archive-hero-content{max-width:var(--container);padding-block:var(--space-48)}.archive-hero-content>p:not(.eyebrow){max-width:46rem;color:var(--color-text-secondary);font-size:var(--font-size-base)}.site-footer{padding-top:var(--space-40);border-top:1px solid var(--color-primary-strong);background:var(--color-header);color:var(--color-text-inverse)}.footer-grid{gap:var(--space-32);grid-template-columns:1.4fr .8fr 1fr;display:grid}.footer-brand{color:var(--color-primary-soft);font-size:var(--font-size-xl);font-weight:700}.footer-grid p{max-width:32rem}.footer-grid ul{margin:0;padding:0;list-style:none}.footer-grid li+li{margin-top:var(--space-8)}.footer-action .button{width:100%}.footer-note{justify-content:space-between;gap:var(--space-20);margin-top:var(--space-32);padding-block:var(--space-16);border-top:1px solid var(--color-border-dark);color:var(--color-text-tertiary);font-size:var(--font-size-sm);display:flex}.footer-note p{margin:0}.not-found{min-height:65vh;padding-block:var(--space-48);place-items:center;display:grid}.not-found-panel{max-width:42rem;padding:var(--space-40);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-surface-dark);text-align:center}.error-code{color:var(--color-primary);font-size:var(--font-size-3xl);margin:0;font-weight:700;line-height:1}.not-found h1{color:var(--color-surface)}@media (width<=56rem){.header-bar{gap:var(--space-10);padding-block:var(--space-8);grid-template-columns:auto 1fr}.header-bar nav{grid-area:2/1/auto/-1;overflow-x:auto}.nav-list{justify-content:flex-start}.header-cta{justify-self:end}.hero{min-height:40rem}.reading-layout{grid-template-columns:1fr}.cta-panel{position:static}.footer-grid{grid-template-columns:1fr 1fr}.footer-action{grid-column:1/-1}}@media (width<=42rem){.container{width:min(100% - var(--space-20), var(--container))}.hero-image{object-position:82% center}.header-cta{min-height:2.6rem;padding-inline:var(--space-12)}.nav-list a{white-space:nowrap}.hero,.hero-compact{align-items:end;min-height:38rem}.hero-overlay{background:linear-gradient(0deg, var(--color-background) 8%, var(--color-overlay) 68%, var(--color-overlay-soft) 100%)}.hero-content{padding-block:var(--space-40)}.hero-content h1{max-width:100%;font-size:clamp(1.85rem,8vw,2.65rem)}.hero-actions,.button-row{width:100%;display:grid}.hero-actions .button,.button-row .button{width:100%}.section{padding-block:var(--space-40)}.section-heading{flex-direction:column;align-items:start}.promotion-grid{grid-template-columns:1fr}.content-panel{padding:var(--space-20)}.prose p,.prose li{font-size:var(--font-size-md)}.footer-grid,.footer-note{grid-template-columns:1fr;display:grid}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}