:root{--bg:#07090c;--bg-soft:#0d1015;--panel:#101318;--line:rgba(255,255,255,.09);--text:#f7f7f8;--muted:#a8abb2;--red:#ef202d;--red-dark:#a90914;--container:1310px;--radius:24px;--font-heading:'Kanit',sans-serif;--font-body:'Sarabun',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.7;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(calc(100% - 40px),var(--container));margin:auto}.section{padding:110px 0}.page-glow{position:fixed;z-index:-2;border-radius:50%;filter:blur(130px);pointer-events:none}.page-glow--one{width:420px;height:420px;background:rgba(239,32,45,.13);right:-140px;top:120px}.page-glow--two{width:400px;height:400px;background:rgba(85,14,20,.13);left:-180px;top:720px}.site-header{position:fixed;inset:0 0 auto;z-index:100;padding:18px 0;transition:.3s}.site-header.scrolled{background:rgba(7,9,12,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:12px 0}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:max-content}.brand-frog{font-size:35px;color:var(--red);filter:drop-shadow(0 0 16px rgba(239,32,45,.35));transform:rotate(-8deg)}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font:700 27px/1 var(--font-heading);letter-spacing:-.8px}.brand-copy strong span{color:var(--red)}.brand-copy small{font:500 10px/1 var(--font-body);letter-spacing:6px;margin-top:9px}.main-nav{display:flex;align-items:center;gap:38px}.main-nav a{font-family:var(--font-heading);font-weight:500;position:relative;padding:11px 0;color:#eee}.main-nav a:after{content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--red);transition:.3s}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.header-contact,.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:999px;font:500 16px/1 var(--font-heading);transition:.3s}.header-contact{background:linear-gradient(135deg,#d7101d,#ff2735);padding:17px 28px;box-shadow:0 12px 35px rgba(239,32,45,.22)}.header-contact:hover,.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(239,32,45,.3)}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;height:2px;background:#fff;margin:6px 0;transition:.3s}.hero{min-height:760px;padding-top:150px;padding-bottom:55px;display:flex;align-items:center;position:relative}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:35px}.eyebrow{display:inline-block;color:var(--red);font:600 15px/1 var(--font-heading);letter-spacing:.4px;margin-bottom:20px}.hero h1,.section-heading h2,.about h2,.contact h2{font-family:var(--font-heading);line-height:1.23;margin:0;letter-spacing:-1.2px}.hero h1{font-size:clamp(43px,5.1vw,72px)}.hero h1 em{font-style:normal;color:var(--red)}.hero-content>p{color:var(--muted);font-size:18px;max-width:600px;margin:25px 0 32px}.hero-actions{display:flex;gap:18px;flex-wrap:wrap}.btn{padding:19px 27px;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,#d50b18,#ff2a37);box-shadow:0 10px 30px rgba(239,32,45,.18)}.btn-outline{border-color:rgba(255,255,255,.7)}.btn-outline:hover{background:#fff;color:#111}.hero-stats{display:flex;gap:34px;margin-top:42px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font:600 24px/1 var(--font-heading);color:#fff}.hero-stats span{font-size:13px;color:var(--muted);margin-top:8px}.hero-visual{position:relative;min-height:500px;display:flex;align-items:center;justify-content:flex-end;overflow:visible}.hero-visual img{position:relative;z-index:2;width:112%;max-width:none;height:auto;border-radius:0;mix-blend-mode:normal;filter:drop-shadow(0 30px 45px rgba(0,0,0,.5));transform:translateX(4%)}.hero-ring{display:none}.spark{position:absolute;width:5px;height:5px;background:var(--red);border-radius:50%;box-shadow:0 0 12px var(--red);animation:pulse 2s infinite}.spark--1{right:8%;top:20%}.spark--2{left:8%;top:24%;animation-delay:.7s}.spark--3{right:20%;bottom:18%;animation-delay:1.2s}@keyframes pulse{50%{transform:scale(2);opacity:.3}}.value-strip{padding:0 0 55px}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(140deg,rgba(255,255,255,.055),rgba(255,255,255,.022));border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.25)}.value-card{display:flex;gap:22px;padding:35px 30px;position:relative}.value-card:not(:last-child):after{content:'';position:absolute;right:0;top:24%;height:52%;width:1px;background:var(--line)}.value-card>i{color:var(--red);font-size:40px;margin-top:4px}.value-card h3{font:500 19px/1.3 var(--font-heading);margin:0 0 8px}.value-card p{font-size:14px;color:var(--muted);margin:0;line-height:1.65}.about{background:linear-gradient(180deg,transparent,rgba(255,255,255,.018),transparent)}.about-grid{display:grid;grid-template-columns:.8fr 1.55fr;gap:85px;align-items:center}.about h2,.section-heading h2{font-size:clamp(38px,4vw,58px)}.about-copy>p,.section-heading p{color:var(--muted);font-size:17px;margin:22px 0}.check-list{list-style:none;padding:0;margin:26px 0 32px}.check-list li{margin:11px 0;color:#d7d7da}.check-list i{color:var(--red);margin-right:12px}.about-media{position:relative}.about-media img{width:100%;min-height:430px;object-fit:cover;border-radius:20px;border:1px solid var(--line);box-shadow:0 30px 70px rgba(0,0,0,.35)}.experience-badge{position:absolute;left:-35px;bottom:35px;background:var(--red);border-radius:16px;padding:20px 27px;display:flex;align-items:center;gap:14px;box-shadow:0 20px 40px rgba(239,32,45,.28)}.experience-badge strong{font:700 42px/1 var(--font-heading)}.experience-badge span{font-size:14px;line-height:1.4;max-width:80px}.section-heading{max-width:690px;margin-bottom:45px}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{position:relative;background:linear-gradient(145deg,#11151b,#0b0e12);border:1px solid var(--line);border-radius:22px;padding:38px;min-height:390px;overflow:hidden;transition:.35s}.service-card:hover{transform:translateY(-8px);border-color:rgba(239,32,45,.45);box-shadow:0 25px 50px rgba(0,0,0,.33)}.service-card>span{position:absolute;right:22px;top:12px;font:700 76px/1 var(--font-heading);color:rgba(255,255,255,.035)}.service-card>i{font-size:46px;color:var(--red);margin:18px 0 36px}.service-card h3{font:600 26px/1.3 var(--font-heading);margin:0 0 15px}.service-card p{color:var(--muted)}.service-card a,.news-card a{display:inline-flex;align-items:center;gap:10px;color:var(--red);font-weight:600;margin-top:20px}.portfolio{background:#090b0f}.portfolio-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.project-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:170px 1fr;min-height:215px}.project-card--large{grid-row:span 2;grid-template-columns:1fr;min-height:455px}.project-preview{display:grid;place-items:center;background:radial-gradient(circle at center,rgba(239,32,45,.25),rgba(239,32,45,.03));font-size:58px;color:var(--red)}.project-card--large .project-preview{font-size:90px;min-height:275px}.project-card>div:last-child{padding:26px}.project-card span{color:var(--red);font-size:13px;text-transform:uppercase;letter-spacing:1px}.project-card h3{font:600 24px/1.3 var(--font-heading);margin:7px 0}.project-card p{color:var(--muted);margin:0}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.news-card{padding:33px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:20px}.news-date{font-size:12px;color:var(--red);letter-spacing:1px}.news-card h3{font:600 23px/1.4 var(--font-heading);margin:15px 0}.news-card p{color:var(--muted)}.contact-box{background:linear-gradient(125deg,#d40b18,#f32935);border-radius:28px;padding:58px 65px;display:flex;align-items:center;justify-content:space-between;gap:45px;box-shadow:0 30px 80px rgba(239,32,45,.19)}.contact-box .eyebrow{color:#fff}.contact h2{font-size:clamp(34px,4vw,54px)}.contact-box p{margin-bottom:0}.contact-actions{display:flex;flex-direction:column;gap:14px;min-width:300px}.btn-light{background:#fff;color:#141414}.btn-dark{background:#121418}.site-footer{border-top:1px solid var(--line);padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:60px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start}.footer-grid p,.footer-grid span,.footer-grid a{color:var(--muted);margin:5px 0}.footer-grid h4{font:600 18px/1 var(--font-heading);margin:5px 0 18px}.socials{display:flex;gap:10px}.socials a{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.socials a:hover{background:var(--red);color:#fff;border-color:var(--red)}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;margin-top:48px;display:flex;justify-content:space-between;color:#777;font-size:13px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.show{opacity:1;transform:none}
@media(max-width:1100px){.main-nav{gap:22px}.header-contact{display:none}.hero-grid{grid-template-columns:1fr 1fr}.value-grid{grid-template-columns:repeat(2,1fr)}.value-card:nth-child(2):after{display:none}.about-grid{gap:45px}.service-cards{grid-template-columns:repeat(2,1fr)}.service-card:last-child{grid-column:span 2}.footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}.footer-grid>div:last-child{grid-column:2}}
@media(max-width:820px){.section{padding:80px 0}.menu-toggle{display:block;z-index:102}.main-nav{position:fixed;inset:0;background:rgba(7,9,12,.98);flex-direction:column;justify-content:center;gap:24px;transform:translateX(100%);transition:.35s}.main-nav.open{transform:none}.main-nav a{font-size:22px}.menu-toggle.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hero{padding-top:125px}.hero-grid{grid-template-columns:1fr}.hero-content{text-align:center}.hero-content>p{margin-left:auto;margin-right:auto}.hero-actions,.hero-stats{justify-content:center}.hero-visual{min-height:360px;justify-content:center}.hero-visual img{width:min(760px,115%);transform:none}.about-grid{grid-template-columns:1fr}.about-copy{order:2}.about-media{order:1}.experience-badge{left:20px}.portfolio-grid{grid-template-columns:1fr}.project-card--large{grid-row:auto}.news-grid{grid-template-columns:1fr}.contact-box{flex-direction:column;align-items:flex-start}.contact-actions{width:100%;min-width:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:auto}}
@media(max-width:580px){.container{width:min(calc(100% - 28px),var(--container))}.brand-copy strong{font-size:23px}.brand-frog{font-size:29px}.hero h1{font-size:39px}.hero-content>p{font-size:16px}.hero-stats{gap:18px}.hero-stats span{font-size:11px}.hero-visual{min-height:260px}.hero-visual img{width:120%}.value-grid{grid-template-columns:1fr}.value-card:after{display:none}.value-card{padding:27px}.service-cards{grid-template-columns:1fr}.service-card:last-child{grid-column:auto}.project-card{grid-template-columns:1fr}.project-preview{min-height:150px}.about-media img{min-height:320px}.contact-box{padding:38px 25px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:10px}.btn{width:100%}.hero-actions{flex-direction:column}.hero-actions .btn{width:auto}.hero-stats{flex-wrap:wrap}}