*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,'Noto Sans Thai',sans-serif;background:#f6f1eb;color:#111}a{color:inherit}.site-header{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:18px 5vw;background:rgba(246,241,235,.78);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,0,0,.08)}.brand{font-size:24px;font-weight:800;letter-spacing:5px;text-decoration:none}.site-header nav{display:flex;gap:24px}.site-header nav a{text-decoration:none;font-size:13px;text-transform:uppercase;letter-spacing:1.5px}.hero{position:relative;height:100vh;min-height:680px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.30),rgba(0,0,0,.55))}.hero-content{position:relative;color:white;padding:20px;max-width:920px}.eyebrow{letter-spacing:3px;text-transform:uppercase;font-size:12px;font-weight:700;margin:0 0 18px}.eyebrow.dark{color:#6b5b4a}.hero h1{font-size:clamp(56px,11vw,140px);line-height:.88;letter-spacing:8px;margin:0 0 26px}.subtitle{font-size:clamp(18px,2.3vw,28px);line-height:1.55;margin-bottom:32px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:999px;text-decoration:none;font-weight:700;margin:6px;border:1px solid #111;transition:.25s}.btn.primary{background:#111;color:white}.btn.secondary{background:rgba(255,255,255,.14);color:white;border-color:white}.btn:hover{transform:translateY(-2px);opacity:.9}.section{max-width:1180px;margin:auto;padding:90px 5vw}.intro{text-align:center;max-width:860px}.intro h2,.section-head h2,.contact h2,.about h2{font-size:clamp(34px,5vw,62px);line-height:1.05;margin:0 0 22px}.intro p,.about p,.policy p,.contact p{font-size:17px;line-height:1.85;color:#333}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.section-head h2{margin:0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:white;border-radius:26px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.08)}.card img{width:100%;height:430px;object-fit:cover;display:block;transition:.5s}.card:hover img{transform:scale(1.04)}.card div{padding:20px}.card h3{margin:0 0 8px;font-size:21px}.card p{margin:0;color:#666;line-height:1.6}.masonry{columns:3 260px;column-gap:18px}.masonry img{width:100%;display:block;break-inside:avoid;border-radius:26px;margin:0 0 18px;box-shadow:0 18px 50px rgba(0,0,0,.08)}.about{display:grid;grid-template-columns:1.35fr .85fr;gap:28px;align-items:start}.about-box,.mini-card,.contact{background:#fff;border-radius:28px;padding:34px;box-shadow:0 18px 50px rgba(0,0,0,.08)}.about-box h3,.mini-card h3{margin-top:0}.about-box li{margin-bottom:12px;line-height:1.6}.policy{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact{max-width:900px;text-align:center}.contact-list{margin:28px 0}.contact a{color:#111;font-weight:700}.footer{background:#111;color:white;padding:60px 5vw;text-align:center}.footer h3{letter-spacing:5px;font-size:28px;margin:0 0 10px}.footer a{display:inline-block;color:white;margin:12px;text-decoration:none}.copyright{opacity:.7;margin-top:30px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.show{opacity:1;transform:none}@media(max-width:900px){.site-header{padding:14px 18px}.site-header nav{gap:12px;overflow:auto}.site-header nav a{font-size:11px}.hero{min-height:620px}.grid{grid-template-columns:repeat(2,1fr)}.card img{height:360px}.about,.policy{grid-template-columns:1fr}.section-head{display:block}.section{padding:70px 20px}}@media(max-width:560px){.site-header nav a:nth-child(2),.site-header nav a:nth-child(4){display:none}.grid{grid-template-columns:1fr}.card img{height:440px}.hero h1{letter-spacing:4px}.hero-buttons .btn{width:100%;max-width:320px}.footer a{display:block}}