@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600&family=Manrope:wght@300;400;500;600&display=swap";
:root{--ink:#241416;--navy:#241012;--blue:#d32222;--cyan:#f05a45;--ice:#fff5f2;--white:#fff;--muted:#74666a;--line:#eadbd8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:Manrope,IBM Plex Sans Thai,sans-serif;font-weight:400}a{color:inherit;text-decoration:none}button{font:inherit}.nav-wrap{z-index:20;background:#fff;justify-content:space-between;align-items:center;height:92px;padding:0 5vw;display:flex;position:relative}.brand{letter-spacing:.17em;align-items:center;gap:13px;font-size:17px;font-weight:600;display:flex}.brand small{letter-spacing:.25em;color:#627087;margin-top:2px;font-size:7.5px;display:block}.brand-mark{width:32px;height:36px;display:inline-block;position:relative}.brand-mark i{border:2px solid var(--blue);border-radius:65% 35%;width:16px;height:29px;position:absolute;transform:rotate(45deg)}.brand-mark i:first-child{top:1px;left:1px}.brand-mark i:nth-child(2){border-color:#d72b2b;top:1px;right:1px;transform:scaleX(-1)rotate(45deg)}.brand-mark i:nth-child(3){border-color:#ef4939;height:22px;bottom:0;left:8px}.nav-wrap nav{color:#35415a;gap:2.2vw;font-size:12px;display:flex}.nav-wrap nav a:hover{color:var(--blue)}.lang{align-items:center;gap:6px;font-size:11px;display:flex}.lang button{color:#9ba3b1;cursor:pointer;background:0 0;border:0;padding:4px}.lang button.active{color:var(--ink);font-weight:600}.hero{color:#fff;background:linear-gradient(125deg,#241012 0%,#54171b 57%,#a51f22 100%);min-height:calc(100vh - 92px);padding:12vh 8vw 4vh;position:relative;overflow:hidden}.hero:after{content:"";background:radial-gradient(circle at 75% 36%,#0000 0 12%,#4fd5e814 13%,#0000 33%),linear-gradient(90deg,#0000 50%,#ffffff06 50%) 0 0/90px 100%;position:absolute;inset:0}.orb{z-index:1;border:1px solid #69e2ed3d;border-radius:50%;position:absolute}.orb-one{width:480px;height:480px;top:5vh;right:9vw;box-shadow:inset 0 0 120px #1bc1dc21}.orb-two{border-color:#ffffff1f;width:290px;height:290px;top:17vh;right:17vw}.hero-lines{z-index:1;width:390px;height:430px;position:absolute;top:12vh;right:12vw;transform:rotate(-8deg)}.hero-lines i{border:1px solid #62ddeb54;border-radius:100% 10%;width:40%;height:85%;display:block;position:absolute;transform:rotate(35deg)}.hero-lines i:nth-child(2){top:8%;left:19%;transform:rotate(82deg)}.hero-lines i:nth-child(3){top:3%;left:42%;transform:rotate(126deg)}.hero-lines i:nth-child(4){top:10%;left:60%;transform:rotate(169deg)}.hero-lines i:nth-child(5){top:18%;left:30%;transform:rotate(215deg)}.hero-copy{z-index:4;max-width:730px;position:relative}.kicker{letter-spacing:.32em;color:var(--blue);text-transform:uppercase;margin:0 0 26px;font-size:10px;font-weight:600}.kicker.light{color:#ff8b77}.hero h1{letter-spacing:-.052em;margin:0;font-size:clamp(48px,6.5vw,96px);font-weight:300;line-height:.98}.hero h1 em,.company h2 em{color:#ff7566;font-style:normal}.lead{color:#d1ddeb;max-width:620px;margin:36px 0;font-size:clamp(15px,1.4vw,19px);line-height:1.8}.actions{align-items:center;gap:24px;display:flex}.btn{letter-spacing:.02em;justify-content:space-between;align-items:center;gap:34px;font-size:12px;font-weight:600;display:inline-flex}.btn.primary{color:#fff;background:#d92929;min-width:210px;padding:16px 20px}.btn.text{border-bottom:1px solid #fff6;padding:15px 0}.hero-proof{z-index:4;border-top:1px solid #ffffff38;grid-template-columns:repeat(3,1fr);max-width:610px;padding-top:16px;display:grid;position:absolute;bottom:4vh;right:5vw}.hero-proof div{color:#c9d8e4;border-right:1px solid #ffffff26;padding:0 18px;font-size:10px}.hero-proof span{color:#ff7466;margin-bottom:5px;font-size:9px;display:block}.section{padding:110px 8vw}.section-head{grid-template-columns:1.4fr .6fr;align-items:end;gap:10vw;display:grid}.section h2,.impact h2,.contact h2{letter-spacing:-.045em;margin:0;font-size:clamp(36px,4.4vw,66px);font-weight:300;line-height:1.08}.section-head>p{color:var(--muted);max-width:430px;font-size:14px;line-height:1.8}.solution-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:70px;display:grid}.solution-grid article{border-right:1px solid var(--line);padding:28px 36px 35px 0;position:relative}.solution-grid article+article{padding-left:36px}.solution-grid article>span,.value-grid article>span{color:var(--blue);font-size:9px}.solution-icon{height:150px;margin:20px 0;position:relative}.solution-icon i{border:1px solid #e5a09a;border-radius:50%;position:absolute}.icon-01 i:first-child{border-radius:60% 40%;width:90px;height:120px;left:30%;transform:rotate(40deg)}.icon-01 i:nth-child(2){border-color:#d32222;width:70px;height:105px;top:20px;left:45%}.icon-01 i:nth-child(3){background:#4dcae11a;width:45px;height:45px;top:50px;left:41%}.icon-02 i{width:105px;height:105px;top:20px;left:35%}.icon-02 i:nth-child(2){border-color:#d32222;width:70px;height:70px;top:38px;left:40%}.icon-02 i:nth-child(3){background:#fff1ee;width:35px;height:35px;top:56px;left:45%}.icon-03 i{border-radius:6px;width:90px;height:90px;top:25px;left:35%;transform:rotate(45deg)}.icon-03 i:nth-child(2){border-color:#d32222;width:55px;height:55px;top:43px;left:40%}.icon-03 i:nth-child(3){background:#fff0ed;width:20px;height:20px;top:60px;left:45%}.solution-grid h3,.value-grid h3{margin:8px 0 12px;font-size:18px;font-weight:500}.solution-grid p,.value-grid p{color:var(--muted);font-size:12px;line-height:1.75}.manifesto{background:var(--ice);grid-template-columns:.45fr 1fr;align-items:center;min-height:500px;padding:70px 12vw;display:grid;overflow:hidden}.drop{color:#0000;-webkit-text-stroke:1px #e8a39c;opacity:.75;font-size:330px;font-weight:300;line-height:1;transform:rotate(-12deg)}.manifesto blockquote{letter-spacing:-.035em;max-width:800px;margin:0;font-size:clamp(29px,3.7vw,54px);font-weight:300;line-height:1.35}.why{grid-template-columns:.9fr 1.1fr;gap:10vw;display:grid}.why-intro>p:last-child{color:var(--muted);max-width:520px;margin-top:30px;font-size:14px;line-height:1.9}.value-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.value-grid article{border-bottom:1px solid var(--line);padding:24px 24px 24px 0}.value-grid article:nth-child(odd){border-right:1px solid var(--line)}.value-grid article:nth-child(2n){padding-left:24px}.impact{background:var(--navy);color:#fff}.impact-inner{padding-top:100px;padding-bottom:100px}.impact-inner>h2{max-width:800px}.sector-list{border-top:1px solid #ffffff2b;grid-template-columns:1fr 1fr;margin:60px 0;display:grid}.sector-list div{border-bottom:1px solid #ffffff2b;padding:20px 0;font-size:17px}.sector-list div:nth-child(odd){border-right:1px solid #ffffff2b;padding-right:30px}.sector-list div:nth-child(2n){padding-left:30px}.sector-list span{color:#ff7466;margin-right:24px;font-size:9px}.sector-list b{float:right;color:#ff7466;font-weight:400}.sdg{border-top:1px solid #ffffff2b;grid-template-columns:.7fr 1.3fr;padding-top:28px;display:grid}.sdg>p{color:#d7c2c4;font-size:11px}.sdg>div{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.sdg article{gap:10px;display:flex}.sdg strong{color:#ff7b6b;font-size:24px;font-weight:300}.sdg span{color:#d9c5c7;font-size:9px;line-height:1.4}.company{grid-template-columns:.65fr 1.35fr;align-items:center;gap:7vw;display:grid}.company-mark{justify-content:center;display:flex}.brand-mark.big{transform:scale(7)}.company h2{letter-spacing:-.04em;margin:0;font-size:clamp(40px,5vw,72px);font-weight:300;line-height:1.08}.company-copy{color:var(--muted);max-width:720px;margin-top:35px;font-size:14px;line-height:1.9}.details{color:#49566e;gap:30px;margin-top:32px;font-size:10px;display:flex}.details span{border-left:2px solid var(--cyan);padding-left:12px}.contact{color:#fff;background:linear-gradient(120deg,#241012,#8f1b1f);grid-template-columns:1fr auto;align-items:end;gap:5vw;padding:80px 8vw;display:grid}.contact h2{max-width:900px}.contact p:not(.kicker){color:#dcc9ca;max-width:620px;font-size:13px;line-height:1.8}footer{justify-content:space-between;align-items:center;padding:36px 5vw;display:flex}footer>p{color:#8993a2;letter-spacing:.1em;font-size:9px}.brand{letter-spacing:0;gap:0}.brand img{object-fit:contain;width:120px;height:72px;display:block}.product-logo{background:#fff8f6;justify-content:center;align-items:center;height:150px;margin:20px 0;display:flex}.product-logo img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.company-mark img{width:min(360px,85%);height:auto;display:block}.company-mark{filter:saturate(1.08)}footer .brand img{width:105px;height:62px}.hero h1 em,.company h2 em{color:#ff7b6b}.manifesto .drop{-webkit-text-stroke-color:#e8a39c}.btn.primary{background:#d92929}.btn.pale{color:#3b1114;background:#f48a78}.news-grid{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:64px;display:grid}.news-grid article{border-top:1px solid var(--line);padding-top:18px}.news-visual{background:#2b1315;height:230px;margin-bottom:24px;position:relative;overflow:hidden}.news-visual:before,.news-visual:after{content:"";border:1px solid #ff695a8c;border-radius:50%;position:absolute}.news-visual:before{width:260px;height:260px;top:-75px;right:-55px}.news-visual:after{width:150px;height:150px;top:-15px;right:15px}.news-2{background:radial-gradient(circle at 66% 40%,#f55d4d 0 3%,#0000 4%),linear-gradient(135deg,#2a1113,#8f1b1f)}.news-3{background:linear-gradient(135deg,#fff3ef,#e9bbb4)}.news-3:before,.news-3:after{border-color:#b7232361}.news-visual img{object-fit:cover;width:100%;height:100%;transition:transform .45s;display:block}.news-grid article:hover .news-visual img{transform:scale(1.035)}.news-visual span{z-index:2;color:#fff;letter-spacing:.2em;background:#241012b8;padding:6px 8px;font-size:11px;position:absolute;bottom:18px;left:20px}.news-3 span{color:#7e1d22}.news-category{letter-spacing:.22em;font-weight:600;color:var(--blue)!important;font-size:9px!important}.news-grid h3{margin:12px 0;font-size:21px;font-weight:500;line-height:1.35}.news-grid article>p:not(.news-category){color:var(--muted);font-size:12px;line-height:1.75}.news-grid article>a{border-bottom:1px solid var(--blue);color:var(--blue);gap:24px;margin-top:12px;padding-bottom:8px;font-size:10px;font-weight:600;display:inline-flex}.social-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:30px;margin-top:55px;padding:22px 0;display:flex}.social-strip span{letter-spacing:.18em;color:var(--muted);margin-right:auto;font-size:10px}.social-strip a{color:var(--blue);font-size:11px;font-weight:600}@media (max-width:900px){.nav-wrap{height:78px}.nav-wrap nav{display:none}.hero{min-height:760px;padding:100px 7vw 40px}.hero-lines{opacity:.55;right:-160px}.hero-proof{bottom:35px;left:7vw;right:7vw}.section{padding:80px 7vw}.section-head,.why,.company{grid-template-columns:1fr;gap:45px}.solution-grid,.news-grid{grid-template-columns:1fr}.solution-grid article,.solution-grid article+article{border-right:0;border-bottom:1px solid var(--line);padding:28px 0}.manifesto{grid-template-columns:1fr;padding:70px 7vw}.drop{display:none}.sdg{grid-template-columns:1fr}.sdg>div{margin-top:25px}.company-mark{padding:70px 0}.contact{grid-template-columns:1fr}.contact .btn{width:max-content;margin-top:25px}footer{flex-wrap:wrap;gap:20px}}@media (max-width:560px){.brand{font-size:14px}.nav-wrap{padding:0 4vw}.lang{font-size:9px}.hero h1{font-size:47px}.hero-proof{grid-template-columns:1fr;gap:8px}.hero-proof div{border-right:0;padding-left:0}.actions{flex-direction:column;align-items:flex-start}.section h2,.impact h2,.contact h2{font-size:38px}.value-grid,.sector-list{grid-template-columns:1fr}.value-grid article:nth-child(odd),.sector-list div:nth-child(odd){border-right:0}.value-grid article:nth-child(2n),.sector-list div:nth-child(2n){padding-left:0}.sdg>div{grid-template-columns:1fr 1fr}.details{flex-direction:column;gap:12px}footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.article-page{background:#fff;min-height:100vh}.article-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:92px;padding:0 5vw;display:flex}.article-nav>a:last-child{color:var(--blue);font-size:11px;font-weight:600}.article-shell{max-width:980px;margin:0 auto;padding:90px 5vw 110px}.article-heading{max-width:820px}.article-heading h1{letter-spacing:-.05em;margin:0 0 24px;font-size:clamp(42px,6vw,78px);font-weight:300;line-height:1.05}.article-heading time{color:var(--muted);font-size:11px}.article-hero{object-fit:cover;width:100%;max-height:560px;margin:54px 0;display:block}.article-body{color:#493a3d;max-width:760px;font-size:17px;line-height:1.85}.article-body h2,.article-body h3{color:var(--ink);letter-spacing:-.025em;margin-top:2.2em;font-weight:500}.article-body h2{font-size:32px}.article-body h3{font-size:24px}.article-body img{max-width:100%;height:auto}.article-body a{color:var(--blue);border-bottom:1px solid}.article-body blockquote{border-left:3px solid var(--blue);color:var(--ink);margin:2em 0;padding-left:24px;font-size:24px}.article-cta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;margin-top:70px;padding:35px 0;display:flex}.article-cta p{margin:0;font-size:22px;font-weight:300}.article-cta a{background:var(--blue);color:#fff;padding:15px 20px;font-size:11px;font-weight:600}.article-footer{border-top:1px solid var(--line)}.article-footer img{object-fit:contain;width:105px;height:62px}.article-footer a{display:flex}.article-footer p{margin-left:auto}@media (max-width:700px){.article-nav{height:78px}.article-shell{padding-top:60px}.article-hero{margin:38px 0}.article-body{font-size:16px}.article-cta{flex-direction:column;align-items:flex-start}.article-footer{align-items:flex-start}}