:root{--svc-bg-page: #f8f8fa;--svc-bg-card: #ffffff;--svc-border-soft: #e4e4ea;--svc-text-main: #111827;--svc-text-subtle: #6b7280;--svc-accent: #f59e0b;--svc-radius-lg: 18px;--svc-shadow-soft: 0 8px 24px rgba(15, 23, 42, .08);--svc-shadow-sm: 0 2px 10px rgba(15, 23, 42, .06)}.services-page{min-height:100vh;background:var(--svc-bg-page);padding:40px 0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--svc-text-main)}.services-container{max-width:1120px;margin:0 auto;padding:0 16px}.services-header{margin-bottom:26px}.services-label{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--svc-accent)}.services-title{margin-top:4px;font-size:26px;line-height:1.2;font-weight:600}.services-subtitle{margin-top:6px;max-width:640px;font-size:14px;color:var(--svc-text-subtle)}.services-grid{display:grid;gap:20px}@media(min-width:768px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.service-card{background:var(--svc-bg-card);border-radius:var(--svc-radius-lg);border:1px solid var(--svc-border-soft);overflow:hidden;box-shadow:var(--svc-shadow-sm);display:flex;flex-direction:column;transition:box-shadow .25s ease,transform .25s ease}.service-card:hover{box-shadow:var(--svc-shadow-soft);transform:translateY(-3px)}.service-image-wrapper{position:relative;overflow:hidden;max-height:220px}.service-image{width:100%;height:220px;object-fit:cover;display:block;transition:transform .4s ease}.service-card:hover .service-image{transform:scale(1.04)}.service-body{padding:14px 16px;display:flex;flex-direction:column;gap:8px}.service-name{font-size:16px;font-weight:600;line-height:1.25}.service-short{font-size:13px;color:var(--svc-text-subtle)}.service-points{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:4px;font-size:13px;color:#374151}.service-points li{position:relative;padding-left:16px}.service-points li:before{content:"•";position:absolute;left:4px;top:0;color:var(--svc-accent);font-weight:700}.home-services-section{padding:0}.home-services-title{font-size:28px;font-weight:600;margin-bottom:18px;color:#0a1a2f}.services-scroll-container{display:flex;gap:16px;overflow-x:auto;padding-bottom:10px;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.services-scroll-container::-webkit-scrollbar{display:none}.services-card{max-width:280px;min-width:280px;background:#fff;border-radius:18px;padding:16px;box-shadow:0 4px 14px #00000014;scroll-snap-align:start;border:1px solid #e5e7eb;flex-shrink:0;transition:transform .25s ease,box-shadow .25s ease}.services-card ul{line-height:1.75}.services-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.services-card-title{font-size:16px;font-weight:600;margin-bottom:10px}.services-card-img{width:248px;height:auto;border-radius:12px;object-fit:cover;margin-bottom:10px}.services-card-desc{line-height:1.75;text-align:justify}.header{position:sticky;top:0;z-index:50;padding:10px 0;background:transparent;color:#fff;text-shadow:0 0 5px #c7982e,0 0 10px #c7982e,0 0 20px #c7982e}.header-scrolled{height:50px;text-align:center;position:sticky;top:0;z-index:50;padding:10px 0;background:radial-gradient(1200px 800px at 90% -10%,rgba(14,165,233,.12),transparent 60%),radial-gradient(800px 600px at 10% 110%,rgba(245,158,11,.1),transparent 60%),#f8fafc;text-shadow:none}.hide-header-menu{display:none}.header-company-title{margin:0;font-size:24px;font-weight:bolder;color:#003456;text-shadow:0 0 2px #c7982e,0 0 5px #c7982e,0 0 10px #c7982e;background-color:transparent}.header-container{width:100%;max-width:1280px;display:flex;justify-content:space-between;align-items:center}:root{--bg:#0b1220;--ink:#003456;--text:#003456;--muted:#64748b;--brand:#c7982e;--accent:#f59e0b}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--text);font-size:15px}.container{max-width:1100px;margin:0 auto;padding:0 16px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;color:#003456;text-decoration:none;font-weight:600}.btn.primary{background:linear-gradient(135deg,#c7982e,#c7982e);color:#06131a;border-color:transparent}.btn.outline{background:#fff;color:#c7982e;border-color:#000}.header_old{position:sticky;top:0;z-index:50;padding:10px 0;background:radial-gradient(1200px 800px at 90% -10%,rgba(14,165,233,.12),transparent 60%),radial-gradient(800px 600px at 10% 110%,rgba(245,158,11,.1),transparent 60%),#f8fafc}.header1{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e5e7eb}.nav{height:128px;display:flex;align-items:center;justify-content:space-between}.nav a{color:#003456;text-decoration:none;font-weight:600;margin-left:16px;font-size:16px}.nav a:hover{color:#c7982e;background-color:transparent}.hero{padding:32px 0}.hero1{background:radial-gradient(1200px 800px at 90% -10%,rgba(14,165,233,.12),transparent 60%),radial-gradient(800px 600px at 10% 110%,rgba(245,158,11,.1),transparent 60%),#f8fafc;padding:140px 0;border-bottom:1px solid #e5e7eb}.hero h1{font-size:clamp(28px,4vw,44px);margin:0 0 12px;text-shadow:0 0 5px #c7982e,0 0 10px #c7982e,0 0 20px #c7982e}.hero p{max-width:720px;color:#003456;line-height:1.75;text-align:justify}.grid{display:grid;gap:16px}@media(min-width:760px){.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}}.card{border:1px solid #e5e7eb;border-radius:16px;padding:16px;background:#fff;box-shadow:0 2px 10px #00000008}.card p{color:#003456;line-height:1.75;text-align:justify}.card ul{line-height:1.75}.h1{font-size:28px;font-weight:800;margin:0 0 8px;text-shadow:0 0 5px #c7982e,0 0 10px #c7982e,0 0 20px #c7982e}.h2{font-size:22px;font-weight:700;margin:0 0 10px;text-shadow:0 0 5px #c7982e,0 0 10px #c7982e,0 0 20px #c7982e}.h3{font-size:18px;font-weight:700;margin:0 0 8px}.section{padding:36px 0;min-height:550px}.kv{display:flex;align-items:center;gap:3px;color:#64748b;font-weight:600;flex-direction:column}footer{border-top:1px solid #e5e7eb;padding:24px 0;color:#64748b;background:#fff}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #e5e7eb;padding:10px;text-align:left}.badge{display:inline-block;padding:6px 10px;background:#f1f5f9;border-radius:999px;color:#003456;font-weight:600;font-size:12px}.input,textarea{width:100%;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;font-size:15px}label span{font-size:12px;color:#64748b}.active{background-color:#c7982e;border-radius:6px}.video-container{position:relative;width:100%;height:auto}.bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.overlay{position:fixed;inset:0;background:#00000059;z-index:-1}.content-root{z-index:1;top:0}.content-root,section,main,header{position:relative;z-index:1}.center-img{display:block;margin:0 auto;width:256px;height:256px}.center-custom-img{display:block;margin:0 auto;width:94%;height:auto;object-fit:cover;border:1px solid #333}.logo1{border-radius:12px;box-shadow:0 0 5px #c7982e,0 0 10px #c7982e,0 0 20px #c7982e}.logo{border-radius:12px;border:0px solid #003456;box-shadow:0 0 #c7982e,0 0 5px #c7982e,0 0 10px #c7982e}.about_text{text-align:justify;line-height:2}:root{--bg-card: #ffffff;--border-soft: #e4e4ea;--text-main: #111827;--text-subtle: #6b7280;--text-muted: #9ca3af;--accent: #f59e0b;--accent-soft: #fef3c7;--radius-lg: 18px;--radius-xl: 24px;--shadow-soft: 0 8px 24px rgba(15, 23, 42, .08);--shadow-sm: 0 2px 10px rgba(15, 23, 42, .06)}.projects-page{min-height:100vh;background:var(--bg-page);padding:40px 0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--text);font-size:15px}.projects-container{max-width:1120px;margin:0 auto;padding:0 16px}.projects-header{margin-bottom:24px}.projects-label{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.projects-title{margin-top:4px;font-size:26px;line-height:1.2;font-weight:600}.projects-subtitle{margin-top:6px;max-width:560px;font-size:14px;color:var(--text-subtle)}.projects-grid{display:grid;gap:20px}@media(min-width:640px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:960px){.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.project-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-soft);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:box-shadow .25s ease,transform .25s ease}.project-card:hover{box-shadow:var(--shadow-soft)}.project-card-image-wrapper{position:relative;overflow:hidden}.project-card-image{width:100%;height:210px;object-fit:cover;display:block;transition:transform .3s ease}.project-card:hover .project-card-image{transform:scale(1.03)}.project-card-image-gradient{pointer-events:none;position:absolute;inset:auto 0 0;height:72px;background:linear-gradient(to top,#c7982e,transparent)}.project-card-image-tags{position:absolute;bottom:10px;left:10px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#fff}.project-location-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;background:#003456;padding:4px 8px;border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;border:1px solid transparent;font-size:11px;font-weight:500}.status-pill-ongoing{background:#ecfdf5;border-color:#bbf7d0;color:#047857}.status-pill-default{background:#f9fafb;border-color:var(--border-soft);color:#4b5563}.project-card-body{padding:14px 14px 12px;display:flex;flex-direction:column;gap:6px}.project-card-name{font-size:15px;font-weight:600;line-height:1.3;max-height:2.6em;overflow:hidden}.project-card-client{font-size:12px;color:var(--text-muted)}.project-card-client span{font-weight:500;color:var(--text-subtle)}.project-card-summary{color:#003456;overflow:hidden;line-height:1.75}.project-card-footer{margin-top:8px;display:flex;align-items:center;justify-content:space-between}.project-card-year{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.project-card-details-btn{border-radius:999px;border:1px solid var(--border-soft);padding:6px 12px;font-size:12px;background:#003456;color:#fff;font-weight:bolder;cursor:pointer;box-shadow:0 1px 3px #0f172a0f;transition:box-shadow .2s ease,transform .2s ease,background .2s ease}.project-card-details-btn:hover{box-shadow:#003456;background:#c7982e}.project-modal-root{position:fixed;inset:0;z-index:50}.project-modal-backdrop{position:absolute;inset:0;background:#0f172a99}.project-modal-sheet{position:absolute;inset-inline:0;bottom:0;margin-inline:auto;width:100%;max-width:1120px;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 24px 80px #0f172a66;display:flex;flex-direction:column;max-height:90vh}@media(min-width:768px){.project-modal-sheet{top:40px;bottom:40px;border-radius:24px}}.project-modal-header{padding:10px 16px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between}.project-modal-title{font-size:18px;font-weight:600}.project-modal-subtitle{font-size:14px;margin-top:2px}.project-modal-close{border-radius:999px;border:1px solid var(--border-soft);background:#fff;padding:6px;cursor:pointer;color:var(--text-subtle);box-shadow:0 1px 3px #0f172a0f;transition:box-shadow .2s ease,background .2s ease}.project-modal-close:hover{background:#f9fafb;box-shadow:var(--shadow-sm)}.project-modal-body{padding:14px 16px 16px;display:grid;gap:16px;overflow:auto}@media(min-width:768px){.project-modal-body{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}.project-modal-gallery{display:flex;flex-direction:column;gap:10px}.project-modal-main-image-wrapper{border-radius:20px;overflow:hidden;border:1px solid var(--border-soft)}.project-modal-main-image{display:block;width:100%;height:260px;object-fit:cover}@media(min-width:768px){.project-modal-main-image{height:320px}}.project-modal-thumbs{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.project-modal-thumb-btn{border-radius:12px;overflow:hidden;border:1px solid var(--border-soft);width:96px;height:64px;flex:0 0 auto;padding:0;cursor:pointer;background:transparent;transition:border-color .2s ease,transform .2s ease}.project-modal-thumb-btn:hover{transform:translateY(-2px)}.project-modal-thumb-btn-active{border-color:var(--text-main)}.project-modal-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.project-modal-details{display:flex;flex-direction:column;justify-content:space-between;gap:12px}.project-modal-text{display:flex;flex-direction:column;gap:10px}.project-modal-summary{color:#003456;line-height:1.5}.project-modal-custom-summary{color:#003456;line-height:2}.project-modal-section{display:flex;flex-direction:column;gap:6px}.project-modal-section-title{text-transform:uppercase;letter-spacing:.18em;color:#003456;font-weight:bolder}.project-modal-section-subtitle{color:#003456;font-weight:bolder}.project-modal-scope-list{list-style:none;display:grid;grid-template-columns:1fr;gap:6px;padding:0;margin:0}@media(min-width:768px){.project-modal-scope-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.project-modal-scope-item{font-size:13px;padding:6px 10px;border-radius:10px;border:1px solid var(--border-soft);background:#f9fafb;color:#374151}.project-modal-tags{display:flex;flex-wrap:wrap;gap:6px}.project-modal-tag-pill{font-size:11px;padding:4px 10px;border-radius:999px;background:#f3f4f6;color:#4b5563}.project-modal-footer{margin-top:6px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted)}.project-modal-footer-item{display:inline-flex;align-items:center;gap:6px}