:root{--welcome-forest:#193a2d;--welcome-paper:#f2eee4}
body.welcome-open{overflow:hidden}
.welcome-gate{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:hidden;background:#101812;opacity:1;transition:opacity .45s ease}
.welcome-gate[hidden]{display:none!important}
.welcome-gate.is-leaving{opacity:0;pointer-events:none}
.welcome-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.57) saturate(.78)}
.welcome-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,16,12,.18),rgba(8,16,12,.22) 42%,rgba(8,16,12,.58));pointer-events:none}
.welcome-action{position:relative;z-index:1;display:grid;place-items:center;padding:32px}
.welcome-enter{position:relative;display:grid;justify-items:center;gap:13px;border:0;background:transparent;color:white;padding:12px 18px;border-radius:4px;transition:transform .2s ease,filter .2s ease}
.welcome-enter:hover{transform:scale(1.035);filter:brightness(1.03)}
.welcome-enter:focus-visible{outline:2px solid var(--welcome-paper);outline-offset:8px}
.welcome-enter img{display:block;width:clamp(230px,36vw,430px);height:auto;max-height:42vh;object-fit:contain;filter:brightness(1.45) saturate(1.1) drop-shadow(0 5px 18px rgba(0,0,0,.45))}
.welcome-enter-label{font:600 12px/1.5 'Noto Sans Thai',sans-serif;letter-spacing:.12em;color:#fff;text-shadow:0 1px 7px rgba(0,0,0,.8)}
html[lang=en] .welcome-enter-label{font:500 11px/1.5 Outfit,'Noto Sans Thai',sans-serif;letter-spacing:.15em;text-transform:uppercase}
@media(max-width:650px){.welcome-video{object-position:center}.welcome-video{filter:brightness(.53) saturate(.75)}.welcome-action{padding:20px}.welcome-enter{gap:11px;padding:12px 8px}.welcome-enter img{width:clamp(210px,76vw,340px);max-height:34vh}.welcome-enter-label{font-size:11px;letter-spacing:.09em}}
@media(prefers-reduced-motion:reduce){.welcome-gate,.welcome-enter{transition:none}}