@font-face{font-family:"Property Noto Thai";src:url('/noto-sans-thai-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Property Noto Thai";src:url('/noto-sans-thai-bold.ttf') format('truetype');font-style:normal;font-weight:700 900;font-display:swap}
.pm3-page,.marketing-header:has(+ main .pm3-page){font-family:"Property Noto Thai","Leelawadee UI",sans-serif}
.marketing-header:has(+ main .pm3-page){position:absolute;top:0;left:0;right:0;z-index:15;background:transparent;border:0;backdrop-filter:none;color:#fff}
.marketing-header:has(+ main .pm3-page) .bar{max-width:none;padding:18px clamp(24px,3.5vw,60px);min-height:88px;gap:clamp(12px,2.5vw,36px)}
.marketing-header:has(+ main .pm3-page) .brand-name{font-size:clamp(1rem,1.35vw,1.35rem);color:#fff;letter-spacing:.045em;text-transform:uppercase}
.marketing-header:has(+ main .pm3-page) .brand-symbol{width:48px;height:48px;filter:drop-shadow(0 4px 12px #0005)}
.marketing-header:has(+ main .pm3-page) .nav a{color:#fff;font-size:1rem;font-weight:700;text-shadow:0 1px 8px #071a12b0}
.marketing-header:has(+ main .pm3-page) .nav a:hover{color:#f3d5a2}
.marketing-header:has(+ main .pm3-page) .account{background:#0d281b3d;border:1px solid #ffffffe0;color:#fff;border-radius:2px;font-size:1rem;font-weight:700;min-height:46px;padding:10px 19px;box-shadow:none}
.marketing-header:has(+ main .pm3-page) .account:hover{background:#fff;color:#173f35;transform:translateY(-2px)}
.pm3-page{background:#f7f4ed;color:#17392f}
.pm3-hero{position:relative;min-height:700px;height:min(900px,100svh);overflow:hidden;display:flex;align-items:center;background:#142e25;color:#fff;isolation:isolate}
.pm3-hero-media,.pm3-hero-shade{position:absolute;inset:0;pointer-events:none}
.pm3-hero-media{z-index:-3;transform:translate3d(0,var(--pm3-depth,0px),0) scale(1.055);will-change:transform}
.pm3-hero-video{width:100%;height:100%;object-fit:cover;object-position:center 52%;display:block;background:#142e25 url('/hero-editorial-2026.webp') center/cover}
.pm3-hero-shade{z-index:-2;background:linear-gradient(90deg,rgba(3,19,15,.84) 0%,rgba(3,19,15,.58) 29%,rgba(3,19,15,.16) 64%,rgba(3,19,15,.09) 100%),linear-gradient(0deg,rgba(3,19,15,.55),transparent 30%)}
.pm3-hero-copy{padding:120px clamp(28px,5vw,85px) 108px;max-width:850px;animation:pm3-enter 1.1s ease both}
.pm3-overline,.pm3-kicker{display:block;font-size:.79rem;font-weight:700;letter-spacing:.28em;color:#e9d7b5}
.pm3-hero h1{font-size:clamp(4.4rem,7vw,8.7rem);line-height:1.15;font-weight:700;letter-spacing:-.06em;margin:28px 0 18px;color:#fff;text-wrap:balance;text-shadow:0 4px 28px #061a1680}
.pm3-hero h1 em{font-style:normal;color:#d7b783}
.pm3-hero-copy>p{max-width:660px;font-size:clamp(1.22rem,1.7vw,1.55rem);line-height:1.7;font-weight:400;color:#fff;margin:0;text-shadow:0 2px 12px #061a16a6}
.pm3-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.pm3-cta{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:44px;min-width:200px;min-height:58px;padding:14px 23px;overflow:hidden;border:1px solid #fff;border-radius:2px;color:#fff;background:transparent;font-weight:700;font-size:1.06rem;transition:background .3s,color .3s,transform .3s,box-shadow .3s}
.pm3-cta:before{content:'';position:absolute;inset:0;background:#fff;transform:translateX(-102%);transition:transform .35s ease;z-index:-1}
.pm3-cta:hover{color:#173f35;transform:translateY(-4px);box-shadow:0 15px 28px #0005}
.pm3-cta:hover:before{transform:translateX(0)}
.pm3-cta:active{transform:translateY(0) scale(.98)}
.pm3-cta-solid{background:#173f35;border-color:#c6dacb}
.pm3-cta-outline{background:#09261e44}
.pm3-hero-bottom{position:absolute;left:clamp(28px,5vw,85px);right:clamp(28px,5vw,85px);bottom:29px;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:.76rem;font-weight:700;letter-spacing:.22em;color:#e9eee7}
.pm3-hero-bottom>span:first-child{display:flex;align-items:center;gap:12px}
.pm3-hero-bottom i{display:block;width:27px;height:1px;background:#f0d7a7}
.pm3-scroll-hint{display:flex;align-items:center;gap:13px;letter-spacing:.08em}
.pm3-scroll-hint b{font-size:1.4rem;font-weight:400;animation:pm3-bob 1.8s ease-in-out infinite}
.pm3-motion-button{color:#fff;background:#071c1680;border:1px solid #ffffff9c;border-radius:2px;padding:7px 11px;font-size:.77rem;letter-spacing:0}
.pm3-motion-button:hover{background:#fff;color:#163d31}
.pm3-ai-note{position:absolute;right:clamp(25px,5vw,80px);bottom:76px;font-size:.68rem;color:#ffffffdb;text-shadow:0 1px 6px #000}
@keyframes pm3-enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
@keyframes pm3-bob{50%{transform:translateY(6px)}}
.pm3-catalogue{max-width:1530px;padding:100px clamp(25px,4vw,65px) 92px;margin:auto}
.pm3-catalogue-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:36px}
.pm3-kicker{color:#9d7649;font-size:.76rem}
.pm3-catalogue h2{font-size:clamp(3rem,4.5vw,5.7rem);line-height:1.23;letter-spacing:-.065em;margin:18px 0 0;color:#173f35}
.pm3-catalogue h2 em{font-style:normal;color:#ad8553}
.pm3-catalogue-head p{max-width:330px;color:#4b5d52;font-size:1.15rem;line-height:1.8;margin:0 0 10px}
.pm3-catalogue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.pm3-catalogue-card{height:clamp(430px,39vw,575px);position:relative;overflow:hidden;background:#1b382c;color:#fff;isolation:isolate}
.pm3-catalogue-card>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.75,.2,1);filter:saturate(.86)}
.pm3-catalogue-card:nth-child(1)>img{object-position:55% 50%}
.pm3-catalogue-card:nth-child(2)>img{object-position:50% 50%}
.pm3-catalogue-card:nth-child(3)>img{object-position:50% 50%}
.pm3-catalogue-card:hover>img,.pm3-catalogue-card:focus-within>img{transform:scale(1.075)}
.pm3-catalogue-card:after{content:'';position:absolute;inset:42% 0 0;background:linear-gradient(transparent,#061911e8);pointer-events:none}
.pm3-catalogue-card>div{position:absolute;bottom:27px;left:29px;right:29px;z-index:1}
.pm3-catalogue-card span{font:700 .77rem "Property Noto Thai",sans-serif;letter-spacing:.2em;color:#e4d0aa}
.pm3-catalogue-card h3{color:#fff;font-size:clamp(1.65rem,2.4vw,2.35rem);margin:12px 0 3px;line-height:1.3;letter-spacing:-.04em}
.pm3-catalogue-card p{font-size:1.02rem;margin:0 0 58px;line-height:1.5;color:#f0f1e9;max-width:100%}
.pm3-catalogue-card button{position:absolute;right:0;bottom:0;min-width:112px;min-height:44px;padding:9px 13px;border:1px solid #fff;border-radius:2px;background:#ffffff18;color:#fff;font-size:.9rem;font-weight:700;transition:background .25s,color .25s,transform .25s,box-shadow .25s}
.pm3-catalogue-card button:hover{background:#fff;color:#173f35;transform:translateY(-3px);box-shadow:0 10px 22px #0005}
.pm3-catalogue-foot{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:26px;color:#637369;font-size:.84rem}
.pm3-catalogue-link{display:inline-flex;gap:16px;align-items:center;border:0;border-bottom:1px solid #173f35;background:transparent;color:#173f35;padding:8px 0;font-weight:700;font-size:1.03rem}
.pm3-page .pm2-section-head p,.pm3-page .pm2-intro-main p,.pm3-page .pm2-editorial-copy>p,.pm3-page .pm2-contact p{font-size:1.08rem}
.pm3-page .pm2-service-list p,.pm3-page .pm2-output-card p,.pm3-page .pm2-article-card p,.pm3-page .pm2-faq-list p{font-size:1rem}
.pm3-page .pm2-section-label,.pm3-page .pm2-overline{font-size:.78rem}
.pm3-page .pm2-section{max-width:1530px;padding-left:clamp(25px,4vw,65px);padding-right:clamp(25px,4vw,65px)}
@media(max-width:900px){.marketing-header:has(+ main .pm3-page) .bar{flex-wrap:wrap;padding:13px 20px}.marketing-header:has(+ main .pm3-page) .nav{order:3;flex:0 0 100%;justify-content:flex-start;overflow:auto;flex-wrap:nowrap}.marketing-header:has(+ main .pm3-page) .nav a{font-size:.9rem;white-space:nowrap}.pm3-hero-copy{padding-top:180px}.pm3-catalogue-head{align-items:start}}
@media(max-width:700px){.pm3-hero{height:100svh;min-height:660px}.pm3-hero-media{transform:none}.pm3-hero-video{object-position:66% center}.pm3-hero-shade{background:linear-gradient(0deg,#041913df 0%,#041913b0 46%,#04191344 100%)}.pm3-hero{align-items:end}.pm3-hero-copy{padding:190px 24px 130px}.pm3-overline{font-size:.67rem;letter-spacing:.18em}.pm3-hero h1{font-size:clamp(3.6rem,12vw,5.2rem);margin:20px 0 12px}.pm3-hero-copy>p{font-size:1.12rem}.pm3-hero-actions{gap:10px}.pm3-cta{min-width:0;flex:1;gap:14px;font-size:.94rem;padding:12px 13px}.pm3-hero-bottom{left:24px;right:24px;bottom:22px}.pm3-hero-bottom>span:first-child,.pm3-scroll-hint{display:none}.pm3-ai-note{bottom:75px;right:24px;font-size:.62rem}.pm3-catalogue{padding:70px 20px}.pm3-catalogue-head{display:block}.pm3-catalogue-head p{margin-top:18px;max-width:600px}.pm3-catalogue h2{font-size:3.1rem}.pm3-catalogue-grid{grid-template-columns:1fr;gap:14px}.pm3-catalogue-card{height:430px}.pm3-catalogue-card>div{left:23px;right:23px}.pm3-catalogue-card h3{font-size:2rem}.pm3-catalogue-foot{align-items:start;flex-direction:column}.pm3-page .pm2-section{padding-left:20px;padding-right:20px}}
@media(max-width:620px){.marketing-header:has(+ main .pm3-page) .nav{overflow:visible}.marketing-header:has(+ main .pm3-page) .nav a:nth-child(3),.marketing-header:has(+ main .pm3-page) .nav a:nth-child(5){display:none}}
@media(max-width:430px){.marketing-header:has(+ main .pm3-page) .brand-symbol{width:38px;height:38px}.marketing-header:has(+ main .pm3-page) .brand-name{font-size:.91rem}.marketing-header:has(+ main .pm3-page) .account{font-size:.79rem;min-height:39px;padding:7px 10px}.marketing-header:has(+ main .pm3-page) .nav{overflow:visible}.marketing-header:has(+ main .pm3-page) .nav a{font-size:.82rem;padding:6px 10px}.marketing-header:has(+ main .pm3-page) .nav a:nth-child(3),.marketing-header:has(+ main .pm3-page) .nav a:nth-child(5){display:none}.pm3-hero-copy{padding-left:20px;padding-right:20px}.pm3-hero h1{font-size:3.45rem}.pm3-cta{font-size:.84rem}.pm3-ai-note{right:20px}}
@media(prefers-reduced-motion:reduce){.pm3-hero-media,.pm3-page *{animation:none!important;scroll-behavior:auto!important}.pm3-hero-media{transform:none!important}.pm3-hero-video{display:none}.pm3-hero-media{background:#142e25 url('/hero-editorial-2026.webp') center/cover}.pm3-catalogue-card>img{transition:none}}