*{box-sizing:border-box}
:root{--bg:#f4f1ea;--ink:#151515;--muted:#74736d;--lime:#c9ff42;--line:#d9d5cc;--dark:#171717}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,"Noto Sans Thai",sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin:auto}
.glow{position:fixed;border-radius:50%;filter:blur(80px);opacity:.25;pointer-events:none;z-index:-1}.glow-a{width:320px;height:320px;background:var(--lime);top:100px;right:-120px}.glow-b{width:260px;height:260px;background:#b6d8ff;bottom:100px;left:-150px}
.header{position:sticky;top:0;z-index:20;background:rgba(244,241,234,.8);backdrop-filter:blur(18px);border-bottom:1px solid rgba(21,21,21,.08)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{font-size:24px;font-weight:800;letter-spacing:-.08em}.logo span:first-child{font-weight:500}.logo .dot{color:#8dbb00}
nav{display:flex;gap:30px;color:#555;font-size:14px}nav a:hover{color:var(--ink)}.nav-cta{font-size:13px;font-weight:700;border:1px solid #bdb9b0;border-radius:99px;padding:10px 15px}.nav-cta span{margin-left:8px}
.hero{min-height:calc(100vh - 76px);display:flex;flex-direction:column;justify-content:center;padding:70px 0 40px}.hero-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.pill{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:99px;padding:7px 12px;font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:25px}.pill i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(201,255,66,.18)}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(62px,8vw,118px);line-height:.9;letter-spacing:-.075em;margin-bottom:30px}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.05em}.hero-copy>p{max-width:550px;color:var(--muted);font-size:17px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:22px;border-radius:99px;padding:14px 19px;font-size:13px;font-weight:800}.primary{background:var(--ink);color:#fff}.primary span{font-size:18px}.text-link{font-size:13px;font-weight:800;border-bottom:1px solid var(--ink);padding-bottom:4px}.text-link span{margin-left:8px}
.hero-art{height:500px;position:relative;display:grid;place-items:center}.art-card{width:min(360px,70%);aspect-ratio:4/5;background:var(--dark);color:#fff;border-radius:28px;transform:rotate(7deg);padding:25px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:25px 35px 70px rgba(0,0,0,.17);position:relative;overflow:hidden}.art-card:before{content:"";position:absolute;width:230px;height:230px;background:var(--lime);border-radius:50%;right:-80px;top:80px;filter:blur(2px)}.mini-label,.art-bottom{font-size:10px;letter-spacing:.15em;position:relative;z-index:1}.big-symbol{font-size:150px;line-height:1;align-self:center;position:relative;z-index:1;color:var(--lime)}.art-bottom{display:flex;justify-content:space-between}.orb{position:absolute;border-radius:50%;border:1px solid #c9c4b9}.orb-1{width:430px;height:430px}.orb-2{width:520px;height:520px;opacity:.45}
.trust-row{display:flex;align-items:center;gap:18px;margin-top:70px;color:#929087;font-size:9px;letter-spacing:.18em;font-weight:800}.trust-row .line{height:1px;background:var(--line);flex:1}
.section{padding:150px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.section-number{font-size:10px;letter-spacing:.18em;color:#8b8982;font-weight:800;margin-bottom:28px}.section h2{font-size:clamp(42px,5vw,70px);line-height:1;letter-spacing:-.065em}.section-body{padding-top:45px;max-width:520px}.section-body p{font-size:20px}.section-body .muted{font-size:14px;color:var(--muted);margin-top:25px}
.services{background:var(--dark);color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.section-head p{color:#929292;font-size:13px;text-align:right}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #3a3a3a}.service{min-height:320px;padding:28px 25px;border-right:1px solid #3a3a3a;position:relative}.service:last-child{border-right:0}.service span{color:#777;font-size:11px}.service h3{font-size:43px;letter-spacing:-.06em;margin-top:75px;margin-bottom:10px}.service p{color:#9b9b9b;font-size:13px}.service b{position:absolute;right:25px;bottom:25px;font-size:22px;color:var(--lime)}
.work-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.work-title h2{margin:0}.work-title>span{font-size:10px;color:#888}.project-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.project{background:#ddd;border-radius:22px;overflow:hidden}.project:first-child{grid-row:span 2}.project-art{height:360px;display:grid;place-items:center;font-size:150px;font-weight:800;letter-spacing:-.1em}.project:first-child .project-art{height:520px}.project-one .project-art{background:#20251e;color:var(--lime)}.project-two .project-art{background:#d7e5ff;color:#243f6a}.project-three .project-art{background:#e5d7ff;color:#5c3a78}.project-info{background:#fff;padding:18px 20px;display:flex;justify-content:space-between;align-items:center}.project-info small{font-size:9px;letter-spacing:.13em;color:#999}.project-info h3{font-size:18px;margin:5px 0 0}.project-info>span{font-size:20px}
.contact{background:var(--lime)}.contact-inner{min-height:500px;display:flex;flex-direction:column;justify-content:center}.contact h2{font-size:clamp(52px,7vw,96px);margin-bottom:45px}.contact-mail{font-size:clamp(20px,3vw,34px);font-weight:700;border-bottom:2px solid var(--ink);width:max-content;padding-bottom:7px}.contact-mail span{margin-left:35px}
footer{background:var(--dark);color:#aaa;padding:30px 0}.footer-row{display:flex;align-items:center;justify-content:space-between;font-size:11px}.footer-row .logo{color:#fff}
@media(max-width:800px){.container{width:min(100% - 30px,1160px)}nav{display:none}.nav-cta{margin-left:auto}.hero{padding-top:45px}.hero-layout,.split{grid-template-columns:1fr;gap:35px}.hero-art{height:420px}.art-card{width:260px}.section{padding:90px 0}.section-body{padding-top:0}.section-head{align-items:start;gap:30px}.service-grid{grid-template-columns:1fr}.service{border-right:0;border-bottom:1px solid #3a3a3a;min-height:260px}.service:last-child{border-bottom:0}.project-grid{grid-template-columns:1fr}.project:first-child{grid-row:auto}.project:first-child .project-art,.project-art{height:330px}.footer-row{flex-wrap:wrap;gap:15px}.contact-inner{min-height:420px}.contact-mail{font-size:19px}}
@media(max-width:480px){h1{font-size:58px}.hero-art{height:350px}.orb-1{width:300px;height:300px}.orb-2{width:360px;height:360px}.art-card{width:230px}.hero-actions{align-items:flex-start;flex-direction:column}.section-head{flex-direction:column}.section-head p{text-align:left}}