@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=Prompt:wght@500;600;700&display=swap');
:root{--ink:#081820;--ink2:#102a32;--paper:#f4f1e9;--white:#fff;--orange:#ff5b35;--lime:#d9ff43;--line:rgba(8,24,32,.16);--radius:1.4rem;--display:'Prompt',sans-serif;--body:'IBM Plex Sans Thai',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.65 var(--body);overflow-x:hidden}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}.skip-link{position:fixed;top:-100px;left:1rem;z-index:100;background:#fff;padding:.75rem 1rem}.skip-link:focus{top:1rem}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;height:100px;padding:0 clamp(1.25rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid rgba(255,255,255,.2)}.brand{display:flex;align-items:center;gap:.8rem}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--orange);font:700 1.3rem var(--display)}.brand strong,.brand small{display:block}.brand strong{font:600 1.2rem var(--display)}.brand small{font-size:.72rem;opacity:.67}.site-header nav{display:flex;gap:2rem}.site-header nav a{font-weight:600;font-size:.95rem}.site-header nav a:hover{color:var(--lime)}.header-call{padding:.8rem 1.1rem;border:1px solid rgba(255,255,255,.35);border-radius:100px;font-weight:700}.header-call span{color:var(--lime);margin-right:.35rem}.hero{position:relative;min-height:960px;color:#fff;isolation:isolate;display:flex;align-items:center;padding:130px clamp(1.25rem,5vw,5rem) 100px}.hero-bg,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-bg{background:url('images/labor-keeb-moo-hero.png') center/cover no-repeat;transform:scale(1.02)}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(5,22,29,.98) 0%,rgba(5,22,29,.9) 43%,rgba(5,22,29,.4) 100%),linear-gradient(0deg,rgba(5,22,29,.8),transparent 50%)}.hero-grid{width:100%;max-width:1440px;margin:auto;display:grid;grid-template-columns:1.03fr .97fr;gap:clamp(2rem,5vw,6rem);align-items:center}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.09em;font-weight:700;font-size:.82rem}.eyebrow{display:flex;align-items:center;gap:.6rem;color:var(--lime)}.eyebrow span{width:28px;height:2px;background:currentColor}.hero h1,.section h2,.contact h2{font:600 clamp(3.7rem,7vw,7.5rem)/.98 var(--display);letter-spacing:-.045em;margin:1rem 0 1.7rem}.hero h1 em,.section h2 em,.contact h2 em{font-style:normal;color:var(--orange)}.hero-lead{max-width:650px;font-size:clamp(1.12rem,1.5vw,1.38rem);color:rgba(255,255,255,.8)}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.2rem}.button{min-height:56px;padding:.85rem 1.35rem;border-radius:100px;display:inline-flex;align-items:center;gap:.7rem;font-weight:700}.button.primary{background:var(--orange);color:#fff}.button.line{background:var(--lime);color:var(--ink)}.button.line span{font-size:.72rem;border:1px solid currentColor;padding:.1rem .3rem;border-radius:4px}.button:hover{transform:translateY(-2px)}.micro{font-size:.82rem;opacity:.55}.hero-card{position:relative;margin:0;transform:rotate(2deg);border:10px solid rgba(255,255,255,.12);box-shadow:0 40px 100px rgba(0,0,0,.35)}.hero-card img{aspect-ratio:16/10;object-fit:cover}.hero-card figcaption{position:absolute;left:-28px;bottom:-35px;background:var(--lime);color:var(--ink);padding:1rem 1.3rem;box-shadow:0 18px 40px rgba(0,0,0,.2)}.hero-card figcaption span,.hero-card figcaption strong{display:block}.hero-card figcaption span{font-size:.75rem}.hero-card figcaption strong{font:600 1.2rem var(--display)}.scroll-cue{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:.65rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.scroll-cue span{width:36px;height:36px;border:1px solid rgba(255,255,255,.4);border-radius:50%;position:relative}.scroll-cue span:after{content:'';position:absolute;left:50%;top:8px;width:1px;height:14px;background:#fff;animation:drop 1.5s infinite}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--lime);border-bottom:1px solid var(--ink)}.trust-strip>div{display:flex;gap:1rem;align-items:center;padding:1.4rem clamp(1rem,2vw,2.2rem);border-right:1px solid rgba(8,24,32,.25)}.trust-strip strong{font:600 1.8rem var(--display);opacity:.3}.trust-strip b,.trust-strip span{display:block}.trust-strip b{font:600 .95rem var(--display)}.trust-strip span{font-size:.78rem}.ticker{overflow:hidden;background:var(--orange);color:#fff;padding:1.05rem 0}.ticker-track{display:flex;width:max-content;gap:1.5rem;align-items:center;animation:ticker 34s linear infinite;font:600 1.15rem var(--display)}.ticker i{font-style:normal;color:var(--lime)}.section{padding:clamp(5rem,10vw,9rem) clamp(1.25rem,5vw,5rem)}.section-head{max-width:1440px;margin:0 auto 4rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end}.section-head .kicker{grid-column:1/-1;color:var(--orange);margin:0}.section-head h2{font-size:clamp(2.9rem,5.5vw,6rem);margin:0}.section-head>p:last-child{max-width:440px;font-size:1.08rem}.service-grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.service-card{position:relative;min-height:500px;border-radius:var(--radius);overflow:hidden;color:#fff;isolation:isolate;padding:2rem;display:flex;flex-direction:column;justify-content:space-between}.service-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(4,18,24,.96),rgba(4,18,24,.05) 80%)}.service-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s ease}.service-card:hover img{transform:scale(1.045)}.service-no{align-self:flex-start;border:1px solid rgba(255,255,255,.6);border-radius:100px;padding:.35rem .7rem;font-weight:600}.service-card h3{font:600 clamp(1.8rem,3vw,3rem)/1.15 var(--display);margin:0 0 .5rem}.service-card p{max-width:500px;color:rgba(255,255,255,.75)}.service-card ul{list-style:none;padding:0;display:flex;gap:.4rem;flex-wrap:wrap}.service-card li{border:1px solid rgba(255,255,255,.3);padding:.25rem .65rem;border-radius:100px;font-size:.75rem}.service-card.featured{grid-column:1/-1;min-height:650px}.process{background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem);align-items:center}.process-photo{position:relative}.process-photo img{height:min(75vh,760px);object-fit:cover;border-radius:var(--radius)}.process-photo span{position:absolute;right:-20px;top:40px;background:var(--orange);padding:.75rem 1rem;border-radius:100px;font-weight:700;transform:rotate(5deg)}.process-copy h2{font-size:clamp(3.2rem,6vw,6.7rem)}.process-copy .kicker{color:var(--lime)}.process ol{list-style:none;padding:0;margin:2rem 0 0}.process li{display:flex;gap:1.3rem;padding:1.4rem 0;border-top:1px solid rgba(255,255,255,.15)}.process li b{color:var(--lime);font:500 1rem var(--display)}.process li strong,.process li span{display:block}.process li strong{font:600 1.15rem var(--display);margin-bottom:.2rem}.process li span{color:rgba(255,255,255,.67)}.works{background:#dfe5e1}.section-head.light .kicker{color:#d83c19}.gallery{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:240px;gap:.7rem}.gallery figure,.archive-grid figure{margin:0;position:relative;overflow:hidden;background:#c9d0cc}.gallery .wide{grid-column:span 2}.gallery .tall{grid-row:span 2}.gallery figure img,.archive-grid img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.gallery figure:hover img,.archive-grid figure:hover img{transform:scale(1.04)}.gallery figcaption{position:absolute;left:.8rem;bottom:.8rem;background:rgba(8,24,32,.82);backdrop-filter:blur(8px);color:#fff;padding:.35rem .65rem;font-size:.73rem;border-radius:100px}.more-gallery{max-width:1440px;margin:1.5rem auto 0;border-top:1px solid var(--line)}.more-gallery summary{padding:1.2rem 0;display:flex;justify-content:space-between;cursor:pointer;font-weight:700}.more-gallery summary::marker{display:none}.archive-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem;padding-bottom:1rem}.archive-grid figure{margin:0;aspect-ratio:1}.about{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem)}.about h2{font-size:clamp(3.2rem,5.8vw,6.4rem);margin-top:1rem}.about .kicker{color:var(--orange)}.about-story{padding-top:3rem}.about-story .lead{font:500 clamp(1.35rem,2vw,1.8rem)/1.5 var(--display)}.source-note{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.78rem;color:#526168}.source-note a{text-decoration:underline}.faq{background:#fff;display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(3rem,8vw,8rem)}.faq-intro{position:sticky;top:2rem;align-self:start}.faq-intro h2{font-size:clamp(3rem,5vw,5.5rem)}.faq-intro .kicker{color:var(--orange)}.faq-list details{border-top:1px solid var(--line);padding:1.3rem 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;gap:1rem;cursor:pointer;font:600 clamp(1.05rem,1.5vw,1.35rem) var(--display);list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--orange);font-size:1.5rem;transition:transform .25s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{max-width:700px;color:#4d5d63}.contact{position:relative;overflow:hidden;background:var(--orange);color:#fff;padding:clamp(6rem,12vw,11rem) clamp(1.25rem,5vw,5rem);text-align:center}.contact-inner{position:relative;z-index:2;max-width:1100px;margin:auto}.contact h2{font-size:clamp(4rem,9vw,9.5rem);margin:.7rem 0 1.5rem}.contact h2 em{color:var(--lime)}.contact-inner>p:not(.kicker){font-size:1.15rem;max-width:620px;margin:0 auto 2rem}.contact-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.contact-big{display:grid;grid-template-columns:1fr auto;text-align:left;align-items:center;background:#fff;color:var(--ink);padding:1.2rem 1.4rem;border-radius:1rem}.contact-big small,.contact-big strong{grid-column:1}.contact-big strong{font:600 clamp(1.05rem,1.6vw,1.4rem) var(--display)}.contact-big span{grid-column:2;grid-row:1/3;font-size:1.5rem}.contact-big.line-bg{background:var(--lime)}.contact-orbit{position:absolute;border:1px solid rgba(255,255,255,.25);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:800px;height:800px}.orbit-two{width:1150px;height:1150px}.contact:before{content:'พร้อมลงไซต์';position:absolute;white-space:nowrap;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);font:700 15vw var(--display);color:rgba(255,255,255,.05)}footer{background:var(--ink);color:#fff;padding:4rem clamp(1.25rem,5vw,5rem) 2rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem}footer strong{font:600 2rem var(--display)}footer p{color:rgba(255,255,255,.55);max-width:420px}footer b,footer a{display:block;margin-bottom:.55rem}footer b{color:var(--lime);margin-bottom:1rem}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:1.5rem;font-size:.8rem}.mobile-actions{display:none}.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.14s}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes drop{0%{transform:translateY(0);opacity:1}100%{transform:translateY(10px);opacity:0}}
@media(max-width:960px){.site-header nav{display:none}.hero{min-height:900px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-top:2rem}.hero-card{max-width:620px;margin-left:auto}.trust-strip{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:1fr}.process,.about,.faq{grid-template-columns:1fr}.faq-intro{position:static}.gallery{grid-template-columns:repeat(2,1fr)}.archive-grid{grid-template-columns:repeat(3,1fr)}.contact-actions{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:600px){body{padding-bottom:64px}.site-header{height:78px;padding:0 1rem}.brand small,.header-call{display:none}.hero{min-height:auto;padding:115px 1.15rem 95px}.hero h1{font-size:3.25rem}.hero-card{margin:1.5rem 0 0;border-width:6px;transform:rotate(1deg)}.hero-card figcaption{left:12px;bottom:-30px}.scroll-cue{display:none}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip>div{align-items:flex-start;padding:1rem;gap:.6rem}.trust-strip strong{font-size:1.25rem}.section{padding:4.5rem 1.15rem}.section-head{grid-template-columns:1fr;margin-bottom:2.5rem}.section-head h2{font-size:3rem}.service-card,.service-card.featured{min-height:470px;padding:1.3rem}.process-photo span{right:8px}.gallery{grid-auto-rows:190px}.gallery .wide{grid-column:span 2}.archive-grid{grid-template-columns:repeat(2,1fr)}.contact{padding:5rem 1.15rem}.contact h2{font-size:3.75rem}.contact-big{padding:1rem}.orbit-one{width:500px;height:500px}.orbit-two{width:760px;height:760px}footer{grid-template-columns:1fr;padding:3rem 1.15rem 2rem}.footer-brand{grid-column:auto}.copyright{grid-column:auto}.mobile-actions{position:fixed;z-index:50;bottom:0;left:0;right:0;display:grid;grid-template-columns:1.5fr 1fr;background:#fff;border-top:1px solid #ddd;padding:.55rem;gap:.5rem}.mobile-actions a{display:grid;place-items:center;min-height:48px;border-radius:100px;background:var(--orange);color:#fff;font-weight:700}.mobile-actions a:last-child{background:#06c755}.reveal{transform:translateY(18px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}.reveal{opacity:1;transform:none;transition:none}.scroll-cue span:after{animation:none}}
.hero-bg{background-image:url('images/labor-keeb-moo-hero-optimized.jpg')}
.hero{overflow:hidden}
.hero-shade{background:linear-gradient(rgba(5,22,29,.58),rgba(5,22,29,.72)),linear-gradient(90deg,rgba(5,22,29,.98) 0%,rgba(5,22,29,.88) 48%,rgba(5,22,29,.36) 100%)}
.service-cta{max-width:1440px;margin:1rem auto 0;padding:1.35rem 1.5rem;background:var(--ink);color:#fff;border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.service-cta small,.service-cta strong{display:block}.service-cta small{color:var(--lime)}.service-cta strong{font:600 clamp(1.05rem,1.7vw,1.35rem) var(--display)}
.text-call{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.8rem;padding:1.1rem 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);color:var(--lime)}
.text-call strong{margin-left:auto;color:#fff;font:600 1.1rem var(--display)}.text-call span{font-size:1.4rem}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:.8rem;align-items:stretch;max-width:920px;margin:auto}
.contact-layout .contact-actions{grid-template-columns:1fr}
.qr-card{background:#fff;color:var(--ink);border-radius:1rem;padding:1rem;display:flex;flex-direction:column;justify-content:center;gap:.6rem}
.qr-card img{width:min(100%,250px);margin:auto;aspect-ratio:1;object-fit:contain}.qr-card span,.qr-card b{display:block}.qr-card span{font-size:.82rem}.qr-card b{font:600 1.05rem var(--display)}
@media(max-width:720px){.service-cta{align-items:flex-start;flex-direction:column}.contact-layout{grid-template-columns:1fr}.qr-card{max-width:300px;width:100%;margin:auto}.process-photo img{height:480px}.text-call{align-items:flex-start;flex-wrap:wrap}.text-call strong{margin-left:0}}
.project-showcase{max-width:1440px;margin:clamp(4rem,8vw,8rem) auto 0;padding-top:clamp(3rem,6vw,6rem);border-top:1px solid var(--line);display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(2rem,5vw,5rem);align-items:start}.project-copy{position:sticky;top:2rem}.project-copy h3{font:600 clamp(2rem,4vw,4.4rem)/1.08 var(--display);letter-spacing:-.04em;margin:.8rem 0 1.2rem}.project-copy>p:not(.kicker){color:#43545a;margin-bottom:1.8rem}.new-project-gallery{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:300px;gap:.7rem}.new-project-gallery figure{position:relative;margin:0;overflow:hidden;background:#c8cfcb}.new-project-gallery figure.large{grid-row:span 2}.new-project-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.new-project-gallery figure:hover img{transform:scale(1.035)}.new-project-gallery figcaption{position:absolute;left:.75rem;bottom:.75rem;background:rgba(8,24,32,.84);color:#fff;border-radius:100px;padding:.35rem .7rem;font-size:.75rem}
.gallery figure,.archive-grid figure,.new-project-gallery figure{cursor:zoom-in}.gallery figure:focus-visible,.archive-grid figure:focus-visible,.new-project-gallery figure:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.floating-contact{position:fixed;right:1rem;bottom:1rem;z-index:60;display:flex;flex-direction:column;gap:.65rem}.floating-contact a{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 10px 32px rgba(0,0,0,.25);position:relative;border:2px solid rgba(255,255,255,.85)}.floating-contact a span{font-weight:800}.floating-contact a b{position:absolute;right:68px;white-space:nowrap;background:var(--ink);padding:.35rem .65rem;border-radius:6px;font-size:.75rem;opacity:0;transform:translateX(8px);pointer-events:none;transition:.2s}.floating-contact a:hover b,.floating-contact a:focus-visible b{opacity:1;transform:none}.float-phone{background:var(--orange)}.float-phone span{font-size:1.45rem}.float-line{background:#06c755}.float-line span{font-size:.66rem}
.lightbox{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:clamp(1rem,4vw,3rem);border:0;background:rgba(2,10,14,.94);color:#fff;overflow:hidden}.lightbox[open]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) auto;align-items:center}.lightbox::backdrop{background:rgba(2,10,14,.88)}.lightbox figure{margin:0;height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center}.lightbox figure img{width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 9rem);object-fit:contain}.lightbox figcaption{padding:.8rem 1rem 0;text-align:center;color:rgba(255,255,255,.82)}.lightbox-close,.lightbox-nav{border:0;color:#fff;background:rgba(255,255,255,.12);cursor:pointer;display:grid;place-items:center}.lightbox-close{position:absolute;right:1rem;top:1rem;width:46px;height:46px;border-radius:50%;font-size:2rem;z-index:2}.lightbox-nav{width:52px;height:68px;border-radius:100px;font-size:3rem}.lightbox-nav:hover,.lightbox-close:hover{background:var(--orange)}.lightbox-counter{grid-column:1/-1;margin:.5rem 0 0;text-align:center;font-size:.8rem;color:rgba(255,255,255,.58)}
@media(max-width:800px){.project-showcase{grid-template-columns:1fr}.project-copy{position:static}.new-project-gallery{grid-auto-rows:230px}.floating-contact{bottom:.8rem;right:.8rem}.floating-contact a{width:54px;height:54px}.floating-contact a b{display:none}.lightbox{padding:.75rem}.lightbox[open]{grid-template-columns:44px minmax(0,1fr) 44px}.lightbox-nav{width:42px;height:58px;font-size:2.4rem}.lightbox figure img{max-height:calc(100dvh - 8rem)}}
@media(max-width:480px){.new-project-gallery{grid-auto-rows:210px;gap:.45rem}.new-project-gallery figcaption{font-size:.68rem}.floating-contact{bottom:.7rem}.lightbox-close{width:42px;height:42px}.lightbox-nav{background:rgba(255,255,255,.18)}}
@media(max-width:600px){body{padding-bottom:0}}