.welcome-landing[hidden]{display:none}.welcome-landing{position:fixed;inset:0;z-index:10000;overflow:auto;display:grid;place-items:center;background:#32113f;color:#fff}.welcome-landing-media,.welcome-landing-shade,.welcome-landing-pattern{position:absolute;inset:0}.welcome-landing-media{inset:-30px;background-position:center;background-size:cover;filter:blur(20px) saturate(.8);opacity:.42;transform:scale(1.08)}.welcome-landing-shade{background:linear-gradient(110deg,rgba(29,8,36,.96) 10%,rgba(70,20,85,.9) 52%,rgba(30,8,38,.82))}.welcome-landing-pattern{opacity:.12;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:48px 48px}.welcome-landing-inner{width:min(1000px,calc(100% - 40px));padding:55px 30px;position:relative;text-align:center;animation:landing-in .6s ease both}.welcome-landing-inner.has-main-image{width:min(1180px,calc(100% - 44px));display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.78fr);gap:58px;align-items:center;text-align:left}.welcome-landing-copy{min-width:0}.welcome-landing-logo{width:104px;height:104px;padding:7px;object-fit:contain;border-radius:50%;background:#fff;box-shadow:0 15px 40px rgba(0,0,0,.28)}.welcome-landing-copy>span{margin-top:24px;display:block;color:#f4bc25;font:700 12px Outfit,Sarabun;letter-spacing:.2em}.welcome-landing h1{max-width:900px;margin:14px auto;font:700 clamp(38px,6vw,75px)/1.1 Outfit,Sarabun;text-wrap:balance}.has-main-image h1{margin-left:0;font-size:clamp(36px,5vw,65px)}.welcome-landing p{max-width:720px;margin:20px auto 0;color:#e7dce9;font-size:clamp(15px,2vw,19px);line-height:1.75}.has-main-image p{margin-left:0}.welcome-landing-main-image{height:min(68vh,680px);min-height:410px;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.28);border-radius:28px;background:rgba(255,255,255,.09);box-shadow:0 28px 75px rgba(0,0,0,.38);transform:rotate(1.2deg)}.welcome-landing-main-image img{width:100%;height:100%;display:block;object-fit:cover}.welcome-landing-actions{margin-top:32px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.has-main-image .welcome-landing-actions{justify-content:flex-start}.welcome-landing-actions a,.welcome-landing-actions button{min-height:48px;padding:0 24px;border:1px solid rgba(255,255,255,.48);border-radius:999px;color:#fff;background:rgba(255,255,255,.08);font:700 14px Sarabun;cursor:pointer}.welcome-landing-actions a{border-color:#f4bc25;background:#f4bc25;color:#30200a}.welcome-landing-copy>small{margin-top:22px;display:block;color:#d4c5d8}.landing-closing{animation:landing-out .28s ease both}@keyframes landing-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes landing-out{to{opacity:0;transform:scale(1.015)}}@media(max-width:820px){.welcome-landing-inner.has-main-image{padding:35px 10px;display:flex;flex-direction:column-reverse;gap:25px;text-align:center}.welcome-landing-main-image{width:min(100%,520px);height:min(38vh,390px);min-height:240px;transform:none}.has-main-image h1,.has-main-image p{margin-left:auto}.has-main-image .welcome-landing-actions{justify-content:center}.welcome-landing-logo{width:78px;height:78px}.welcome-landing h1{font-size:clamp(34px,10vw,50px)}}@media(max-width:600px){.welcome-landing-inner{padding:35px 10px}.welcome-landing-actions{flex-direction:column}.welcome-landing-actions a,.welcome-landing-actions button{width:100%}}