@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{--ink:#142639;--gold:#edb956;--line:#d8dfe5;--muted:#526273;--paper:#f4f6f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:'Noto Sans Thai',Tahoma,sans-serif;color:var(--ink);font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #bc7800;outline-offset:5px}img{display:block;width:100%;object-fit:cover}figure{margin:0}header{min-height:96px;padding:22px 5%;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line);background:white}.brand{display:flex;align-items:center;gap:13px;font-weight:700;letter-spacing:.09em;font-size:19px;line-height:1.4}.brand small{display:block;font-size:12px;font-weight:400;letter-spacing:0;margin-top:4px}.monogram{padding:12px 10px;background:var(--ink);color:var(--gold);font-size:21px}nav{display:flex;gap:30px;margin-left:auto;font-size:14px}nav a:hover,.text-link:hover{color:#94621c}.contact-top{font-weight:600;border-left:1px solid var(--line);padding-left:26px;font-size:15px}.hero{display:grid;grid-template-columns:44% 56%;min-height:660px;background:var(--ink);color:white}.hero-copy{padding:68px 8% 45px 11.4%}.eyebrow{font-size:14px;font-weight:600;letter-spacing:.035em;margin:0 0 18px}.hero .eyebrow,.quality .eyebrow,.visit .eyebrow{color:var(--gold)}h1{font-size:clamp(34px,3.2vw,55px);line-height:1.4;letter-spacing:-.035em;margin:0 0 24px}h1 span{display:block;color:var(--gold)}.intro{max-width:450px;color:#d7e0e9;font-size:17px;line-height:1.9}.actions{display:flex;align-items:center;gap:24px;margin:28px 0 38px}.button{padding:15px 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;font-size:15px;font-weight:600;min-height:54px;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px)}.gold{background:var(--gold);color:var(--ink)}.gold:hover{background:#f5ca77}.text-link{font-size:15px;text-decoration:underline;text-underline-offset:6px}.hero-facts{display:flex;gap:38px;padding-top:28px;border-top:1px solid #415161}.hero-facts strong{display:block;font-size:28px;font-weight:500}.hero-facts span{display:block;font-size:13px;color:#c1cbd6}.hero-photo{position:relative;min-height:600px}.hero-photo img{height:100%;position:absolute;object-position:50% 50%}.hero-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:40px 28px 20px;display:flex;justify-content:space-between;font-size:12px;background:linear-gradient(transparent,#0009)}.section{padding:90px 7%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}h2{font-size:clamp(29px,3vw,43px);line-height:1.5;letter-spacing:-.025em;margin:0}h3{font-size:21px;line-height:1.5;margin:12px 0}p{margin:12px 0}.section-head>p{color:var(--muted);max-width:450px}.plans{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.plan{padding:34px 40px}.plan+.plan{border-left:1px solid var(--line);background:var(--paper)}.plan-top{display:flex;align-items:center;justify-content:space-between}.tag{font-size:13px;font-weight:500}.number{font-size:30px;color:#8b99a7}.plan h3{font-size:29px}.plan p{color:var(--muted)}.price{font-size:clamp(38px,4vw,57px);font-weight:600;letter-spacing:-.05em;line-height:1.4;margin-top:24px}.price span{font-size:20px;font-weight:400;letter-spacing:0}.tax{font-size:14px!important;margin-top:0}hr{border:0;border-top:1px solid var(--line);margin:25px 0}.outline{border:1px solid var(--ink);margin-top:18px;min-width:270px}.note{font-size:13px;color:var(--muted);margin-top:24px;max-width:1000px}.quality{background:var(--ink);color:white}.quality .section-head>p{color:#c1cbd6}.specs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #4a5764}.specs article{padding:32px 32px 16px 0}.specs article+article{border-left:1px solid #4a5764;padding-left:32px}.specs span{font-size:13px;color:var(--gold)}.specs h3{font-size:25px}.specs p{color:#d7e0e9}.quality .note{color:#b4c1ce}.gallery-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:26px}.gallery-grid img{height:440px}.gallery-grid figcaption{padding:14px 0;font-size:14px;color:var(--muted)}.process{background:var(--paper);padding-top:75px;padding-bottom:75px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:40px 0}.steps strong{font-size:36px;color:#8995a0;font-weight:400}.steps p{color:var(--muted)}.finance{border-top:1px solid var(--line);padding-top:24px;display:grid;grid-template-columns:1fr 2fr;gap:35px}.finance p{color:var(--muted);font-size:15px}.visit{background:#193149;color:white;display:grid;grid-template-columns:1.3fr 1fr;gap:70px}.visit h2{font-size:43px}.visit p{color:#d3dde7}.area{font-size:14px;max-width:500px;margin-top:25px}.visit-actions{align-self:center;display:flex;flex-direction:column;gap:15px}.light{border:1px solid #9aabbc;justify-content:center}.visit-actions>.text-link{margin-top:7px;text-align:center}.visit-actions p{font-size:13px;text-align:center;margin-top:12px}footer{padding:38px 7% 45px;display:flex;gap:35px;align-items:center;font-size:13px}footer p{margin-left:auto}footer .brand{font-size:15px}footer small{font-size:12px}.mobile-bar{display:none}.skip{position:absolute;left:15px;top:-100px;z-index:20;padding:12px;background:white}.skip:focus{top:10px}@media(min-width:1600px){main,header,footer{max-width:1700px;margin:auto}}@media(max-width:1100px){header{gap:20px}nav{gap:16px}.contact-top{display:none}.hero{grid-template-columns:48% 52%}.hero-copy{padding:50px 8%}.hero-photo{min-height:610px}.actions{gap:16px;flex-wrap:wrap}.section{padding:65px 6%}.plan{padding:28px}.gallery-grid img{height:350px}}@media(max-width:720px){header{min-height:78px;padding:17px 6%}.brand{font-size:16px}.monogram{font-size:18px;padding:10px}.brand small{font-size:12px}nav{display:none}.hero{display:flex;flex-direction:column}.hero-copy{padding:38px 6% 30px}h1{font-size:37px}.intro{font-size:16px}.actions{margin:25px 0}.hero-facts{gap:35px;padding-top:20px}.hero-facts strong{font-size:25px}.hero-photo{min-height:330px}.hero-photo img{object-position:center}.hero-photo figcaption{padding:35px 16px 15px;font-size:12px}.section{padding:52px 6%}.section-head{display:block;margin-bottom:28px}.section-head>p{margin-top:20px}.section-head>.text-link{display:inline-block;margin-top:20px}h2{font-size:30px}.plans{grid-template-columns:1fr}.plan{padding:25px}.plan+.plan{border-left:0;border-top:1px solid var(--line)}.plan h3{font-size:26px}.price{font-size:46px}.outline{min-width:0;width:100%}.specs{grid-template-columns:1fr}.specs article{padding:24px 0}.specs article+article{border-left:0;border-top:1px solid #4a5764;padding-left:0}.gallery-grid{grid-template-columns:1fr;gap:24px}.gallery-grid img{height:auto;max-height:450px}.gallery-grid figure:last-child img{height:360px;object-position:center 55%}.steps{grid-template-columns:1fr;gap:15px;margin:30px 0}.steps article{border-top:1px solid var(--line);padding-top:18px}.steps strong{font-size:27px}.finance{grid-template-columns:1fr;gap:0}.visit{grid-template-columns:1fr;gap:22px}.visit h2{font-size:34px}footer{padding:32px 6% 100px;align-items:start;flex-wrap:wrap;gap:20px}footer p{margin:0;width:100%}.mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--ink);z-index:10;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -2px 10px #0002}.mobile-bar a{padding:16px 12px;text-align:center;flex:1;color:white;font-size:14px}.mobile-bar a:last-child{background:var(--gold);color:var(--ink);flex:1.7}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}