:root{--ivory:#fbf7f3;--paper:#fffdfb;--rose:#d889a3;--rose-soft:#f7e6ec;--blue:#8dbbd2;--blue-soft:#e8f3f8;--champ:#cbb79e;--champ-soft:#f4ede5;--ink:#3d3e44;--muted:#777980;--line:#ece5e1;--shadow:0 20px 55px rgba(67,57,52,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:"Noto Sans Thai","DM Sans",sans-serif;line-height:1.7}a{text-decoration:none;color:inherit}header{position:sticky;top:0;z-index:99;background:rgba(251,247,243,.94);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.nav{max-width:1200px;margin:auto;height:82px;padding:12px 24px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:11px}.logo{width:50px;height:50px;border:1.5px solid #dc9aaf;border-radius:50%;display:grid;place-items:center;color:var(--rose);font-size:28px;background:#fff}.brand-text b{display:block;font:600 27px/1 "Playfair Display",serif;letter-spacing:.04em}.brand-text strong{display:block;font-size:13px;letter-spacing:.16em}.brand-text small{display:block;font-size:8px;color:#7a7a80}.nav nav{margin-left:auto;display:flex;align-items:center;gap:26px;font-size:13px;font-weight:600}.nav nav a{padding:9px 0}.nav nav a.active,.nav nav a:hover{color:var(--rose)}.hamburger{display:none;margin-left:auto;border:0;background:none;font-size:28px;color:#4d4e54}.hero{max-width:1200px;margin:auto;padding:55px 24px 50px;min-height:650px;display:grid;grid-template-columns:48% 52%;align-items:center;gap:25px}.eyebrow,label{color:var(--rose);font-size:13px;font-weight:700;letter-spacing:.16em}.hero h1{font:600 clamp(54px,6vw,78px)/1.04 "Playfair Display",serif;letter-spacing:-.04em;margin:16px 0 22px}.hero h1 em{font-style:normal;color:var(--rose)}.hero h1 span{color:#71afcf}.hero-copy>p{max-width:580px;color:#696b72;font-size:16px;margin:0 0 25px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{min-height:48px;padding:11px 24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.btn.primary{background:var(--rose);color:#fff;box-shadow:0 10px 25px #d889a344}.btn.outline{background:#fff;color:#629ebc;border:1px solid #9bc8dc}.quick{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.quick a{font-size:11px;background:#fff;border:1px solid var(--line);padding:7px 13px;border-radius:999px;color:#666}.hero-visual{height:535px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:45px;background:linear-gradient(145deg,#fff,#fae9ee 55%,#edf7fa);box-shadow:var(--shadow)}.soft-circle{position:absolute;border-radius:50%}.circle-a{width:430px;height:430px;background:#f3ceda88;top:65px;left:50%;transform:translateX(-50%)}.circle-b{width:270px;height:270px;background:#c8e4f066;bottom:-40px;right:-20px}.mascot{width:265px;height:450px;position:relative;z-index:5;transform:scale(.82)}.hair{position:absolute;left:42px;top:22px;width:190px;height:190px;background:#5a3d3a;border-radius:50% 50% 43% 46%}.ponytail{position:absolute;right:0;top:60px;width:68px;height:100px;background:#5a3d3a;border-radius:50%;z-index:1}.face{position:absolute;z-index:3;left:61px;top:50px;width:145px;height:165px;background:#f0bda4;border:3px solid #e4a78e;border-radius:48%}.eye{position:absolute;top:73px;width:13px;height:20px;border-radius:50%;background:#493a40}.eye.left{left:40px}.eye.right{right:40px}.smile{position:absolute;left:55px;top:111px;width:33px;height:16px;border-bottom:3px solid #a75f70;border-radius:0 0 30px 30px}.neck{position:absolute;left:106px;top:195px;width:50px;height:40px;background:#efb79e}.body{position:absolute;left:30px;top:210px;width:205px;height:180px;background:#e99bb4;border-radius:60px 60px 25px 25px}.collar{position:absolute;z-index:4;left:101px;top:213px;width:65px;height:85px;background:#fff;clip-path:polygon(0 0,50% 40%,100% 0,72% 100%,50% 75%,28% 100%)}.arm{position:absolute;z-index:2;width:47px;height:130px;background:#f0bda4;border-radius:35px}.left-arm{left:24px;top:225px;transform:rotate(18deg)}.right-arm{right:25px;top:225px;transform:rotate(-20deg)}.hand{position:absolute;z-index:6;right:2px;top:198px;font-size:38px;color:#d87899;transform:rotate(-12deg)}.id{position:absolute;z-index:7;left:103px;top:285px;background:#fff;border:2px solid #82b9d1;color:#6da5bd;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:800}.legs{position:absolute;top:375px;left:76px;width:112px;height:70px;background:linear-gradient(90deg,#777b83 48%,transparent 48%,transparent 52%,#777b83 52%);border-radius:0 0 20px 20px}.shoes{position:absolute;top:428px;left:56px;width:150px;height:24px;background:linear-gradient(90deg,#fff 48%,transparent 48%,transparent 52%,#fff 52%);border-radius:20px}.float-card{position:absolute;z-index:10;background:#fff;border:1px solid #fff;border-radius:18px;padding:9px 13px;box-shadow:0 12px 30px #7c6d711f;display:grid;grid-template-columns:32px auto;column-gap:7px;align-items:center}.float-card span{grid-row:span 2;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--rose-soft);color:var(--rose)}.float-card b{font-size:12px}.float-card small{font-size:9px;color:#85858a}.healthcare{left:18px;top:40px}.event{right:18px;top:105px}.event span{background:var(--champ-soft);color:#b3946f}.digital{right:15px;bottom:75px}.digital span{background:var(--blue-soft);color:#67a9ca}.values{max-width:1120px;margin:0 auto 65px;padding:17px 25px;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.values div{display:flex;align-items:center;justify-content:center;gap:11px;border-right:1px solid var(--line)}.values div:last-child{border:0}.values span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--rose-soft);color:var(--rose);font-size:19px}.values b{font-size:14px}.values small{font-size:10px;color:#777}.section{max-width:1180px;margin:auto;padding:60px 25px}.title{text-align:center;margin-bottom:35px}.title h2{font:600 40px/1.2 "Playfair Display",serif;margin:7px 0}.title p{color:var(--muted);font-size:13px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;padding-bottom:23px;box-shadow:0 12px 35px #7e70700e}.service-art{height:190px;display:grid;place-items:center;font-size:65px}.pink .service-art{background:#fff0f4;color:var(--rose)}.champagne .service-art{background:#fbf5ed;color:#b59672}.blue .service-art{background:#edf8fc;color:#67a9ca}.mascot-mini{width:75px;height:75px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--rose);box-shadow:0 8px 25px #d889a322}.number{font-size:10px;color:#b2a6a0;letter-spacing:.15em;margin:17px 20px 2px}.service h3{font:600 20px "DM Sans",sans-serif;text-align:center;margin:0 10px 7px}.service p{text-align:center;color:#777;font-size:12px;min-height:63px;padding:0 25px}.service>a{display:block;width:max-content;margin:13px auto 0;border:1px solid #e0a0b4;color:#d57999;border-radius:999px;padding:5px 15px;font-size:11px}.about{display:grid;grid-template-columns:42% 58%;align-items:center;gap:60px;margin-top:25px}.about-visual{height:380px;border-radius:35px;background:linear-gradient(145deg,#fff,#fae9ee,#edf7fa);position:relative;display:grid;place-items:center;overflow:hidden}.about-orb{width:260px;height:260px;border-radius:50%;background:#f1c8d688}.about-mascot{position:absolute;width:130px;height:130px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--rose);font-size:50px;box-shadow:var(--shadow)}.spark{position:absolute;right:65px;top:65px;color:#8dbbd2;font-size:30px}.about h2{font:600 40px/1.25 "Playfair Display",serif;margin:7px 0 15px}.about h2 em,.contact h2 em{font-style:normal;color:var(--rose)}.about p{color:#6f7076;font-size:14px}.about-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.about-points span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:11px}.works .title{text-align:left}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.work{height:210px;border-radius:28px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end}.work span{font-size:42px;margin-bottom:auto}.work b{font-size:20px}.work small{font-size:11px;color:#666}.w1{background:#fff0f4}.w1 span{color:var(--rose)}.w2{background:#fbf5ed}.w2 span{color:#b59672}.w3{background:#edf8fc}.w3 span{color:#67a9ca}.contact{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:linear-gradient(110deg,#fff5f7,#f1f9fc);border-radius:35px;margin-bottom:60px}.contact h2{font:600 40px/1.25 "Playfair Display",serif;margin:7px 0 13px}.contact p{font-size:14px}.contact-box{background:#fff;border-radius:25px;padding:25px;box-shadow:var(--shadow)}.contact-box>a:not(.btn){display:block;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px;color:#666}.contact-box>a:not(.btn) span{display:inline-block;width:52px;color:var(--rose);font-weight:700}.contact-box .btn{width:100%;margin-top:17px}footer{position:relative;background:#fff;border-top:1px solid var(--line);padding:45px max(25px,calc((100% - 1130px)/2)) 60px;display:grid;grid-template-columns:1.5fr 1fr 1.2fr;gap:40px}footer .logo{width:43px;height:43px;font-size:23px}footer h3{font:600 25px "Playfair Display",serif;margin:8px 0 0}footer h3 span{font:600 12px "DM Sans",sans-serif;color:var(--rose);letter-spacing:.12em}footer small,footer p,footer a{display:block;font-size:11px;color:#777;margin:3px 0}footer h4{margin:0 0 9px}.copyright{position:absolute;bottom:0;left:0;right:0;text-align:center;background:var(--rose);color:#fff;padding:8px;font-size:9px}

@media(max-width:900px){.nav{height:72px;padding:10px 18px}.brand-text b{font-size:24px}.brand-text small{font-size:7px}.hamburger{display:block}.nav nav{display:none;position:absolute;top:72px;left:12px;right:12px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:10px;box-shadow:var(--shadow);flex-direction:column;gap:2px;align-items:stretch}.nav nav.open{display:flex}.nav nav a{padding:10px 14px}.hero{grid-template-columns:1fr;padding:35px 18px 30px;text-align:center}.hero-copy>p{font-size:14px;margin-left:auto;margin-right:auto}.actions,.quick{justify-content:center}.hero-visual{height:430px;margin-top:12px;border-radius:30px}.mascot{transform:scale(.68)}.float-card{transform:scale(.78)}.healthcare{left:3px;top:20px}.event{right:3px;top:55px}.digital{right:2px;bottom:25px}.values{margin:0 18px 35px;grid-template-columns:1fr;border-radius:24px}.values div{border-right:0;border-bottom:1px solid var(--line);padding:10px}.values div:last-child{border:0}.services{grid-template-columns:1fr 1fr}.about,.contact{grid-template-columns:1fr;gap:25px}.about{text-align:center}.about-points{justify-content:center}.work-grid{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr 1fr;padding:40px 20px 55px}}

@media(max-width:560px){.hero h1{font-size:50px}.hero-visual{height:390px}.mascot{transform:scale(.57)}.float-card{transform:scale(.67)}.healthcare{left:-5px}.event{right:-5px}.digital{right:-5px}.section{padding:45px 18px}.title h2,.about h2,.contact h2{font-size:32px}.services,.work-grid{grid-template-columns:1fr}.service-art{height:150px}.about-visual{height:300px}.contact{margin:0 18px 40px}.contact-box{padding:20px}footer{grid-template-columns:1fr}.footer-brand{grid-column:auto}}