*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:96px}html,body,#root{background:#0c0c0c}html,body{overflow-x:hidden}body{font-family:Kanit,sans-serif;color:#d7e2ea}.hero-heading{background:linear-gradient(180deg,#646973,#bbccd7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.btn-contact{border:none;cursor:pointer;color:#fff;font-family:inherit;font-weight:500;text-transform:uppercase;letter-spacing:.18em;border-radius:9999px;padding:14px 40px;font-size:clamp(.72rem,1vw,1rem);background:linear-gradient(123deg,#3d0a24 5%,#c2186f 38%,#ff2e88 72%,#ff7eb3);box-shadow:0 4px 4px #ff2e8840,4px 4px 12px #c2186f inset;outline:2px solid #fff;outline-offset:-3px;transition:transform .2s ease,filter .2s ease}.btn-contact:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-ghost{cursor:pointer;background:transparent;font-family:inherit;font-weight:500;text-transform:uppercase;letter-spacing:.18em;border-radius:9999px;border:2px solid #D7E2EA;color:#d7e2ea;padding:12px 34px;font-size:clamp(.72rem,1vw,1rem);transition:background .2s ease;display:inline-flex;align-items:center;gap:.4em}.btn-ghost:hover{background:#d7e2ea1a}a{text-decoration:none}.fade{opacity:0;transition:opacity .7s cubic-bezier(.25,.1,.25,1),transform .7s cubic-bezier(.25,.1,.25,1)}.fade.in{opacity:1;transform:none!important}.ph{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d7e2ea0f,#c2186f1f),repeating-linear-gradient(45deg,rgba(215,226,234,.03) 0 12px,transparent 12px 24px);border:1px dashed rgba(215,226,234,.22);color:#d7e2ea8c;font-weight:400;letter-spacing:.05em;text-align:center;padding:12px;overflow:hidden}.ph span{font-size:clamp(.62rem,1vw,.85rem);line-height:1.4}.ph img{width:100%;height:100%;object-fit:cover;display:block}.nav{position:fixed;inset:0 0 auto;z-index:800;display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 24px;gap:16px;background:#0c0c0cdb;border-bottom:1px solid rgba(215,226,234,.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.nav-logo{display:flex;align-items:center;transition:opacity .2s}.nav-logo img{height:64px;width:auto;display:block}.nav-logo:hover{opacity:.85}.nav-links{display:flex;align-items:center;gap:clamp(14px,2.2vw,44px)}.nav-links a{color:#d7e2ea;font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(.72rem,1.1vw,1.3rem);transition:opacity .2s}.nav-links a:hover{opacity:.7}@media (max-width:640px){html{scroll-padding-top:72px}.nav{padding:9px 16px;gap:8px}.nav-logo img{height:42px}.nav-links{gap:11px}.nav-links a{font-size:.66rem;letter-spacing:.03em}}.hero-title{font-weight:900;text-transform:uppercase;letter-spacing:0;line-height:1.08;white-space:nowrap;width:100%;font-size:clamp(2.4rem,13.5vw,230px);margin:0;padding-top:.06em}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:40px;position:relative;z-index:20;gap:20px}@media (max-width:640px){.hero-bottom{flex-direction:column;align-items:flex-start;gap:16px;padding-bottom:26px}}.mq-section{background:#0c0c0c;padding:120px 0 40px;overflow:hidden}@media (max-width:640px){.mq-section{padding:84px 0 20px}}.mq-row{display:flex;gap:12px;will-change:transform}.mq-tile{flex:0 0 auto;width:420px;height:270px;border-radius:16px;overflow:hidden}@media (max-width:640px){.mq-tile{width:230px;height:150px}}.svc{background:#fff;border-top-left-radius:56px;border-top-right-radius:56px}.svc-item{display:flex;gap:clamp(16px,3vw,48px);align-items:flex-start;border-top:1px solid rgba(12,12,12,.15);padding:clamp(28px,4vw,48px) 0}.svc-num{font-weight:900;color:#0c0c0c;line-height:.85;font-size:clamp(2.6rem,9vw,140px)}.svc-name{font-weight:500;text-transform:uppercase;color:#0c0c0c;font-size:clamp(1rem,2.2vw,2.1rem);line-height:1.15}.svc-desc{font-weight:300;color:#0c0c0c;opacity:.6;line-height:1.6;max-width:640px;margin-top:8px;font-size:clamp(.85rem,1.6vw,1.25rem)}.proj-card{border:2px solid #D7E2EA;background:#0c0c0c;border-radius:48px;padding:clamp(16px,2.4vw,32px);will-change:transform;transform-origin:top center}.proj-top{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-bottom:clamp(16px,2vw,28px)}.proj-grid{display:grid;grid-template-columns:40% 60%;gap:12px}@media (max-width:640px){.proj-grid{grid-template-columns:1fr}}.eyebrow{font-size:clamp(.66rem,1vw,.85rem);letter-spacing:.22em;text-transform:uppercase;color:#8a929b}.corner{position:absolute;pointer-events:none}@media (max-width:640px){.corner{opacity:.5}}.to-top{position:fixed;right:20px;bottom:88px;z-index:900;width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(123deg,#c2186f,#ff2e88);box-shadow:0 6px 20px #ff2e8866;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}.to-top.show{opacity:1;transform:none;pointer-events:auto}.to-top:hover{filter:brightness(1.1)}.mq2-section{background:#0c0c0c;padding:34px 0;overflow:hidden;display:flex;flex-direction:column;gap:16px}.mq2-row{display:flex;gap:16px;width:max-content;will-change:transform}.mq2-left{animation:mq-left 48s linear infinite}.mq2-right{animation:mq-right 48s linear infinite}.mq2-row:hover{animation-play-state:paused}@keyframes mq-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes mq-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.mq2-tile{position:relative;flex:0 0 auto;width:480px;height:310px;border-radius:16px;overflow:hidden;border:none;padding:0;cursor:pointer;background:#141418;transition:transform .3s ease,box-shadow .3s ease;transform-origin:center}.mq2-tile img{width:100%;height:100%;object-fit:cover;display:block}.mq2-tile:hover{transform:scale(1.07);z-index:5;box-shadow:0 20px 50px #0000008c}.mq2-cap{position:absolute;left:0;right:0;bottom:0;padding:12px 16px;color:#fff;font-weight:500;font-size:.95rem;text-align:left;text-transform:uppercase;letter-spacing:.03em;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78));opacity:0;transition:opacity .3s ease;pointer-events:none}.mq2-tile:hover .mq2-cap{opacity:1}.mq2-empty{display:flex;align-items:center;justify-content:center;cursor:default;border:1px dashed rgba(215,226,234,.22);color:#d7e2ea80;padding:16px;text-align:center;font-size:.8rem;line-height:1.4}.mq2-empty:hover{transform:none;box-shadow:none}@media (max-width:640px){.mq2-section{padding:22px 0;gap:12px}.mq2-row{gap:12px}.mq2-tile{width:300px;height:200px}.mq2-left,.mq2-right{animation-duration:32s}.mq2-cap{font-size:.78rem;padding:9px 12px}}.line-btn{position:fixed;right:20px;bottom:20px;z-index:901;height:56px;display:inline-flex;align-items:center;justify-content:center;background:#06c755;color:#fff;border-radius:9999px;padding:0 15px;box-shadow:0 6px 20px #06c7556b;text-decoration:none;transition:transform .2s ease}.line-btn svg{flex:0 0 auto}.line-btn-label{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font-weight:600;font-size:.95rem;transition:max-width .3s ease,opacity .3s ease,margin-left .3s ease}.line-btn:hover{transform:translateY(-2px)}.line-btn:hover .line-btn-label{max-width:140px;opacity:1;margin-left:8px}@media (max-width:640px){.line-btn:hover .line-btn-label{max-width:0;opacity:0;margin-left:0}}.about-line-contact{display:flex;justify-content:center;width:100%}.line-contact{display:flex;flex-direction:column;align-items:center;gap:12px;width:210px;max-width:78vw}.line-contact-center{margin-inline:auto}.line-contact a{display:block;width:100%}.line-contact .btn-contact{width:100%;padding:13px 12px;letter-spacing:.05em;text-align:center}.line-qr{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.line-qr img{width:100%;aspect-ratio:1;height:auto;object-fit:contain;background:#fff;border-radius:12px;padding:8px}.line-qr span{font-size:.72rem;color:#9aa6b0;letter-spacing:.03em;white-space:nowrap}.site-footer{margin:0 -20px -40px;padding-top:clamp(80px,12vw,160px)}.footer-cta{text-align:center;padding:0 20px clamp(64px,8vw,104px)}.footer-cta-heading{font-weight:900;text-transform:uppercase;font-size:clamp(2rem,8vw,84px);line-height:1.28;padding-top:.08em}.footer-panel{background:#fff;color:#29272a;text-align:left}.footer-panel-inner{max-width:1240px;margin:0 auto;padding:clamp(48px,5vw,72px) clamp(24px,5vw,64px) 28px}.footer-brand-row{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;padding-bottom:clamp(32px,4vw,48px);border-bottom:1px solid #E7E3E6}.footer-logo{display:block;width:min(280px,68vw);height:auto}.footer-brand-row p{max-width:540px;color:#69656a;font-size:clamp(.95rem,1.4vw,1.1rem);line-height:1.7;text-align:right}.footer-grid{display:grid;grid-template-columns:minmax(280px,1.25fr) minmax(150px,.7fr) minmax(170px,.75fr) minmax(250px,.9fr);gap:clamp(32px,4vw,56px);align-items:start;padding-top:clamp(32px,4vw,48px)}.footer-column{min-width:0}.footer-column h3,.footer-line-card h3{font-size:1rem;line-height:1.3;margin-bottom:16px;color:#29272a;letter-spacing:.02em;white-space:nowrap}.footer-link-list,.footer-nav-links,.footer-social-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-link-list a,.footer-social-links a{display:flex;align-items:center;gap:10px;min-width:0}.footer-panel a{color:#565257;font-size:.95rem;line-height:1.45;transition:color .2s ease}.footer-panel a:hover,.footer-panel a:focus-visible{color:#c2186f}.footer-panel svg{flex:0 0 auto;color:#e91e8d}.footer-link-list a[href^="mailto:"]{font-size:clamp(.76rem,1vw,.9rem);white-space:nowrap}.footer-line-card{display:grid;grid-template-columns:minmax(0,1fr) 96px;grid-template-areas:"copy qr" "action qr";width:100%;min-width:0;column-gap:12px;row-gap:10px;align-items:center;padding:16px;background:#f7f8f7;border:1px solid #E4E8E5;border-radius:16px;overflow:hidden}.footer-line-copy{grid-area:copy;min-width:0;align-self:end}.footer-line-copy h3{margin-bottom:4px}.footer-line-copy p{color:#39794f;font-size:.9rem;font-weight:600}.footer-qr-link{grid-area:qr;display:block;width:96px;max-width:100%}.footer-qr-link img,.footer-qr-image{display:block;width:96px;max-width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff}.footer-qr-image{grid-area:qr}.footer-line-action{grid-area:action;display:inline-flex;justify-content:center;width:max-content;max-width:100%;padding:7px 12px;color:#fff!important;background:#06c755;border-radius:999px;font-size:.78rem!important;font-weight:600}.footer-line-action:hover,.footer-line-action:focus-visible{color:#fff!important;background:#05b94f}.footer-bottom{margin-top:clamp(48px,6vw,72px);padding-top:24px;border-top:1px solid #E7E3E6;color:#69656a;font-size:.82rem;line-height:1.6}@media (max-width:1080px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.footer-panel-inner{padding:40px 24px 24px}.footer-brand-row{align-items:flex-start;flex-direction:column;gap:24px}.footer-brand-row p{text-align:left}.footer-grid{grid-template-columns:1fr;gap:36px}.footer-line-card{max-width:360px}.footer-bottom{margin-top:44px}}@media (max-width:640px){.proj-wrap{height:auto!important;margin-bottom:22px}.proj-card{position:static!important;transform:none!important}}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;z-index:1100;background:#0c0c0cd9;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto;animation:popup-fade .3s ease}@keyframes popup-fade{0%{opacity:0}to{opacity:1}}.popup-card{position:relative;background:#141418;border:1px solid rgba(215,226,234,.15);border-radius:20px;width:100%;max-width:760px;max-height:90vh;overflow-x:hidden;overflow-y:auto;box-shadow:0 30px 80px #0009;animation:popup-pop .35s cubic-bezier(.2,.8,.3,1)}@keyframes popup-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.popup-close{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s}.popup-close:hover{background:#000000bf}.popup-img{width:100%;max-width:100%;height:auto;max-height:74vh;object-fit:contain;display:block;border-radius:20px 20px 0 0;background:#0c0c0c}.popup-text{padding:20px 22px 4px}.popup-title{font-weight:700;color:#fff;font-size:1.3rem;margin-bottom:8px;line-height:1.35}.popup-body{color:#b8c2cc;line-height:1.6;font-size:.95rem;white-space:pre-line}.popup-cta{display:flex;justify-content:center;padding:18px 22px 22px}body.lightbox-open .to-top,body.lightbox-open .line-btn{display:none!important}