/* Proweb presentation 1.1: scoped to managed pages. */
body.pw-site{--bg:#111310;--fg:#f6f5ef;--muted:#b0b5a8;--line:#34392f;--accent:#d4ee9c;background:var(--bg);color:var(--fg);font:400 16px/1.8 Manrope,'Noto Sans Thai',sans-serif;overflow-x:hidden}body.pw-site.light{--bg:#f5f4ed;--fg:#192016;--muted:#626b59;--line:#d4d8ca;--accent:#d4ee9c}body.pw-site *{box-sizing:border-box}body.pw-site a{color:inherit}body.pw-site button{box-shadow:none;line-height:1.4}body.pw-site h1,body.pw-site h2,body.pw-site h3{font-family:inherit;color:inherit;font-weight:500}body.pw-site>header{height:100px;max-width:1600px;margin:auto;padding:0 6%;border:0;position:relative;z-index:20;background:var(--bg)}body.pw-site .pw-logo{width:132px;height:67px;object-fit:contain;background:#fff;border-radius:0;padding:4px}body.pw-site nav a{font-size:13px;font-weight:600;padding:12px 0}body.pw-site nav a:hover{color:#91a76d}body.pw-site .wrap{max-width:1600px;margin:auto;padding:0 6%}body.pw-site .intro{display:block;padding-top:60px;position:relative}body.pw-site .intro h1{font-size:clamp(70px,9.3vw,145px);line-height:1.12;letter-spacing:-.065em;margin:25px 0 38px;max-width:1100px}body.pw-site .intro h1 em{color:var(--fg);font-style:normal}body.pw-site .intro>p{position:absolute;right:0;bottom:15px;width:240px;margin:0;font-size:14px}body.pw-site .eyebrow{font-size:11px;letter-spacing:.13em;font-weight:600}body.pw-site .hero{height:clamp(430px,47vw,690px);margin:0;border-radius:8px}body.pw-site .hero:after{background:linear-gradient(0deg,#071007d9,transparent 85%);pointer-events:none}body.pw-site .hero-copy{bottom:44px;left:44px;max-width:75%}body.pw-site .hero-copy h2{color:white;font-size:clamp(30px,3.5vw,55px);line-height:1.45;letter-spacing:-.025em;margin:14px 0 24px}body.pw-site .hero-copy>a{display:inline-block;padding:11px 20px;border:1px solid #ffffff80;border-radius:30px;font-size:13px}body.pw-site .circle{width:64px;height:64px;bottom:44px;right:44px;font-size:22px}body.pw-site .section-head{padding:100px 0 40px}body.pw-site .section-head h2{font-size:clamp(42px,5.2vw,80px);line-height:1.15;margin:20px 0}body.pw-site .grid{column-gap:36px}body.pw-site .card{margin-bottom:52px;text-decoration:none}body.pw-site .visual{height:390px;border-radius:7px}body.pw-site .card:nth-child(even) .visual{height:490px}body.pw-site .card h3{font-size:25px;line-height:1.5;letter-spacing:-.025em;margin-top:20px}body.pw-site .card p{font-size:14px;line-height:1.9;max-width:470px}body.pw-site .process{margin-top:30px;padding:70px 0}body.pw-site .process h2{font-size:clamp(35px,4vw,60px);line-height:1.3}body.pw-site .process>p{color:var(--muted);margin:20px 0 35px}body.pw-site .process video{border-radius:8px}body.pw-site .contact{padding:70px 6%;margin-top:60px;background:var(--accent);color:#182311}body.pw-site .contact h2{font-size:clamp(52px,7vw,108px);line-height:1.12;letter-spacing:-.055em;margin:25px 0 35px}body.pw-site .contact p{display:flex;gap:15px;flex-wrap:wrap}body.pw-site .contact p a{border:1px solid #26371c;padding:10px 20px;border-radius:30px;font-size:15px}body.pw-site footer{padding:30px 6%;line-height:1.8;flex-wrap:wrap}body.pw-site .pw-content{max-width:1200px;padding:70px 6%}body.pw-site .pw-content>h1{line-height:1.4;margin:30px 0 50px}body.pw-site .pw-content>h2{margin-top:55px;line-height:1.5;font-size:32px}body.pw-site .pw-content>p{font-size:17px;line-height:2;color:var(--muted)}body.pw-site .steps{gap:25px}body.pw-site .steps article{padding:25px;background:color-mix(in srgb,var(--fg) 4%,var(--bg));border:1px solid var(--line);border-radius:6px}body.pw-site details{padding:22px 0;border-bottom:1px solid var(--line)}body.pw-site summary{cursor:pointer;font-size:18px}body.pw-site details p{color:var(--muted);padding-top:15px}body.pw-site iframe{border-radius:8px;margin-top:25px}body.pw-site .pw-panel{border-radius:7px}body.pw-site a:focus-visible,body.pw-site button:focus-visible,body.pw-site summary:focus-visible{outline:3px solid #96b866;outline-offset:5px}@media(max-width:1000px){body.pw-site .intro>p{position:static;width:auto;max-width:520px;margin:0 0 30px}body.pw-site .intro>p br{display:none}body.pw-site nav{gap:18px}}@media(max-width:700px){body.pw-site>header{height:85px}body.pw-site .pw-logo{width:108px;height:55px}body.pw-site nav.open{top:85px;padding:22px 6%;box-shadow:0 20px 30px #0003}body.pw-site .intro{padding-top:35px}body.pw-site .intro h1{font-size:13vw;letter-spacing:-.06em}body.pw-site .hero{height:490px}body.pw-site .hero-copy{left:24px;bottom:28px;max-width:80%}body.pw-site .hero-copy h2{font-size:29px}body.pw-site .circle{right:20px;bottom:28px;width:45px;height:45px}body.pw-site .section-head{padding-top:65px}body.pw-site .visual,body.pw-site .card:nth-child(even) .visual{height:340px}body.pw-site .card h3{font-size:23px}body.pw-site .pw-content{padding-top:40px}body.pw-site .pw-content>h1{font-size:38px!important}body.pw-site .contact{margin-top:30px}}

/* Reference-led masonry edition */
body.pw-site{--bg:#171717;--fg:#f4f4f4;--muted:#b8b8b8;--line:#363636;--accent:#ededed}body.pw-site.light{--bg:#f4f4f4;--fg:#202020;--muted:#666;--line:#d9d9d9;--accent:#e8e8e8}body.pw-site:has(.hero)>header{position:absolute;top:0;left:0;right:0;width:100%;max-width:none;background:transparent;color:#fff;padding:0 28px}body.pw-site:has(.hero)>header nav a{color:#fff}body.pw-site .wrap{max-width:none;padding:0 20px}body.pw-site .hero{margin:0 -20px;height:560px;border-radius:0}body.pw-site .hero:after{background:#0006}body.pw-site .hero-copy{inset:0;max-width:none;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:100px 20px 50px;pointer-events:none}body.pw-site .hero-copy .eyebrow{display:none}body.pw-site .hero-copy h1{color:#fff;font-size:clamp(65px,11vw,170px);font-weight:800;letter-spacing:-.045em;line-height:1.1;margin:0}body.pw-site .hero-copy p{letter-spacing:.2em;font-size:12px;margin:20px 0}body.pw-site .hero-copy>a{pointer-events:auto}body.pw-site .circle{background:#ffffffd9;color:#111}body.pw-site .section-head{display:block;padding:100px 0 85px}body.pw-site .section-head h2{font-size:clamp(35px,4.6vw,72px);font-weight:800;letter-spacing:-.04em;margin:15px 0 22px}body.pw-site .section-head p{max-width:700px;font-size:19px;line-height:1.7;margin:0}body.pw-site .grid{column-gap:38px}body.pw-site .card{position:relative;margin-bottom:38px;border-radius:27px;overflow:hidden;isolation:isolate}body.pw-site .card[hidden]{display:none}body.pw-site .visual{height:610px;border-radius:27px}body.pw-site .card:nth-child(even) .visual{height:460px}body.pw-site .visual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#000b)}body.pw-site .visual img{filter:none}body.pw-site .card h3{position:absolute;bottom:65px;left:30px;right:30px;margin:0;color:#fff;font-weight:700;font-size:27px;z-index:2}body.pw-site .card>p{position:absolute;bottom:25px;left:30px;right:80px;color:#ddd;z-index:2;font-size:13px;line-height:1.6}body.pw-site .arrow{z-index:3;width:38px;height:38px;right:22px;bottom:25px}body.pw-site .pw-filters{position:sticky;bottom:24px;z-index:30;margin:0 auto 30px;width:max-content;max-width:100%;display:flex;padding:5px;border-radius:20px;background:#dededecf;backdrop-filter:blur(18px);box-shadow:0 8px 35px #0001;overflow:auto;color:#222}body.pw-site .pw-filters button{border:0;border-radius:16px;white-space:nowrap;padding:15px 23px;font-size:13px;background:transparent;color:#222}body.pw-site .pw-filters button[aria-pressed=true]{background:#232323;color:white}body.pw-site .contact{background:var(--bg);color:var(--fg);border-top:1px solid var(--line);padding:80px 30px}body.pw-site .contact h2{font-weight:800;text-transform:uppercase;letter-spacing:-.045em;font-size:clamp(56px,9vw,145px)}body.pw-site .contact p a{border-color:var(--line)}body.pw-site footer{padding:30px}body.pw-site .process{padding:70px 10%;text-align:center}body.pw-site .process h2{font-weight:700}.pw-site .process video{margin-top:25px}@media(max-width:700px){body.pw-site:has(.hero)>header{padding:0 20px}body.pw-site .hero{height:500px}body.pw-site .hero-copy h1{font-size:14vw}body.pw-site .hero-copy p{font-size:10px;letter-spacing:.12em}body.pw-site .section-head{padding:65px 0 45px}body.pw-site .section-head p{font-size:16px}body.pw-site .visual,body.pw-site .card:nth-child(even) .visual{height:440px}body.pw-site .card h3{font-size:24px;left:22px;bottom:80px}body.pw-site .card>p{left:22px;bottom:25px}body.pw-site .pw-filters button{padding:12px 15px;font-size:12px}body.pw-site nav.open{background:#202020}body.pw-site .process{padding:50px 0}body.pw-site .contact{padding:60px 20px}}