@import "https://fonts.googleapis.com/css2?family=Archivo:wght@600;700&family=Inter:wght@400;500&display=swap";
:root{--navy:#0e355a;--navy-dark:#071f33;--navy-deep:#05121f;--gold:#e0a516;--gold-soft:#f6c754;--gold-bright:#ffc850;--cream:#f6f2e9;--ink:#1c2b38;--muted:#4c5762;--white:#fff;--border:#0e355a1f;--wa-green:#25d366;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.25rem;--text-4xl:3rem;--radius-sm:8px;--radius-md:12px;--radius:16px;--radius-lg:22px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 6px 18px #071f3314;--shadow-md:0 18px 40px #071f3324;--header-h:76px;--header-h-mobile:64px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--font-heading:"Archivo", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--line-height-tight:1.2;--line-height-base:1.6;--line-height-relaxed:1.75}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--header-h);height:-webkit-fill-available}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-family:var(--font-body);color:var(--ink);background:var(--cream);min-height:100vh;min-height:-webkit-fill-available;line-height:var(--line-height-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-weight:var(--weight-regular)}.skip-link{background:var(--gold);color:var(--navy-dark);padding:var(--space-4) var(--space-6);font-weight:var(--weight-bold);font-family:var(--font-heading);z-index:10000;border-radius:0 0 var(--radius) 0;text-decoration:none;position:absolute;top:-100px;left:0}.skip-link:focus{outline:3px solid var(--navy);outline-offset:2px;top:0}:focus{outline:none}:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:2px}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}img{object-fit:cover;width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--line-height-tight);color:var(--navy);font-weight:var(--weight-bold);letter-spacing:-.02em}h1{font-size:clamp(2.25rem,4vw + 1rem,3.5rem)}h2{font-size:clamp(1.875rem,3vw + .5rem,2.75rem)}h3{font-size:clamp(1.5rem,2vw + .5rem,2rem);font-weight:var(--weight-semibold)}h4{font-size:clamp(1.25rem,1.5vw + .5rem,1.5rem);font-weight:var(--weight-semibold)}p{font-size:1rem;line-height:var(--line-height-base);font-weight:var(--weight-regular)}strong,b{font-weight:var(--weight-medium)}ul,ol{font-family:var(--font-body);line-height:var(--line-height-base)}.container{width:min(1180px,92vw);margin:0 auto}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--gold);margin-bottom:var(--space-3);font-family:var(--font-heading)}.btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-weight:var(--weight-semibold);font-size:var(--text-sm);font-family:var(--font-heading);text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.btn-gold{background:linear-gradient(135deg, var(--gold-bright), var(--gold));color:var(--navy-dark);box-shadow:0 10px 24px #e0a51659}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 14px 30px #e0a51673}.btn-ghost{color:var(--white);background:#ffffff14;border:1.5px solid #ffffff8c}.btn-ghost:hover{background:#ffffff29;transform:translateY(-2px)}.btn-outline{color:var(--navy);border:1.5px solid var(--navy);background:0 0}.btn-outline:hover{background:var(--navy);color:var(--white);transform:translateY(-2px)}.btn-row{gap:var(--space-4);flex-wrap:wrap;display:flex}.site-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#071f33eb;border-bottom:1px solid #ffffff14;position:sticky;top:0}.site-header .nav{width:100%;max-width:none;margin:0;padding:0 4vw}.nav{height:var(--header-h);justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:var(--space-3);text-decoration:none;display:flex}.brand-logo{-webkit-user-select:none;user-select:none;pointer-events:none;flex-shrink:0;width:auto;height:75px}.brand-text{flex-direction:column;line-height:1.15;display:flex}.brand-text strong{color:var(--white);font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:var(--text-base);letter-spacing:.01em}.brand-text small{color:var(--white);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.04em;font-family:var(--font-body)}.nav-right{align-items:center;gap:var(--space-6);display:flex}.nav-links{align-items:center;gap:var(--space-6);list-style:none;display:flex}.nav-link{color:#ffffffd9;font-weight:var(--weight-semibold);font-size:var(--text-sm);padding:var(--space-1) 0;font-family:var(--font-heading);text-decoration:none;transition:color .18s;position:relative}.nav-link:after{content:"";background:var(--gold);width:0;height:2px;transition:width .22s;position:absolute;bottom:-2px;left:0}.nav-link:hover,.nav-link.active{color:var(--white)}.nav-link:hover:after,.nav-link.active:after{width:100%}.wa-btn{align-items:center;gap:var(--space-2);background:var(--wa-green);color:var(--white);font-weight:var(--weight-bold);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-family:var(--font-heading);text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 8px 20px #25d36659}.wa-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px #25d36680}.menu-toggle{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:8px;display:none}.menu-toggle span{background:var(--white);border-radius:2px;width:100%;height:2.5px;transition:transform .25s,opacity .2s;display:block}.menu-toggle.open span:first-child{transform:translateY(7.5px)rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.hero{min-height:calc(100vh - var(--header-h));background:linear-gradient(135deg, var(--navy-deep), var(--navy) 55%, #12456f);color:var(--white);align-items:center;padding:4rem 0;display:flex;position:relative;overflow:hidden}.hero-video{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-video video{object-fit:cover;width:100%;height:100%}.hero-overlay{z-index:1;pointer-events:none;background:linear-gradient(135deg,#05121f8c,#0e355a6b 55%,#12456f73),radial-gradient(circle at 15% 90%,#05121f59,#0000 55%);position:absolute;inset:0}.hero-inner{z-index:2;max-width:780px;position:relative}.hero h1{color:var(--white);margin-bottom:1.2rem;font-size:clamp(2.2rem,5vw,3.8rem)}.hero-sub{color:#ffffffdb;max-width:620px;margin-bottom:2rem;font-size:1.12rem}.hero-actions{flex-wrap:wrap;gap:1rem;margin-bottom:3rem;display:flex}.hero-stats{flex-wrap:wrap;gap:2.5rem;display:flex}.hero-stats div{flex-direction:column;display:flex}.hero-stats strong{font-family:var(--font-heading);color:var(--gold-bright);font-size:2rem;font-weight:var(--weight-bold)}.hero-stats span{color:#ffffffbf;font-size:.9rem}.page-hero{background:linear-gradient(135deg, var(--navy-deep), var(--navy) 55%, #12456f);color:var(--white);padding:4rem 0 3.5rem}.page-hero .eyebrow{color:var(--gold-bright)}.page-hero h1{color:var(--white);margin-bottom:1rem;font-size:clamp(1.9rem,4vw,3rem)}.page-hero-sub{color:#ffffffdb;max-width:620px;font-size:1.08rem}.stats{background:linear-gradient(135deg, var(--navy-deep), var(--navy) 55%, #12456f);color:var(--white)}.stats-head{margin-bottom:2rem}.stats .eyebrow{color:var(--gold-bright)}.stats h2{color:var(--white);font-size:clamp(1.7rem,3vw,2.4rem)}.stats-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{border:1px solid #ffffff1f;border-top:4px solid var(--gold);border-radius:var(--radius);padding:var(--space-7) var(--space-6);gap:var(--space-2);background:#ffffff0f;flex-direction:column;display:flex}.stat-value{font-family:var(--font-heading);font-size:clamp(2.1rem,3.4vw,2.9rem);font-weight:var(--weight-bold);line-height:var(--line-height-tight);color:var(--gold-bright);font-variant-numeric:tabular-nums;align-items:baseline;display:flex}.stat-value-text{font-size:clamp(1.8rem,2.8vw,2.4rem)}.stat-label{font-size:var(--text-sm);color:#ffffffc7}.section{padding:var(--space-20) 0}.section-head{max-width:680px;margin-bottom:var(--space-10)}.section-head h2{font-size:clamp(1.7rem,3vw,2.5rem)}.about-grid{gap:var(--space-12);grid-template-columns:1.05fr .95fr;align-items:center;display:grid}.about-copy .eyebrow{font-size:var(--text-md);color:var(--navy)}.about-copy h2{margin-bottom:var(--space-5);font-size:clamp(1.7rem,3vw,2.4rem)}.about-copy p{color:var(--muted);margin-bottom:var(--space-4)}.check-list{margin-top:var(--space-5);gap:var(--space-3);list-style:none;display:grid}.check-list li{padding-left:var(--space-8);font-weight:var(--weight-semibold);color:var(--ink);font-family:var(--font-body);position:relative}.check-list li:before{content:"✓";background:var(--gold);width:1.3rem;height:1.3rem;color:var(--navy-dark);border-radius:50%;place-items:center;font-size:.8rem;font-weight:800;display:grid;position:absolute;top:0;left:0}.about-media img{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);height:100%;max-height:460px}.vision{background:var(--cream)}.vision .eyebrow{color:var(--navy);font-size:1.15rem}.vision-grid{gap:var(--space-7);grid-template-columns:repeat(3,1fr);display:grid}.vision-card{background:var(--white);border-radius:var(--radius);padding:var(--space-8) var(--space-7);box-shadow:var(--shadow-sm);border-top:4px solid var(--gold);transition:transform .2s,box-shadow .2s}.vision-card:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}.vision-icon{margin-bottom:var(--space-3);font-size:2rem}.vision-card h3{margin-bottom:var(--space-2);font-size:1.3rem}.vision-card p{color:var(--muted);font-size:var(--text-sm)}.not-found-page{min-height:calc(100vh - var(--header-h));background:linear-gradient(#0a1929 0%,#05121f 100%);justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex;position:relative;overflow:hidden}.not-found-grid{pointer-events:none;opacity:.6;background-image:linear-gradient(#e0a5160a 1px,#0000 1px),linear-gradient(90deg,#e0a5160a 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.not-found-glow{filter:blur(100px);pointer-events:none;opacity:.15;border-radius:50%;position:absolute}.not-found-glow-1{background:radial-gradient(circle,#e0a5164d 0%,#0000 70%);width:500px;height:500px;top:15%;left:10%}.not-found-glow-2{background:radial-gradient(circle,#e0a51633 0%,#0000 70%);width:400px;height:400px;bottom:20%;right:10%}.not-found-container{text-align:center;z-index:1;width:100%;max-width:880px;position:relative}.not-found-image{justify-content:center;margin-bottom:2rem;display:flex}.not-found-illustration{filter:drop-shadow(0 20px 40px #e0a51626);max-width:100%;height:auto}.not-found-number{background:linear-gradient(135deg,#e0a516 0%,#f6c754 100%);-webkit-text-fill-color:transparent;letter-spacing:-.04em;font-size:clamp(5rem,18vw,10rem);font-weight:800;line-height:.9;font-family:var(--font-heading);-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem}.not-found-heading{color:var(--cream);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;line-height:1.25;font-family:var(--font-heading);letter-spacing:-.02em;margin-bottom:1.25rem}.not-found-description{color:#f6f2e9bf;max-width:640px;font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.7;font-family:var(--font-body);margin-bottom:3rem;margin-left:auto;margin-right:auto}.not-found-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3.5rem;display:flex}.not-found-btn{font-size:1.05rem;font-weight:600;font-family:var(--font-body);cursor:pointer;border:2px solid #0000;border-radius:8px;outline:none;align-items:center;gap:.625rem;padding:1rem 2rem;text-decoration:none;transition:all .2s;display:inline-flex;position:relative}.not-found-btn:focus-visible{outline-offset:2px;outline:3px solid #e0a51680}.not-found-btn svg{flex-shrink:0}.not-found-btn-primary{color:#05121f;background:linear-gradient(135deg,#e0a516 0%,#f6c754 100%);box-shadow:0 4px 16px #e0a51640}.not-found-btn-primary:hover{background:linear-gradient(135deg,#f6c754 0%,#e0a516 100%);transform:translateY(-2px);box-shadow:0 8px 24px #e0a51659}.not-found-btn-primary:active{transform:translateY(0)}.not-found-btn-secondary{color:#e0a516;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f6f2e90d;border-color:#e0a51659}.not-found-btn-secondary:hover{background:#e0a5161f;border-color:#e0a516;transform:translateY(-2px)}.not-found-btn-secondary:active{transform:translateY(0)}.not-found-nav{border-top:1px solid #f6f2e91f;margin-top:3rem;padding-top:2.5rem}.not-found-nav-label{color:#f6f2e98c;font-size:.95rem;font-family:var(--font-body);margin-bottom:1rem}.not-found-links{flex-wrap:wrap;justify-content:center;gap:2rem;font-size:.95rem;display:flex}.not-found-links a{color:#e0a516;font-weight:500;font-family:var(--font-body);text-decoration:none;transition:color .2s;position:relative}.not-found-links a:after{content:"";background:#e0a516;width:0;height:2px;transition:width .2s;position:absolute;bottom:-3px;left:0}.not-found-links a:hover{color:#f6c754}.not-found-links a:hover:after{width:100%}.not-found-links a:focus-visible{outline-offset:4px;border-radius:2px;outline:2px solid #e0a51680}.not-found-tagline{color:#f6f2e959;font-size:.85rem;font-style:italic;font-family:var(--font-body);margin-top:2rem}@media (max-width:640px){.not-found-page{padding:2rem 1rem}.not-found-image{margin-bottom:1.5rem}.not-found-number,.not-found-heading{margin-bottom:1rem}.not-found-description{margin-bottom:2rem}.not-found-actions{flex-direction:column;margin-bottom:2.5rem}.not-found-btn{justify-content:center;width:100%;padding:.875rem 1.5rem}.not-found-links{gap:1.5rem}}.services{background:var(--white);padding:45px 0}.services .eyebrow{color:var(--navy);font-size:1.15rem}.services .section-head h2{font-size:clamp(2rem,3.4vw,2.9rem)}.cards{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.card{background:var(--cream);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:transform .2s,box-shadow .2s;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}.card-media{height:200px;overflow:hidden}.card-media img{height:100%;transition:transform .4s}.card:hover .card-media img{transform:scale(1.06)}.card-body{padding:var(--space-6)}.card-body h3{margin-bottom:var(--space-2);font-size:var(--text-lg)}.card-body p{color:var(--muted);font-size:var(--text-sm)}.projects{background:linear-gradient(180deg, var(--cream), #eee6d5);overflow:hidden}.projects .eyebrow{color:var(--navy);font-size:1.15rem}.carousel-wrapper{margin:var(--space-8) 0;width:100%;padding:var(--space-8) 0;cursor:grab;background:0 0;position:relative;overflow:hidden}.carousel-wrapper:active{cursor:grabbing}.carousel-wrapper:before,.carousel-wrapper:after{content:"";z-index:2;pointer-events:none;width:150px;height:100%;position:absolute}.carousel-wrapper:before{background:linear-gradient(90deg,#eee6d5 0%,#eee6d500 100%);top:0;left:0}.carousel-wrapper:after{background:linear-gradient(270deg,#eee6d5 0%,#eee6d500 100%);top:0;right:0}.carousel-track-motion{will-change:transform;gap:20px;width:max-content;display:flex}.carousel-item{border-radius:var(--radius-md);height:auto;box-shadow:var(--shadow-md);flex-shrink:0;transition:transform .3s,box-shadow .3s;overflow:hidden}.carousel-item:hover{transform:translateY(-4px);box-shadow:0 20px 45px #071f3333}.carousel-image{object-fit:cover;border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;pointer-events:none;width:auto;height:300px;display:block}.clients-marquee-wrapper{background:var(--white);padding:var(--space-8) 0 var(--space-10);overflow:hidden}.clients-marquee-label{text-align:center;font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-6);font-weight:var(--weight-medium)}.clients-marquee-viewport{position:relative;overflow:hidden}.clients-marquee-viewport:before,.clients-marquee-viewport:after{content:"";z-index:2;pointer-events:none;width:80px;height:100%;position:absolute;top:0}.clients-marquee-viewport:before{background:linear-gradient(to right, var(--white), transparent);left:0}.clients-marquee-viewport:after{background:linear-gradient(to left, var(--white), transparent);right:0}.clients-marquee-track{will-change:transform;width:max-content;display:flex}.clients-marquee-set{gap:var(--space-14);padding:0 var(--space-14) 0 0;align-items:center;margin:0;list-style:none;display:flex}.clients-marquee-item{flex-shrink:0;justify-content:center;align-items:center;height:70px;display:flex}.clients-marquee-logo{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;filter:none;opacity:1;mix-blend-mode:normal;width:auto;max-width:180px;height:auto;max-height:70px;display:block}.clients-marquee-text{font-family:var(--font-heading);font-size:1.05rem;font-weight:var(--weight-semibold);color:var(--navy);opacity:1;white-space:nowrap;letter-spacing:.01em}.clients-marquee-static{padding:2rem 0}.clients-marquee-static-track{flex-wrap:wrap;justify-content:center;align-items:center;gap:2.5rem 3rem;margin:0;padding:0 4vw;list-style:none;display:flex}@media (max-width:768px){.clients-marquee-set{gap:var(--space-12);padding-right:var(--space-12)}.clients-marquee-item{height:60px}.clients-marquee-logo{max-width:160px;max-height:60px}.clients-marquee-text{font-size:var(--text-base)}}@media (max-width:640px){.clients-marquee-wrapper{padding:var(--space-6) 0 var(--space-8)}.clients-marquee-set{gap:var(--space-9);padding-right:var(--space-9)}.clients-marquee-item{height:50px}.clients-marquee-logo{max-width:140px;max-height:50px}.clients-marquee-text{font-size:var(--text-sm)}.clients-marquee-static-track{gap:var(--space-7) var(--space-9)}}.contact{background:linear-gradient(135deg, var(--navy-dark), var(--navy));color:var(--white)}.contact-copy .eyebrow{color:var(--white);font-size:1.15rem}.contact-grid{gap:var(--space-12);grid-template-columns:1fr 1fr;align-items:center;display:grid}.contact-copy h2{color:var(--white);margin-bottom:var(--space-4);font-size:clamp(1.7rem,3vw,2.4rem)}.contact-copy p{color:#ffffffd1;margin-bottom:var(--space-7);max-width:460px}.contact-list{gap:var(--space-4);list-style:none;display:grid}.contact-list li{gap:var(--space-1);border-radius:var(--radius);padding:var(--space-4) var(--space-5);background:#ffffff0f;border:1px solid #ffffff1f;flex-direction:column;display:flex}.contact-label{text-transform:uppercase;letter-spacing:.14em;color:var(--gold-bright);font-size:.78rem;font-weight:700}.contact-list a,.contact-list span:not(.contact-label){color:#ffffffeb;font-weight:500;text-decoration:none}.contact-list a:hover{color:var(--gold-bright)}.footer{background:var(--navy-deep);color:#ffffffd1}.footer .container{width:min(1400px,96vw)}.footer-grid{gap:var(--space-12);padding:var(--space-14) 0 var(--space-10);grid-template-columns:1.2fr 1.2fr 1fr .8fr;display:grid}.footer-logo{margin-bottom:var(--space-4);border-radius:var(--radius-sm);object-fit:contain;background:#fffffff2;padding:0 6px;width:302px!important;height:66px!important}.footer-brand p{max-width:320px;font-size:var(--text-sm)}.footer-links p{margin-bottom:var(--space-2);font-size:var(--text-sm)}.footer-links a{color:#ffffffd1;text-decoration:none}.footer-links a:hover{color:var(--gold-bright)}.footer h4{color:var(--white);margin-bottom:var(--space-4);font-size:var(--text-md)}.footer-contact p{margin-bottom:var(--space-2);font-size:var(--text-sm)}.footer-contact a{color:#ffffffd1;text-decoration:none}.footer-contact a:hover{color:var(--gold-bright)}.social-icons{gap:var(--space-3);display:flex}.social-icon{width:44px;height:44px;color:var(--white);border-radius:50%;place-items:center;transition:transform .18s,box-shadow .18s;display:grid}.social-icon.ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-icon.wa{background:var(--wa-green)}.social-icon:hover{transform:translateY(-3px);box-shadow:0 10px 22px #00000059}.footer-bottom{border-top:1px solid #ffffff1a;padding:1.3rem 0}.footer-bottom p{color:#fff9;text-align:center;font-size:.85rem}@media (max-width:768px){.about-grid,.contact-grid{grid-template-columns:1fr}.cards,.stats-grid,.gallery-4{grid-template-columns:repeat(2,1fr)}.vision-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:1024px){.wa-btn span{display:none}.wa-btn{padding:var(--space-2)}.brand-logo{height:40px}.menu-toggle{display:flex}.nav-links{top:var(--header-h);background:var(--navy-dark);flex-direction:column;align-items:stretch;gap:0;width:100%;max-height:0;padding:0;transition:max-height .3s,padding .3s;position:absolute;left:0;right:0;overflow:hidden;box-shadow:0 12px 30px #00000059}.nav-links.open{max-height:500px;padding:var(--space-4) 0}.nav-links li{width:100%}.nav-link{border-bottom:1px solid #ffffff14;width:100%;padding:.9rem 4vw;font-size:1rem;display:block}.nav-link:last-child{border-bottom:none}}@media (max-width:640px){.page-hero{padding:var(--space-10) 0 var(--space-8)}.page-hero .container{padding-left:20px;padding-right:20px}.page-hero .eyebrow{font-size:var(--text-xs);letter-spacing:.1em}.page-hero h1{margin-bottom:var(--space-3);font-size:clamp(2rem,8vw,2.5rem);line-height:1.15}.page-hero-sub{font-size:var(--text-sm);line-height:1.6}.about .container{padding-left:20px;padding-right:20px}.about-copy .eyebrow{letter-spacing:.1em;font-size:.85rem}.about-copy h2{margin-bottom:.9rem;font-size:clamp(1.5rem,6vw,1.9rem);line-height:1.2}.about-copy p{margin-bottom:.9rem;font-size:.94rem;line-height:1.65}.check-list{gap:.65rem;margin-top:1.1rem}.check-list li{padding-left:1.6rem;font-size:.94rem}.check-list li:before{width:1.15rem;height:1.15rem;font-size:.7rem}.about-media{margin-top:1.5rem}.about-media img{aspect-ratio:16/10;object-fit:cover;width:100%;max-height:none}.vision{padding:2.5rem 0}.vision .container{padding-left:22px;padding-right:22px}.vision .section-head{margin-bottom:26px}.vision .eyebrow{letter-spacing:.1em;margin-bottom:.5rem;font-size:.85rem}.vision .section-head h2{margin-bottom:0;font-size:clamp(1.9rem,8vw,2.35rem);line-height:1.15}.vision-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.vision-card{border-radius:10px;min-width:0;min-height:auto;padding:16px}.vision-card[data-card=visi]{grid-column:1/2}.vision-card[data-card=misi]{grid-column:2/3}.vision-card[data-card=nilai]{grid-column:1/-1}.vision-icon{margin-bottom:.5rem;font-size:1.75rem}.vision-icon svg{width:28px;height:28px}.vision-card h3{margin-bottom:.45rem;font-size:1.15rem;font-weight:600}.vision-card p{font-size:.88rem;line-height:1.5}@media (max-width:360px){.vision-grid{grid-template-columns:1fr}.vision-card[data-card=visi],.vision-card[data-card=misi],.vision-card[data-card=nilai],.vision-card[data-advantage=cepat],.vision-card[data-advantage=tanggap],.vision-card[data-advantage=tanggung-jawab]{grid-column:1/-1}.vision-card{padding:17px}.vision-card p{font-size:.9rem}}.vision-card[data-advantage=cepat]{grid-column:1/2}.vision-card[data-advantage=tanggap]{grid-column:2/3}.vision-card[data-advantage=tanggung-jawab]{grid-column:1/-1}.vision-card[data-advantage=tanggung-jawab] h3{font-size:1.18rem}.services .container{padding-left:20px;padding-right:20px}.services .section-head{margin-bottom:1.2rem}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.card{min-width:0}.card-media{height:140px}.card-body{padding:.9rem .75rem}.card-body h3{margin-bottom:.4rem;font-size:.98rem;line-height:1.3}.card-body p{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.projects{padding:2.5rem 0}.projects .container{padding-left:22px;padding-right:22px}.projects .section-head{margin-bottom:26px}.projects .eyebrow{letter-spacing:.1em;margin-bottom:.5rem;font-size:.85rem}.projects .section-head h2{margin-bottom:0;font-size:clamp(1.9rem,8vw,2.35rem);line-height:1.15}.carousel-wrapper{margin:24px 0;padding:1rem 0;overflow:visible}.carousel-wrapper:before,.carousel-wrapper:after{z-index:1;width:40px}.carousel-wrapper:before{background:linear-gradient(90deg,#eee6d5d9 0%,#eee6d500 100%)}.carousel-wrapper:after{background:linear-gradient(270deg,#eee6d5d9 0%,#eee6d500 100%)}.carousel-track-motion{gap:11px}.carousel-item{border-radius:10px;width:78vw;max-width:320px;height:clamp(230px,65vw,290px);transition:opacity .3s,transform .3s}.carousel-item:hover{transform:translateY(0)}.carousel-image{aspect-ratio:4/3;object-fit:cover;border-radius:10px;width:100%;height:100%}.projects .btn-row{justify-content:center;gap:11px;display:flex;margin-top:24px!important}.projects .btn{min-height:44px;padding:.7rem 1rem;font-size:.88rem}@media (max-width:360px){.projects .btn-row{flex-direction:column;gap:10px}.projects .btn{width:100%}}.gallery{grid-template-columns:1fr;gap:.95rem}.gallery-item{aspect-ratio:16/10}.gallery-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.gallery-4 .gallery-item{aspect-ratio:1;min-width:0}.contact{padding:2.5rem 0 36px}.contact .container{padding-left:22px;padding-right:22px}.contact-grid{grid-template-columns:1fr;gap:1.5rem}.contact-copy .eyebrow{letter-spacing:.1em;margin-bottom:.5rem;font-size:.85rem}.contact-copy h2{margin-bottom:.75rem;font-size:clamp(1.9rem,8vw,2.35rem);line-height:1.15}.contact-copy p{max-width:100%;margin-bottom:1.25rem;font-size:.95rem;line-height:1.6}.contact-copy .btn-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:0;display:grid}.contact-copy .btn{text-align:center;white-space:nowrap;min-height:44px;padding:.7rem .85rem;font-size:.88rem}.contact-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.contact-list li{min-width:0;min-height:auto;padding:17px}.contact-list li:first-child{grid-column:1/-1}.contact-list li:nth-child(2){grid-column:1/2}.contact-list li:nth-child(3){grid-column:2/3}.contact-list li:nth-child(4){grid-column:1/-1}.contact-label{letter-spacing:.12em;font-size:.76rem}.contact-list a,.contact-list span:not(.contact-label){overflow-wrap:anywhere;word-break:break-word;font-size:.92rem;line-height:1.5}@media (max-width:380px){.contact-copy .btn-row{grid-template-columns:1fr;gap:10px}}.footer-grid{grid-template-columns:1fr;gap:24px;padding:32px 0 20px}.footer .container{padding-left:20px;padding-right:20px}.footer-logo{max-width:100%;margin-bottom:13px;padding:0 5px;width:200px!important;height:auto!important}.footer-brand p{max-width:100%;margin-bottom:0;font-size:.9rem;line-height:1.5}.footer h4{margin-bottom:9px;font-size:1.05rem}.footer-links p{margin-bottom:9px;font-size:.87rem;line-height:1.45}.footer-links a{overflow-wrap:anywhere;word-break:break-word}.footer-contact p{margin-bottom:7px;font-size:.87rem;line-height:1.45}.footer-contact a{overflow-wrap:anywhere;word-break:break-word}.social-icons{gap:12px;margin-top:11px}.social-icon{width:40px;height:40px}.footer-bottom{padding:15px 16px}.footer-bottom .container{padding-left:0;padding-right:0}.footer-bottom p{text-align:center;font-size:.81rem;line-height:1.45}.stats{padding:3rem 0}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.stat-card{gap:.4rem;min-width:0;min-height:130px;padding:1.125rem .875rem}.stat-value{font-size:clamp(1.8rem,5vw,2rem)}.stat-value-text{font-size:clamp(1.6rem,4.5vw,1.8rem)}.stat-label{font-size:.85rem;line-height:1.3}.section{padding:3.5rem 0}.section .container{padding-left:20px;padding-right:20px}.section-head{margin-bottom:1.5rem}.section-head .eyebrow{font-size:.85rem}.section-head h2{font-size:clamp(1.6rem,6vw,2rem);line-height:1.2}.hero-stats{gap:1.6rem}}.projects-section{background:var(--cream)}.projects-grid{gap:var(--space-8);margin-bottom:var(--space-12);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.project-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);color:inherit;flex-direction:column;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-md);transform:translateY(-8px)}.project-card-image{background:var(--navy-deep);height:240px;position:relative;overflow:hidden}.project-card-img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.project-card:hover .project-card-img{transform:scale(1.08)}.project-card-body{padding:var(--space-7);gap:var(--space-3);flex-direction:column;flex:1;display:flex}.project-card-category{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-weight:var(--weight-bold);font-family:var(--font-heading)}.project-card-title{color:var(--navy);margin:0;font-size:1.4rem;line-height:1.3}.project-card-summary{font-size:var(--text-sm);color:var(--muted);margin:0;line-height:1.6}.project-card-location{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--muted);margin:0;display:flex}.project-card-location svg{color:var(--gold);flex-shrink:0}.project-card-tags{gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.project-card-action{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--navy);padding-top:var(--space-3);font-family:var(--font-heading);margin-top:auto;display:inline-flex}.project-card:hover .project-card-action{color:var(--gold)}.project-card-action svg{transition:transform .2s}.project-card:hover .project-card-action svg{transform:translate(4px)}.projects-cta{text-align:center;margin-top:var(--space-8)}.tag-badge{padding:var(--space-1) var(--space-3);color:var(--navy);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-family:var(--font-heading);letter-spacing:.02em;background:#e0a5161f;display:inline-block}.project-detail{background:var(--white)}.project-detail-header{justify-content:space-between;align-items:flex-start;gap:var(--space-8);margin-bottom:var(--space-10);padding-bottom:var(--space-8);border-bottom:1px solid var(--border);display:flex}.project-detail-meta{gap:var(--space-10);flex-wrap:wrap;display:flex}.project-meta-item{gap:var(--space-1);flex-direction:column;display:flex}.project-meta-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:var(--weight-bold);font-family:var(--font-heading)}.project-meta-value{font-size:var(--text-base);color:var(--navy);font-weight:var(--weight-medium)}.project-detail-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.project-detail-cover{margin-bottom:var(--space-12);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.project-detail-cover-img{width:100%;height:auto;display:block}.project-detail-scope{margin-bottom:var(--space-12)}.project-detail-scope h2{margin-bottom:var(--space-5);color:var(--navy);font-size:1.75rem}.project-scope-list{gap:var(--space-3);list-style:none;display:grid}.project-scope-list li{padding-left:var(--space-8);font-size:var(--text-base);color:var(--ink);line-height:1.6;position:relative}.project-scope-list li:before{content:"✓";background:var(--gold);width:1.4rem;height:1.4rem;color:var(--navy-dark);border-radius:50%;place-items:center;font-size:.85rem;font-weight:800;display:grid;position:absolute;top:0;left:0}.project-detail-gallery{margin-bottom:var(--space-12)}.project-detail-gallery h2{margin-bottom:var(--space-6);color:var(--navy);font-size:1.75rem}.project-images-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.project-image-item{border-radius:var(--radius);box-shadow:var(--shadow-sm);background:var(--cream);transition:transform .3s,box-shadow .3s;overflow:hidden}.project-image-item:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.project-image-img{width:100%;height:auto;display:block}.project-image-caption{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--muted);text-align:center}.project-detail-actions{justify-content:center;gap:var(--space-4);padding-top:var(--space-8);border-top:1px solid var(--border);display:flex}.gallery-section{background:var(--white)}.gallery-filters{margin-bottom:var(--space-10)}.gallery-filters-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:baseline;display:flex}.gallery-filters-title{color:var(--navy);margin:0;font-size:1.3rem}.gallery-filters-count{font-size:var(--text-sm);color:var(--muted);font-weight:var(--weight-medium)}.gallery-filters-buttons{gap:var(--space-3);flex-wrap:wrap;display:flex}.filter-btn{padding:var(--space-3) var(--space-5);background:var(--cream);color:var(--navy);border:1.5px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-family:var(--font-heading);cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:var(--gold);color:var(--navy);background:#e0a5161f}.filter-btn.active{background:var(--gold);border-color:var(--gold);color:var(--navy-dark);box-shadow:0 4px 12px #e0a5164d}.filter-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.gallery-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.gallery-grid-item{aspect-ratio:4/3;border-radius:var(--radius);box-shadow:var(--shadow-sm);background:var(--navy-deep);cursor:pointer;border:0;padding:0;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.gallery-grid-item:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.gallery-grid-item:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.gallery-grid-img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.gallery-grid-item:hover .gallery-grid-img{transform:scale(1.06)}.gallery-empty{text-align:center;padding:var(--space-16) var(--space-8);color:var(--muted)}.gallery-empty svg{margin:0 auto var(--space-4);opacity:.5}.gallery-empty p{font-size:var(--text-md);margin:0}.lightbox-overlay{z-index:1000;padding:var(--space-8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05070cf2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.lightbox-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}}.lightbox-content{gap:var(--space-6);flex-direction:column;width:100%;max-width:1400px;display:flex;position:relative}.lightbox-close{top:calc(var(--space-8) * -1 - 44px);width:44px;height:44px;color:var(--white);cursor:pointer;z-index:10;background:#ffffff1a;border:1.5px solid #fff3;border-radius:50%;place-items:center;transition:all .2s;display:grid;position:absolute;right:0}.lightbox-close:hover{background:#fff3;border-color:#fff6;transform:rotate(90deg)}.lightbox-close:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.lightbox-nav{width:56px;height:56px;color:var(--white);cursor:pointer;z-index:10;background:#ffffff1a;border:1.5px solid #fff3;border-radius:50%;place-items:center;transition:all .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover:not(:disabled){background:#fff3;border-color:#fff6}.lightbox-nav:disabled{opacity:.3;cursor:not-allowed}.lightbox-nav:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.lightbox-prev{left:var(--space-8)}.lightbox-next{right:var(--space-8)}.lightbox-image-wrapper{border-radius:var(--radius-lg);background:#ffffff08;justify-content:center;align-items:center;width:100%;max-height:calc(100vh - 200px);display:flex;position:relative;overflow:hidden}.lightbox-image{object-fit:contain;border-radius:var(--radius);width:auto;max-width:100%;height:auto;max-height:calc(100vh - 200px)}.lightbox-info{border-radius:var(--radius);padding:var(--space-5) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-6);background:#ffffff14;border:1px solid #ffffff1f;display:flex}.lightbox-caption{justify-content:space-between;align-items:center;gap:var(--space-6);flex:1;display:flex}.lightbox-caption-text{font-size:var(--text-base);color:#ffffffeb;font-weight:var(--weight-medium);margin:0}.lightbox-counter{font-size:var(--text-sm);color:#ffffffb3;font-family:var(--font-heading);font-weight:var(--weight-semibold);white-space:nowrap;margin:0}.lightbox-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.lightbox-tags .tag-badge{color:var(--gold-bright);background:#e0a51633}@media (max-width:768px){.projects-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.project-detail-header{flex-direction:column}.project-detail-meta{gap:var(--space-6)}.project-images-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.gallery-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.lightbox-prev{left:var(--space-4)}.lightbox-next{right:var(--space-4)}}@media (max-width:640px){.projects-section{padding:var(--space-10) 0}.projects-grid{gap:var(--space-5);grid-template-columns:1fr}.project-card-body{padding:var(--space-5)}.project-card-title{font-size:1.2rem}.project-detail-header{margin-bottom:var(--space-6);padding-bottom:var(--space-6)}.project-detail-meta{gap:var(--space-5);width:100%}.project-meta-item{flex:1;min-width:0}.project-detail-scope h2,.project-detail-gallery h2{font-size:1.5rem}.project-images-grid{gap:var(--space-4);grid-template-columns:1fr}.project-detail-actions{gap:var(--space-3);flex-direction:column}.project-detail-actions .btn{width:100%}.gallery-section{padding:var(--space-10) 0}.gallery-filters{margin-bottom:1.8rem}.gallery-filters-header{flex-direction:column;align-items:flex-start;gap:.5rem}.gallery-filters-title{font-size:1.15rem}.gallery-filters-buttons{gap:.6rem}.filter-btn{padding:.6rem 1.1rem;font-size:.85rem}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:.7rem}.lightbox-overlay{padding:1rem}.lightbox-close{width:40px;height:40px;top:-2.5rem}.lightbox-nav{width:44px;height:44px}.lightbox-prev{left:.5rem}.lightbox-next{right:.5rem}.lightbox-image-wrapper,.lightbox-image{max-height:calc(100vh - 180px)}.lightbox-info{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.lightbox-caption{flex-direction:column;align-items:flex-start;gap:.6rem;width:100%}.lightbox-caption-text{font-size:.92rem}.lightbox-counter{font-size:.82rem}}