/* Layout recreated with HTML/CSS. Scenic artwork never contains interface text. */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{--red:#941711;--gold:#ecd098;--ink:#382c23;--paper:#f8f1e6;--line:#d8c4a4;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans Thai',Tahoma,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e3a931;outline-offset:4px}button{transition:transform .18s,filter .18s}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}.header{position:relative;z-index:10;min-height:64px;display:flex;align-items:center;gap:24px;padding:0 max(24px,calc((100% - 1280px)/2));background:linear-gradient(110deg,#260906,#51170e 60%,#260906);color:#fff0dc;border-bottom:1px solid #bd8b47}.brand{flex:none;font:bold italic 26px Georgia;color:#f0d39b;white-space:nowrap;text-shadow:1px 2px #000}.brand span{font-size:37px;color:#bc2418;margin-left:2px}.brand small{display:block;font:9px Arial;letter-spacing:2px;text-align:center;margin-top:-3px}.header nav{display:flex;align-self:stretch;justify-content:center;gap:26px;flex:1;min-width:0}.header nav a{display:flex;align-items:center;position:relative;font-size:13px;white-space:nowrap}.header nav a:hover,.header nav a.active{color:#ffd779}.header nav a.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:#f5bb58;box-shadow:0 -2px 10px #e65113}.account{display:flex;align-items:center;gap:14px;font-size:11px;white-space:nowrap}.account button{border:0;background:none;color:inherit;padding:8px 0}.gold,.account .gold{border:1px solid #e2bc7a;border-radius:4px;color:#43270e;background:linear-gradient(#fff0c7,#d9b478);padding:8px 15px}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:490px;display:flex;align-items:center;padding:40px max(24px,calc((100% - var(--max))/2));background:#d9c5aa}.hero-art{position:absolute;z-index:-2;inset:0;background:url('assets/hero-clean.png') center center/cover no-repeat}.hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,transparent 42%,#fff2db24 65%,#fff2db18)}.hero-content{width:53%;margin-left:auto;text-align:center;min-width:0}.hero h1{font:bold italic clamp(48px,5.8vw,85px)/1 Georgia;color:#f5d995;text-shadow:2px 3px #251709,-1px -1px #251709;letter-spacing:-3px;margin:0}.hero h1 span{color:#ab1a12;font-size:1.3em;margin-left:4px}.domain{font:bold 21px Georgia;letter-spacing:2px;margin:5px 0;color:#291f17}.tagline{font-size:14px;margin:18px 0 24px}.tagline:before,.tagline:after{content:'—';margin:0 8px;color:#8e7653}.hero-buttons{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}.hero-buttons button{position:relative;min-height:82px;padding:15px 10px;border:4px double #d1a24c;border-radius:4px;box-shadow:0 5px 12px #27120550}.hero-buttons button:before,.hero-buttons button:after{content:'';position:absolute;width:12px;height:12px;border:2px solid #e3c06f;top:3px}.hero-buttons button:before{left:3px;border-right:0;border-bottom:0}.hero-buttons button:after{right:3px;border-left:0;border-bottom:0}.hero-buttons b{font-size:23px;display:flex;align-items:center;justify-content:center;gap:12px;line-height:1.4}.hero-buttons small{display:block;font-size:11px;margin-top:2px}.download{background:linear-gradient(#ad190c,#670800);color:#fff0c7}.register{background:linear-gradient(#fff3ce,#dbbc7e);color:#3b2a17}.icon{width:30px;height:30px;display:inline-block;fill:currentColor;flex-shrink:0}.hero-buttons .icon{width:31px;height:31px}.services{margin-top:30px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.services button{min-height:100px;padding:12px 4px;background:linear-gradient(#fffaf0,#e9dfcf);border:1px solid #c4aa84;border-radius:5px;box-shadow:0 4px 10px #27130645;color:#3c2e22}.services .icon{width:31px;height:31px;display:block;margin:0 auto 5px}.services strong{display:block;font-size:13px;line-height:1.5}.services small{display:block;font-size:10px}.services .discord{color:#5d5c8c}.content{position:relative;display:grid;grid-template-columns:1.25fr 1fr;gap:22px;padding:22px max(24px,calc((100% - var(--max))/2)) 26px;background:radial-gradient(ellipse at top,#fffdf8,#f2e8d9);border-top:2px solid #d5b67e;border-bottom:4px solid #bb8748}.content>div{min-width:0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line);margin-bottom:12px}.section-title h2{display:flex;align-items:center;gap:9px;font-size:25px;color:var(--red);margin:0 0 6px;white-space:nowrap}.section-title .icon{width:27px;height:27px}.view-all{font-size:11px;white-space:nowrap;background:none;border:0;color:var(--red);padding:5px 0}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.news article{border:1px solid #e5d9c7;background:#fffaf4;box-shadow:0 3px 6px #6041190a;border-radius:4px;overflow:hidden}.card-image{width:100%;aspect-ratio:2.25;overflow:hidden}.card-image img{width:100%;height:100%;display:block;object-fit:cover}.card-body{padding:10px}.meta{display:flex;align-items:center;gap:7px;font-size:9px;color:#8a8178;flex-wrap:wrap}.meta span{background:#b62118;color:white;padding:2px 5px;border-radius:2px}.meta .orange{background:#dd7f0a}h3{font-size:12px;line-height:1.55;margin:7px 0}.card-body p{font-size:11px;color:#8f857b;line-height:1.55;margin:0}.events{border-left:1px solid #ded0be;padding-left:22px}.event-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:9px}.event-main{isolation:isolate;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:206px;border:4px double #cca356;border-radius:4px;background:radial-gradient(ellipse at bottom,#cb801d,#5c1509 60%,#240708);color:#fff1c1;text-shadow:1px 2px #450d03;padding:15px 7px}.event-main:before{content:'';position:absolute;z-index:-1;inset:0;background:repeating-conic-gradient(from 0deg at 50% 110%,#fbb84c12 0deg 9deg,transparent 9deg 20deg)}.event-main:after{content:'✦';position:absolute;color:#f4be60;opacity:.4;font-size:100px;right:-20px;bottom:-35px}.event-main span{font-size:24px;font-style:italic;line-height:1.4}.event-main b{display:block;font-size:22px}.event-main small{display:block;font-size:11px;margin-top:7px}.event-main .event-gift{display:block;width:56px;height:56px;margin:15px auto 0;color:#ffe092;filter:drop-shadow(0 3px 3px #6d210a)}.event-side{display:grid;gap:6px;grid-template-rows:repeat(3,1fr)}.event-side button{position:relative;overflow:hidden;border:1px solid #c0a276;border-radius:4px;background:linear-gradient(120deg,#382c1b,#79562e);color:#ffe8b0;text-align:left;padding:8px 10px;font-size:12px;line-height:1.4}.event-side button:after{content:'✦';position:absolute;right:4px;bottom:-13px;font-size:60px;color:#edd6a619}.event-side .blue{background:linear-gradient(120deg,#233d7c,#6579ac);color:#fff1d9}.event-side small{display:block;font-size:9px}.dots{display:flex;gap:7px;justify-content:center;margin-top:10px}.dots button{width:9px;height:9px;border-radius:50%;border:0;background:#b7ada2;padding:0}.dots button.selected{background:#a81e17}.features{position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#6d2114,#2f0805);color:#f2d49c;text-align:center;padding:22px max(24px,calc((100% - var(--max))/2)) 36px}.features:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 30px,#daa56604 30px 31px)}.features h2{font:700 28px Georgia;margin:0 0 8px}.features>p{font-size:13px;margin:0 0 29px}.feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.feature-grid>div{border-right:1px solid #c48a4145;display:grid;grid-template-columns:49px 1fr;gap:2px 10px;text-align:left;align-items:center;padding:0 16px}.feature-grid>div:last-child{border:0}.feature-grid .icon{grid-row:span 2;width:43px;height:43px}.feature-grid strong{font-size:12px;white-space:nowrap}.feature-grid small{font-size:11px;color:#e9d3b4}footer{padding:14px;background:#260805;color:#bba078;font-size:10px;text-align:center}dialog{max-width:440px;width:calc(100% - 32px);max-height:85dvh;overflow:auto;background:#fff9ee;border:1px solid #bf9859;border-radius:8px;box-shadow:0 15px 70px #0006;padding:30px;color:var(--ink)}dialog::backdrop{background:#1c0905a8}dialog h2{font-size:23px;color:var(--red);margin:0 0 14px}dialog p{line-height:1.8;font-size:14px}.close{position:absolute;top:6px;right:10px;background:none;border:0;font-size:27px;color:#7a5340}.dismiss{display:block;margin-left:auto}.dialog-content form{display:grid;gap:13px}.dialog-content label{display:grid;gap:5px;font-size:12px}.dialog-content input{width:100%;border:1px solid #d0bfa6;background:#fff;border-radius:4px;padding:9px 11px;min-width:0}.dialog-content .form-note{font-size:11px;color:#8e7660;margin:0}.dialog-content .gold{margin-top:5px}.dialog-content ul{padding-left:20px;font-size:13px;line-height:1.9}.dialog-content .guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.guide-grid div{padding:12px;background:#f3e8d5;border:1px solid #e2cda9;border-radius:4px}.guide-grid strong{display:block;color:#8e2013}.guide-grid small{font-size:11px}.dialog-list{display:grid;gap:10px}.dialog-list button{background:#f5ecdc;border:1px solid #e2cda9;padding:13px;text-align:left;border-radius:4px;color:var(--ink)}
@media(min-width:1600px){.hero{min-height:560px}.hero-content{width:55%}}
@media(max-width:1150px){.header{gap:16px;padding:0 22px}.header nav{gap:18px}.account{gap:9px}.account>span{display:none}.hero{min-height:465px}.hero-content{width:56%}.hero-buttons b{font-size:20px}.services{gap:7px}.feature-grid>div{padding:0 8px;gap:5px;grid-template-columns:38px 1fr}.feature-grid .icon{width:33px;height:33px}.feature-grid strong{white-space:normal}.content{gap:18px}.events{padding-left:18px}.event-main b{font-size:20px}}
@media(max-width:950px){.header nav{gap:13px}.header nav a{font-size:12px}.account>button:not(.gold){display:none}.brand{font-size:22px}.brand span{font-size:32px}.content{grid-template-columns:1fr}.events{border:0;padding:0;margin-top:8px}.event-grid{grid-template-columns:1.7fr 1fr}.event-main{min-height:245px}.card-image{aspect-ratio:2.35}.card-body{padding:13px}h3{font-size:14px}.card-body p{font-size:12px}.meta{font-size:10px}.event-side button{font-size:14px}.event-side small{font-size:11px}}
@media(max-width:760px){html{scroll-padding-top:65px}.header{min-height:62px;padding:0 5%;gap:14px}.menu-toggle{display:flex;align-items:center;justify-content:center;order:3;width:36px;height:34px;border:1px solid #8e6244;background:#ffffff08;border-radius:4px;color:#f5dbab;font-size:24px}.account{margin-left:auto}.account .gold{font-size:11px;padding:7px 10px}.header nav{display:none;position:absolute;top:62px;left:0;right:0;padding:12px 5%;background:#38100a;border-bottom:2px solid #b98747;box-shadow:0 8px 14px #0004}.header nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.header nav a{padding:12px 7px;font-size:14px;min-height:44px}.header nav a.active:after{height:2px}.hero{min-height:0;padding:0;display:block;background:#ecddc5}.hero-art{height:335px;background-position:22% center;background-size:auto 335px}.hero:after{background:linear-gradient(transparent 200px,#ecddc5 330px);height:340px}.hero-content{width:100%;margin:0;padding:290px 5% 25px}.hero h1{font-size:57px}.domain{font-size:18px}.tagline{font-size:12px;margin:15px 0 20px}.tagline:before,.tagline:after{margin:0 4px}.hero-buttons{gap:10px}.hero-buttons button{min-height:76px;padding:11px 5px}.hero-buttons b{font-size:19px;gap:6px}.hero-buttons .icon{width:24px;height:24px}.hero-buttons small{font-size:10px}.services{margin-top:18px;gap:8px}.services button{min-height:90px;padding:10px 3px;box-shadow:0 3px 7px #4f321226}.services strong{font-size:12px}.services small{font-size:9px}.content{padding:22px 5% 25px}.section-title h2{font-size:23px}.features{padding:25px 5% 30px}.features h2{font-size:25px}.features>p{font-size:12px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.feature-grid>div{border:0;grid-template-columns:40px 1fr;padding:0;gap:8px}.feature-grid>div:last-child{grid-column:1/-1;justify-self:center}.feature-grid .icon{width:36px;height:36px}.feature-grid strong{font-size:13px}.feature-grid small{font-size:11px}}
@media(max-width:520px){.news-grid{grid-template-columns:1fr;gap:12px}.news article{display:grid;grid-template-columns:37% minmax(0,1fr)}.card-image{height:100%;aspect-ratio:auto;min-height:133px}.card-image img{object-fit:cover}.card-body{padding:10px 12px}.meta{font-size:9px}h3{font-size:13px}.card-body p{font-size:11px}.event-grid{grid-template-columns:1fr}.event-main{min-height:220px}.event-main span{font-size:25px}.event-main b{font-size:26px}.event-side{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto}.event-side button{padding:10px 7px;font-size:11px;min-height:76px}.event-side small{font-size:9px}.hero h1{font-size:52px}.hero-buttons b{font-size:17px}.hero-buttons .icon{width:21px;height:21px}.services{gap:6px}.services strong{font-size:11px}.services small{font-size:8px}.services .icon{width:27px;height:27px}.tagline:before,.tagline:after{display:none}}
@media(max-width:360px){.header{gap:8px}.brand{font-size:19px}.brand span{font-size:28px}.hero-buttons{grid-template-columns:1fr}.services{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:46px}.event-side{grid-template-columns:1fr}.feature-grid{gap:20px 5px}.feature-grid strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button{transition:none}}