:root{--green:#0b3d2e;--deep:#06291f;--mint:#dcebdc;--cream:#f5f1e7;--gold:#caa85a;--ink:#14251e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,"Noto Sans Thai",sans-serif}a{color:inherit;text-decoration:none}.site-header{height:96px;padding:0 clamp(24px,6vw,92px);display:flex;align-items:center;justify-content:space-between;background:#f8f5ed;border-bottom:1px solid rgba(20,37,30,.1);position:relative;z-index:5}.brand{display:flex;align-items:center}.site-logo{display:block;width:166px;height:82px;object-fit:contain;object-position:left center}nav{display:flex;gap:34px;align-items:center;font-size:14px}nav a:hover{color:#8a6b27}.nav-contact{border:1px solid var(--green);padding:11px 18px;border-radius:99px}.hero{min-height:670px;padding:85px clamp(24px,8vw,124px);background:var(--green);color:#fff;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);align-items:center;gap:60px;position:relative;overflow:hidden}.hero-glow{position:absolute;width:650px;height:650px;right:-250px;top:-200px;border:1px solid rgba(202,168,90,.18);border-radius:50%;box-shadow:0 0 0 80px rgba(202,168,90,.04),0 0 0 170px rgba(202,168,90,.03)}.hero-content{position:relative;z-index:1;max-width:720px}.eyebrow,.section-label{font-size:11px;letter-spacing:.26em;font-weight:700;color:var(--gold)}h1{font:500 clamp(54px,7vw,96px)/.96 Georgia,serif;letter-spacing:-.045em;margin:24px 0 30px}h1 em{color:var(--gold);font-weight:400}.hero-copy{max-width:590px;font-size:18px;line-height:1.8;color:#dce8e2}.hero-actions{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap}.button{min-height:52px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:4px;font-weight:700;font-size:14px;transition:.2s ease}.button:hover{transform:translateY(-2px)}.primary{background:var(--gold);color:var(--deep)}.secondary{border:1px solid rgba(255,255,255,.45)}.hero-card{justify-self:center;width:min(330px,32vw);aspect-ratio:.7;border:1px solid rgba(202,168,90,.7);border-radius:18px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;transform:rotate(5deg);box-shadow:0 35px 70px rgba(0,0,0,.25);background:linear-gradient(145deg,#114d3a,#082f24);position:relative;z-index:1}.card-line{font-size:9px;letter-spacing:.5em;color:var(--gold)}.card-line.bottom{transform:rotate(180deg)}.card-orbit{width:72%;aspect-ratio:1;border:1px solid rgba(202,168,90,.5);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 18px rgba(202,168,90,.05),0 0 0 38px rgba(202,168,90,.035)}.card-logo{display:block;width:145%;max-width:none;height:auto;filter:drop-shadow(0 12px 14px rgba(0,0,0,.35))}.about{padding:110px clamp(24px,8vw,124px);display:grid;grid-template-columns:1fr 1fr;gap:90px}h2{color:var(--green);font:500 clamp(38px,5vw,64px)/1.08 Georgia,"Noto Serif Thai",serif;letter-spacing:-.035em;margin:20px 0}.about-copy>p{font-size:18px;line-height:1.9;color:#4a5a52;margin:5px 0 34px}.game-list{display:flex;flex-wrap:wrap;gap:9px}.game-list span{border:1px solid #c9d0c8;padding:9px 13px;border-radius:99px;font-size:12px;background:#faf8f2}.location{margin:0 clamp(24px,5vw,72px) 100px;background:var(--mint);display:grid;grid-template-columns:1.25fr .75fr;min-height:500px}.map-wrap{min-height:500px;filter:saturate(.75) contrast(.95)}.map-wrap iframe{border:0;width:100%;height:100%;min-height:500px}.location-info{padding:70px clamp(30px,5vw,75px);display:flex;flex-direction:column;justify-content:center}.address-row{display:flex;gap:15px;margin:18px 0 25px;padding-top:22px;border-top:1px solid rgba(11,61,46,.18)}.pin{color:#947222}.address-row p{margin:7px 0;color:#65756d;font-size:14px}.text-link{color:var(--green);font-weight:700;font-size:14px}.contact{padding:110px 24px;text-align:center;background:#f8f5ed;border-top:1px solid #e4ded0}.contact h2{margin:20px auto 34px}.facebook{background:#1877f2;color:#fff}.facebook b{font-size:23px}footer{min-height:120px;padding:30px clamp(24px,6vw,92px);background:var(--deep);color:#c9d7d0;display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:12px}.footer-logo{display:block;width:150px;height:92px;object-fit:contain}footer>a{color:var(--gold)}
@media(max-width:800px){.site-header{height:82px}.site-logo{width:132px;height:70px}nav a:not(.nav-contact){display:none}.nav-contact{padding:9px 14px}.hero{min-height:auto;grid-template-columns:1fr;padding-top:70px;padding-bottom:75px}.hero-card{display:none}.about{grid-template-columns:1fr;gap:25px;padding-top:80px;padding-bottom:80px}.location{grid-template-columns:1fr;margin-left:16px;margin-right:16px}.map-wrap,.map-wrap iframe{min-height:360px}.location-info{padding:48px 28px 55px}footer{flex-direction:column;text-align:center}}@media(max-width:480px){.site-header{padding-left:15px;padding-right:15px}.site-logo{width:112px}h1{font-size:52px}.hero-copy{font-size:16px}.hero-actions .button{width:100%}}