:root{--bg:#101110;--fg:#f1f0e9;--muted:#a4a69e;--line:#353731;--accent:#d8fa72}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Manrope,'Noto Sans Thai',sans-serif}body.light{--bg:#f3f2ec;--fg:#161914;--muted:#61665b;--line:#ced0c5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header{height:104px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-weight:800;font-size:24px;letter-spacing:-1px}.logo span{color:var(--accent)}nav{display:flex;gap:32px;font-size:13px}header aside{display:flex;gap:20px;align-items:center}button{background:none;border:1px solid var(--line);border-radius:30px;padding:11px 17px}.menu{display:none}.wrap{padding:0 5%}.intro{padding-top:70px;display:flex;justify-content:space-between;align-items:start}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase}.dot{color:var(--accent)}h1{font-size:clamp(65px,10.6vw,164px);line-height:.99;letter-spacing:-.075em;margin:35px 0 30px;font-weight:500}h1 em{font-style:normal;color:var(--accent)}.light h1 em,.light .dot{color:#617522}.intro p{max-width:330px;line-height:1.8;color:var(--muted);font-size:14px;margin-top:35px}.hero{height:550px;position:relative;overflow:hidden;border-radius:4px;margin-top:30px;background:#263c3b}.hero video,.hero>img{width:100%;height:100%;object-fit:cover;position:absolute}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#0009)}.hero-copy{position:absolute;bottom:38px;left:38px;z-index:1;color:white}.hero-copy h2{font-size:38px;line-height:1.25;font-weight:500;margin:12px 0}.hero-copy p{font-size:13px}.circle{position:absolute;right:35px;bottom:40px;border-radius:50%;width:95px;height:95px;background:var(--accent);color:#111;z-index:2;border:0;font-size:29px}.strip{display:flex;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:1px}.section-head{display:flex;justify-content:space-between;align-items:end;padding:95px 0 35px}h2{font-size:clamp(36px,5vw,70px);font-weight:500;letter-spacing:-.04em;margin:15px 0}.section-head p{color:var(--muted);max-width:340px;font-size:14px;line-height:1.8}.filters{display:flex;gap:9px;margin-bottom:35px;flex-wrap:wrap}.filters button.active{background:var(--fg);color:var(--bg)}.grid{columns:2;column-gap:28px}.card{break-inside:avoid;display:block;margin-bottom:43px;cursor:pointer}.visual{position:relative;overflow:hidden;background:#282c28;height:410px;border-radius:3px}.card:nth-child(2n) .visual{height:510px}.visual img{width:100%;height:100%;object-fit:cover;transition:transform .7s;filter:saturate(.65)}.card:hover img{transform:scale(1.04)}.tag{position:absolute;top:20px;left:20px;background:#ffffffdf;color:#111;padding:8px 13px;border-radius:20px;font-size:11px}.arrow{position:absolute;bottom:20px;right:20px;width:44px;height:44px;border-radius:50%;background:white;color:black;display:grid;place-items:center;font-size:24px}.card h3{font-size:25px;font-weight:500;letter-spacing:-1px;margin:19px 0 8px}.card p{color:var(--muted);font-size:13px;margin:0;line-height:1.7}.process{padding:65px 0;border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:40px 0}.steps article{border-top:1px solid var(--line);padding-top:25px}.steps b{color:var(--muted);font-size:12px}.steps h3{font-size:23px;font-weight:500}.steps p{color:var(--muted);line-height:1.9;font-size:14px}.contact{background:var(--accent);color:#151a0c;padding:70px 5%;margin-top:30px}.contact h2{font-size:clamp(45px,8vw,115px);line-height:1.1}.contact button{border-color:#151a0c;margin-top:20px;padding:17px 26px}footer{padding:30px 5%;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}dialog{background:var(--bg);color:var(--fg);border:1px solid var(--line);max-width:580px;padding:40px;border-radius:8px}dialog::backdrop{background:#000b}dialog p{line-height:1.9;color:var(--muted)}textarea{width:100%;height:140px;padding:15px;background:var(--bg);color:var(--fg);border:1px solid var(--line);font:inherit}#briefNote{font-size:12px}body.light .logo span{color:#647c23}@media(max-width:700px){header{height:80px}nav{display:none}nav.open{display:flex;position:absolute;top:80px;left:0;right:0;background:var(--bg);padding:25px;z-index:5;flex-direction:column}.menu{display:block}.intro{padding-top:35px;display:block}.intro p{margin-top:15px}.hero{height:440px}.hero-copy{left:22px;bottom:25px}.hero-copy h2{font-size:28px}.circle{width:60px;height:60px;right:20px;bottom:25px}.strip span:last-child{display:none}.section-head{padding-top:60px;display:block}.grid{columns:1}.visual,.card:nth-child(2n) .visual{height:390px}.steps{grid-template-columns:1fr;gap:20px}footer{gap:20px}.intro h1{font-size:18vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.visual img{transition:none}}

.pw-logo{width:148px;height:auto;background:white;padding:5px;border-radius:3px}.pw-content{max-width:1000px;margin:auto;padding:65px 5%;line-height:1.9}.pw-content h2{font-size:36px}.pw-content h3{font-size:24px}.pw-content a{text-decoration:underline}.pw-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.pw-panel{padding:30px;border:1px solid var(--line)}iframe{width:100%;min-height:400px;border:0}@media(max-width:700px){.pw-grid{grid-template-columns:1fr}}