:root{--ink:#0b1a28;--ink-soft:#3d4f5e;--navy:#002040;--navy-deep:#001030;--orange:#e07a00;--orange-bright:#e89000;--fog:#f3f5f7;--paper:#fafbfc;--mist:#e4e9ee;--metal:#8a96a3;--line:#0020401f;--font-display:"Syne", sans-serif;--font-body:"Figtree", sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--space:clamp(1.25rem, 4vw, 2.5rem);--max:72rem;color:var(--ink);background:var(--paper);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px;line-height:1.55}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}#root{min-height:100svh}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-weight:700;line-height:1.05}p{margin:0}button,input,textarea{font:inherit}::selection{color:var(--navy-deep);background:#e07a0038}.site{overflow-x:hidden}.nav{z-index:100;padding:.75rem var(--space);color:#f7f8fa;transition:background .35s var(--ease), color .35s var(--ease), box-shadow .35s var(--ease);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;inset:0 0 auto}.nav.is-scrolled{color:var(--navy);box-shadow:0 1px 0 var(--line);background:#fafbfcf5}.nav.is-menu-open,.nav.is-menu-open.is-scrolled{color:var(--navy);box-shadow:none;background:0 0}.nav-brand{z-index:102;flex-shrink:0;text-decoration:none;display:block;position:relative}.nav-brand img{background:0 0;width:auto;height:clamp(4.75rem,11vw,5.75rem)}.nav-links{align-items:center;gap:1.75rem;display:flex}.nav-links-mobile{display:none}.nav-links a{opacity:.88;font-size:.95rem;font-weight:500;text-decoration:none;transition:opacity .2s}.nav-links a:hover{opacity:1}.nav-cta{border:1px solid;padding:.55rem 1rem;opacity:1!important;transition:background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease)!important}.nav.is-scrolled:not(.is-menu-open) .nav-cta:hover{background:var(--navy);color:#f7f8fa}.nav:not(.is-scrolled) .nav-cta:hover,.nav.is-menu-open .nav-cta:hover{background:var(--orange);border-color:var(--orange);color:#fff}.nav-toggle{z-index:102;cursor:pointer;width:2.5rem;height:2.5rem;color:inherit;background:0 0;border:0;padding:0;display:none;position:relative}.nav-toggle span{width:1.35rem;height:1.5px;transition:transform .3s var(--ease), opacity .3s var(--ease);background:currentColor;margin:.35rem auto;display:block}.nav-toggle.is-open span:first-child{transform:translateY(3.5px)rotate(45deg)}.nav-toggle.is-open span:last-child{transform:translateY(-3.5px)rotate(-45deg)}.hero{color:#f7f8fa;isolation:isolate;align-items:end;min-height:100svh;display:grid;position:relative}.hero-media{z-index:-1;position:absolute;inset:0;overflow:hidden}.hero-media img{object-fit:cover;object-position:center 40%;width:100%;height:100%;animation:hero-zoom 18s var(--ease) forwards;transform:scale(1.06)}.hero-mist{pointer-events:none;background:radial-gradient(70% 40% at 15% 85%,#e07a001f,#0000 55%),radial-gradient(50% 35% at 90% 15%,#00204033,#0000 50%);animation:12s ease-in-out infinite alternate mist-drift;position:absolute;inset:0}.hero-shade{background:linear-gradient(#00103073 0%,#0010301f 42%,#001030c7 100%),linear-gradient(105deg,#00103080 0%,#00103026 42%,#0000 68%);position:absolute;inset:0}.hero-content{width:min(100%, var(--max));padding:clamp(6.5rem, 14vh, 8rem) var(--space) clamp(2.5rem, 7vh, 4rem);margin:0 auto}.hero-brand{font-family:var(--font-display);letter-spacing:-.04em;text-shadow:0 2px 28px #00103059;max-width:12ch;animation:rise .9s var(--ease) both;margin:0 0 1rem;font-size:clamp(2.75rem,7.5vw,5.25rem);font-weight:800;line-height:.95}.hero h1{letter-spacing:-.02em;color:#eef2f6;text-shadow:0 1px 18px #00103073;max-width:18ch;animation:rise .9s var(--ease) .12s both;font-size:clamp(1.25rem,2.8vw,1.75rem);font-weight:600}.hero-lead{color:#f7f8fad1;max-width:34ch;animation:rise .9s var(--ease) .22s both;margin-top:1rem;font-size:1.05rem}.hero-actions{animation:rise .9s var(--ease) .32s both;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.btn{letter-spacing:.01em;min-height:2.9rem;transition:background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease);justify-content:center;align-items:center;padding:.7rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{background:var(--orange-bright)}.btn-ghost{color:#f7f8fa;background:0 0;border:1px solid #f7f8fa8c}.btn-ghost:hover{background:#f7f8fa14;border-color:#f7f8fa}.section{padding:clamp(4.5rem,10vw,7rem) 0}.section-inner{width:min(100%, var(--max));padding:0 var(--space);margin:0 auto}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin:0 0 .85rem;font-size:.8rem;font-weight:600}.section-head{max-width:38rem;margin-bottom:clamp(2rem,5vw,3rem)}.section-head h2,.about-copy h2,.contact-copy h2{color:var(--ink);font-size:clamp(1.85rem,4vw,2.85rem)}.section-lead{color:var(--ink-soft);max-width:42ch;margin-top:1rem}.reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:none}.about{background:linear-gradient(165deg, var(--fog) 0%, var(--paper) 48%, #ebeff3 100%)}.about-grid{grid-template-columns:1.4fr 1fr;align-items:end;gap:clamp(2rem,6vw,4.5rem);display:grid}.about-copy p+p{margin-top:1rem}.about-copy p:not(.eyebrow){color:var(--ink-soft);max-width:46ch}.about-copy h2{margin-bottom:1.25rem}.pillars{border-top:1px solid var(--line);gap:0;margin:0;padding:0;list-style:none;display:grid}.pillars li{border-bottom:1px solid var(--line);grid-template-columns:3rem 1fr;align-items:baseline;gap:1rem;padding:1.15rem 0;display:grid}.pillars span{font-family:var(--font-display);color:var(--orange);font-size:.95rem;font-weight:700}.pillars strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.15rem;font-weight:600}.services{background:var(--navy-deep);color:#e8eef4}.services .eyebrow{color:var(--orange-bright)}.services h2{color:#f7f8fa}.service-list{border-top:1px solid #e8eef42e;grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:0;list-style:none;display:grid}.service-list li{border-bottom:1px solid #e8eef42e;border-right:1px solid #e8eef42e;padding:2.5rem 2rem}.service-list li:nth-child(3n){border-right:0;padding-right:0}.service-list li:nth-child(3n+1){padding-left:0}.service-list h3{color:#fff;margin-bottom:.9rem;font-size:1.25rem}.service-list p{color:#e8eef4b8;max-width:32ch;font-size:1rem;line-height:1.6}.work{background:var(--paper)}.gallery{grid-template-columns:repeat(12,1fr);gap:.65rem;display:grid}.gallery-item{background:var(--mist);aspect-ratio:3/4;cursor:zoom-in;width:100%;font:inherit;color:inherit;border:0;grid-column:span 4;margin:0;padding:0;display:block;overflow:hidden}.gallery-item:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.gallery-item.span-1{grid-column:span 5}.gallery-item.span-2{grid-column:span 3}.gallery-item.span-3,.gallery-item.span-4,.gallery-item.span-5{grid-column:span 4}.gallery-item:nth-child(7),.gallery-item:nth-child(16),.gallery-item:nth-child(25){aspect-ratio:16/10;grid-column:span 8}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease);pointer-events:none}.gallery-item:hover img{transform:scale(1.04)}.lightbox{z-index:200;animation:lightbox-in .25s var(--ease);background:#001030eb;place-items:center;padding:4.5rem 4rem 3.5rem;display:grid;position:fixed;inset:0}.lightbox-image{object-fit:contain;width:auto;max-width:min(100%,1100px);height:auto;max-height:min(82vh,900px);box-shadow:0 20px 60px #00000073}.lightbox-close,.lightbox-nav{color:#f7f8fa;cursor:pointer;font-family:var(--font-display);transition:color .2s, transform .2s var(--ease);background:0 0;border:0;line-height:1;position:absolute}.lightbox-close:hover,.lightbox-nav:hover{color:var(--orange)}.lightbox-close{padding:.2rem .55rem;font-size:2.6rem;top:1rem;right:1.1rem}.lightbox-nav{padding:.4rem .7rem;font-size:3rem;top:50%;transform:translateY(-50%)}.lightbox-prev{left:.4rem}.lightbox-next{right:.4rem}.lightbox-caption{color:#f7f8fabf;letter-spacing:.04em;margin:0;font-size:.9rem;position:absolute;bottom:1.1rem;left:50%;transform:translate(-50%)}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}@media (width<=720px){.lightbox{padding:4rem .75rem 3rem}.lightbox-nav{font-size:2.4rem}.lightbox-prev{left:0}.lightbox-next{right:0}}@media (prefers-reduced-motion:reduce){.lightbox{animation:none}}.contact{background:linear-gradient(180deg, #eef1f4 0%, var(--mist) 100%)}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(2rem,6vw,4rem);display:grid}.contact-copy p:not(.eyebrow){color:var(--ink-soft);max-width:36ch;margin-top:1rem}.contact-details{gap:1.15rem;padding-top:.35rem;display:grid}.contact-line{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);gap:.2rem;font-size:1.2rem;font-weight:600;text-decoration:none;transition:color .2s;display:grid}a.contact-line:hover{color:var(--orange)}.contact-line span{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--orange);font-size:.75rem;font-weight:600}.contact-line.address{font-size:1.05rem;line-height:1.45}.contact-sign{border-top:1px solid var(--line);color:var(--ink-soft);margin-top:.75rem;padding-top:1.25rem;font-size:.95rem;line-height:1.5}.footer{color:var(--ink-soft);border-top:1px solid var(--line);background:#f3f5f7;padding:2.5rem 0}.footer-inner{width:min(100%, var(--max));padding:0 var(--space);gap:.5rem;margin:0 auto;display:grid}.footer-logo{background:0 0;width:8.5rem;height:auto;margin-bottom:.5rem}.footer-copy{color:var(--metal);margin-top:.75rem;font-size:.85rem}.whatsapp-float{right:max(1.1rem, env(safe-area-inset-right));bottom:max(1.1rem, env(safe-area-inset-bottom));z-index:80;color:#fff;width:3.6rem;height:3.6rem;transition:transform .25s var(--ease), background .25s var(--ease), box-shadow .25s var(--ease);animation:wa-in .6s var(--ease) .8s both;background:#25d366;border-radius:50%;place-items:center;display:grid;position:fixed;box-shadow:0 8px 24px #00103047}.whatsapp-float:hover{background:#1ebe57;transform:translateY(-2px)scale(1.04);box-shadow:0 12px 28px #00103052}.whatsapp-float svg{width:1.85rem;height:1.85rem}.whatsapp-float img{width:1.7rem;height:1.7rem;display:block}@keyframes wa-in{0%{opacity:0;transform:translateY(12px)scale(.9)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.whatsapp-float{animation:none}}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes hero-zoom{0%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes mist-drift{0%{opacity:.85;transform:translate(-1.5%)scale(1)}to{opacity:1;transform:translate(2%,-1%)scale(1.05)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-media img,.hero-mist,.hero-brand,.hero h1,.hero-lead,.hero-actions,.reveal,.gallery-item{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}@media (width<=960px){.about-grid,.contact-grid{grid-template-columns:1fr}.service-list{grid-template-columns:1fr 1fr}.service-list li{border-right:0;padding:2.25rem 1.75rem}.service-list li:nth-child(odd){border-right:1px solid #e8eef42e;padding-left:0;padding-right:1.75rem}.service-list li:nth-child(2n){padding-left:1.75rem;padding-right:0}.service-list li:nth-child(3n){border-right:0}.gallery-item,.gallery-item.span-1,.gallery-item.span-2,.gallery-item.span-3,.gallery-item.span-4,.gallery-item.span-5,.gallery-item:nth-child(7),.gallery-item:nth-child(16),.gallery-item:nth-child(25){aspect-ratio:3/4;grid-column:span 6}}@media (width<=720px){.nav-toggle{display:block}.nav-links-desktop{display:none}.nav-links-mobile{z-index:90;color:var(--navy);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s var(--ease), visibility .3s;background:#f3f5f7;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;margin:0;display:flex;position:fixed;inset:0}.nav-links-mobile.is-open{opacity:1;visibility:visible;pointer-events:auto}.nav-links-mobile a{font-family:var(--font-display);letter-spacing:-.03em;opacity:1;color:var(--navy);font-size:1.6rem;font-weight:700}.nav-links-mobile a:hover{color:var(--orange)}.nav-links-mobile .nav-cta{border:0;padding:0}.service-list{grid-template-columns:1fr}.service-list li,.service-list li:nth-child(odd),.service-list li:nth-child(2n),.service-list li:nth-child(3n){border-right:0;padding:2rem 0}.gallery{gap:.5rem}.gallery-item,.gallery-item.span-1,.gallery-item.span-2,.gallery-item.span-3,.gallery-item.span-4,.gallery-item.span-5,.gallery-item:nth-child(7),.gallery-item:nth-child(16),.gallery-item:nth-child(25){grid-column:span 6}}