@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');
:root{--gold:#d4af37;--gold-light:#f7df8a;--ink:#090909;--surface:#151515;--surface-2:#1d1d1d;--text:#f7f5ef;--muted:#b6b1a5;--line:rgba(212,175,55,.27)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--text);font-family:'DM Sans',Arial,sans-serif}section{scroll-margin-top:88px}.navbar{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:13px 7%;background:rgba(7,7,7,.86);border-bottom:1px solid rgba(212,175,55,.18);backdrop-filter:blur(16px);z-index:1000}.logo{display:flex;align-items:center;height:48px}.logo img{height:93px;width:auto;display:block;margin:-19px 0;filter:drop-shadow(0 0 12px rgba(212,175,55,.08));transition:.25s}.logo img:hover{transform:scale(1.03)}.nav-links{display:flex;gap:4px;list-style:none;align-items:center}.nav-links a{position:relative;display:inline-block;padding:9px 13px;color:#e4e0d6;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.3px;transition:color .2s}.nav-links a:after{content:"";position:absolute;right:13px;bottom:4px;left:13px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s}.nav-links a:hover{color:var(--gold-light)}.nav-links a:hover:after{transform:scaleX(1)}.quote-btn,.main-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);background:linear-gradient(135deg,#f3d56f,#c99c26);color:#181307;text-decoration:none;font-weight:800;letter-spacing:.7px;text-transform:uppercase;transition:.25s}.quote-btn{padding:11px 19px;font-size:12px;border-radius:2px}.quote-btn:hover,.main-btn:hover{transform:translateY(-3px);box-shadow:0 12px 27px rgba(212,175,55,.2);filter:brightness(1.08)}.main-btn{padding:17px 29px;font-size:13px;border-radius:2px}.hero{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:145px 7% 80px;text-align:center;color:#fff;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.53)),url('images/hero.jpg') center/cover}.hero-content{max-width:950px;animation:fadeUp .8s ease}.hero h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(44px,6vw,82px);font-weight:600;line-height:1.08;letter-spacing:-1.8px;text-shadow:0 4px 30px rgba(0,0,0,.5)}.hero h1 span{color:var(--gold-light)}.hero p{max-width:670px;margin:25px auto 33px;color:#e4e0d5;font-size:clamp(17px,2vw,23px);font-weight:400;line-height:1.55;letter-spacing:.3px}.hero-stats{display:flex;justify-content:center;gap:0;margin-top:58px}.hero-stats>div{min-width:165px;padding:0 27px;border-right:1px solid rgba(212,175,55,.35)}.hero-stats>div:last-child{border:0}.hero-stats h2{margin-bottom:7px;color:var(--gold);font-family:'Playfair Display',Georgia,serif;font-size:30px}.hero-stats p{margin:0;color:#d3cec2;font-size:12px;letter-spacing:1px;text-transform:uppercase}.about,.services,.projects,.contact{padding:105px 8%;text-align:center}.about{background:#111}.about-container{max-width:1280px;margin:auto;display:flex;align-items:center;gap:70px;text-align:left}.about-image,.about-content{flex:1;min-width:0}.about-image{position:relative}.about-image:after{content:"";position:absolute;inset:16px -16px -16px 16px;border:1px solid var(--gold);z-index:0}.about-image img{position:relative;z-index:1;width:100%;display:block;filter:grayscale(.15);transition:.35s}.about-image:hover img{transform:translate(-5px,-5px)}.about-content h2,.services h2,.projects h2,.contact h2,.why-us h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(34px,4vw,52px);font-weight:600;line-height:1.15}.about-content h2{margin-bottom:25px}.about-content p{color:var(--muted);font-size:17px;line-height:1.85}.about-content>b{color:var(--gold-light)}.about-features{display:flex;gap:12px;margin:32px 0}.feature{flex:1;padding:18px 12px;border:1px solid var(--line);background:#191919;text-align:center}.feature h3{margin-bottom:6px;color:var(--gold);font-family:'Playfair Display',Georgia,serif;font-size:23px}.feature p{font-size:12px;line-height:1.4}.services{background:#0b0b0b}.services h2,.projects h2,.contact h2,.why-us h2{position:relative;display:inline-block;margin-bottom:48px}.services h2:after,.projects h2:after,.contact h2:after,.why-us h2:after{content:"";position:absolute;bottom:-18px;left:50%;width:68px;height:2px;background:var(--gold);transform:translateX(-50%)}.service-container,.why-container,.project-container{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.service-card{width:330px;padding:39px 28px;border:1px solid #2d2c29;background:var(--surface);text-align:left;transition:.3s}.service-card:hover{transform:translateY(-9px);border-color:var(--gold);box-shadow:0 17px 32px rgba(0,0,0,.32)}.service-card h3{margin-bottom:14px;color:var(--gold-light);font-family:'Playfair Display',Georgia,serif;font-size:24px}.service-card p{color:var(--muted);line-height:1.7}.why-us{padding:105px 8%;background:radial-gradient(circle at 50% 0,#3a2d0d,#16120a 38%,#0a0a0a 79%);text-align:center}.why-card{width:250px;padding:31px 23px;border:1px solid rgba(212,175,55,.23);background:rgba(18,18,18,.73);transition:.3s}.why-card:hover{transform:translateY(-7px);border-color:var(--gold)}.icon{margin-bottom:18px;font-size:38px}.why-card h3{margin-bottom:12px;color:var(--gold-light);font-family:'Playfair Display',Georgia,serif;font-size:22px}.why-card p{color:#c5c0b5;line-height:1.65}.projects{background:#121212}.project-card{width:350px;overflow:hidden;border:1px solid #2d2c29;background:#1a1a1a;text-align:left;transition:.3s}.project-card:hover{transform:translateY(-9px);border-color:var(--gold);box-shadow:0 18px 38px rgba(0,0,0,.36)}.project-card img{width:100%;height:245px;display:block;object-fit:cover;filter:saturate(.82);transition:.4s}.project-card:hover img{transform:scale(1.06);filter:saturate(1)}.project-card h3{padding:20px 22px;color:#f4f0e7;font-family:'Playfair Display',Georgia,serif;font-size:23px}.contact{background:#0b0b0b}.contact p{margin:13px 0;color:#cbc6ba;font-size:16px}.contact .main-btn{margin-top:29px}footer{padding:29px;background:#050505;border-top:1px solid var(--line);color:#979289;text-align:center;font-size:13px}.whatsapp{position:fixed;right:23px;bottom:23px;padding:13px 18px;border:1px solid rgba(255,255,255,.28);border-radius:2px;background:#25D366;color:#062e15;text-decoration:none;font-size:13px;font-weight:800;box-shadow:0 10px 25px rgba(0,0,0,.3);z-index:20;transition:.25s}.whatsapp:hover{transform:translateY(-5px)}
.quote-form{width:min(100% - 32px,640px);margin:130px auto 55px;padding:34px;border:1px solid var(--line);background:var(--surface);color:var(--text);box-shadow:0 20px 60px rgba(0,0,0,.35)}.quote-form h2{margin-bottom:22px;color:var(--gold-light);font-family:'Playfair Display',Georgia,serif}.quote-form label{display:block;margin:0 0 8px;color:#e3dcc7;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.quote-form input,.quote-form textarea{width:100%;margin:0 0 18px;padding:13px;border:1px solid #3b3934;background:#20201e;color:#fff;font:inherit}.quote-form input:focus,.quote-form textarea:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.12)}.quote-form button{width:100%;padding:15px;border:1px solid var(--gold);background:linear-gradient(135deg,#f3d56f,#c99c26);color:#161108;font:inherit;font-weight:800;letter-spacing:1px;text-transform:uppercase;cursor:pointer}
@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.navbar{padding:10px 5%;flex-wrap:wrap;justify-content:center}.nav-links{order:3;width:100%;justify-content:center;flex-wrap:wrap}.nav-links a{padding:7px 10px;font-size:12px}.quote-btn{font-size:11px}.hero{padding-top:160px}.about-container{flex-direction:column;text-align:center}.about-image,.about-content{width:100%;max-width:600px}.about-features{justify-content:center}.hero-stats>div{min-width:0;padding:0 16px}.about,.services,.projects,.contact,.why-us{padding:80px 6%}}
@media(max-width:520px){.navbar{gap:10px}.logo{height:40px}.logo img{height:76px}.hero-stats{gap:8px}.hero-stats>div{padding:0 8px}.hero-stats h2{font-size:22px}.hero-stats p{font-size:9px}.about-features{flex-direction:column}.feature{padding:13px}.whatsapp{right:14px;bottom:14px}.quote-form{padding:23px 18px}}
.hero-kicker,.section-kicker{margin-bottom:13px;color:var(--gold-light);font-size:11px;font-weight:700;letter-spacing:2.8px;text-transform:uppercase}.section-kicker{text-align:center}.about-content .section-kicker{text-align:left}.service-index{display:block;margin-bottom:26px;color:var(--gold);font-family:'Playfair Display',Georgia,serif;font-size:13px;letter-spacing:2px}.why-card .icon{color:var(--gold);font-family:'Playfair Display',Georgia,serif;font-size:17px;font-weight:700;letter-spacing:2px}@media(max-width:900px){.about-content .section-kicker{text-align:center}}

.service-card{display:block;color:inherit;text-decoration:none;cursor:pointer}.service-link{display:inline-block;margin-top:22px;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.service-card:hover .service-link{color:var(--gold-light);transform:translateX(4px)}
/* ===========================
   HOMEPAGE MOTION
=========================== */
.home-page{overflow-x:hidden}.home-page .navbar{transition:padding .3s ease,background .3s ease,box-shadow .3s ease}.home-page .navbar.scrolled{padding-top:8px;padding-bottom:8px;background:rgba(4,4,4,.96);box-shadow:0 12px 30px rgba(0,0,0,.3)}.home-page .scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#a97c18,#f8e494,#c49320);transform:scaleX(0);transform-origin:left;z-index:2200;box-shadow:0 0 16px rgba(212,175,55,.8)}.home-page .hero{position:relative;overflow:hidden;animation:sceneShift 13s ease-in-out infinite alternate}.home-page .hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 28%,rgba(245,215,112,.14),transparent 27%);pointer-events:none;animation:ambientGlow 6s ease-in-out infinite alternate}.home-page .hero-content{position:relative;z-index:1;transition:transform .35s ease-out}.home-page .main-btn,.home-page .quote-btn{background-size:180% 180%;animation:buttonGlow 4s ease-in-out infinite}.home-page .main-btn:hover,.home-page .quote-btn:hover{animation-play-state:paused}.home-page .service-card,.home-page .why-card,.home-page .project-card{will-change:transform}.home-page.motion-enabled .reveal{opacity:0;transform:translateY(34px);transition:opacity .75s ease var(--motion-delay,0ms),transform .75s cubic-bezier(.2,.75,.2,1) var(--motion-delay,0ms)}.home-page.motion-enabled .reveal.is-visible{opacity:1;transform:translateY(0)}.home-page.motion-enabled .about-image.reveal{transform:translateX(-38px)}.home-page.motion-enabled .about-content.reveal{transform:translateX(38px)}.home-page.motion-enabled .about-image.reveal.is-visible,.home-page.motion-enabled .about-content.reveal.is-visible{transform:translateX(0)}.home-page.motion-enabled .service-card,.home-page.motion-enabled .why-card,.home-page.motion-enabled .project-card{transition-property:opacity,transform,border-color,box-shadow;transition-duration:.75s,.75s,.3s,.3s;transition-timing-function:ease,cubic-bezier(.2,.75,.2,1),ease,ease;transition-delay:var(--motion-delay,0ms),var(--motion-delay,0ms),0ms,0ms}.home-page.motion-enabled .service-card:hover,.home-page.motion-enabled .why-card:hover,.home-page.motion-enabled .project-card:hover{transition-delay:0ms;transform:translateY(-10px) scale(1.015)}.home-page .whatsapp{animation:whatsappFloat 3.1s ease-in-out infinite}.home-page .whatsapp:hover{animation-play-state:paused}@keyframes sceneShift{from{background-position:center center}to{background-position:54% center}}@keyframes ambientGlow{from{opacity:.35;transform:scale(.95)}to{opacity:1;transform:scale(1.1)}}@keyframes buttonGlow{0%,100%{background-position:0% 50%;box-shadow:0 0 0 rgba(212,175,55,0)}50%{background-position:100% 50%;box-shadow:0 9px 23px rgba(212,175,55,.18)}}@keyframes whatsappFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@media(prefers-reduced-motion:reduce){.home-page{scroll-behavior:auto}.home-page .hero,.home-page .main-btn,.home-page .quote-btn,.home-page .whatsapp,.home-page .hero:after{animation:none!important}.home-page .reveal,.home-page .reveal.is-visible{opacity:1!important;transform:none!important;transition:none!important}}
.home-page .whatsapp{display:inline-flex;align-items:center;gap:9px}.home-page .whatsapp-icon{width:22px;height:22px;flex:0 0 22px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))}.home-page .feature{position:relative;overflow:hidden;transition:opacity .75s ease var(--motion-delay,0ms),transform .75s cubic-bezier(.2,.75,.2,1) var(--motion-delay,0ms),border-color .3s ease,background .3s ease,box-shadow .3s ease}.home-page .feature:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:scaleX(0);transition:transform .4s ease}.home-page.motion-enabled .feature.reveal.is-visible:hover{transform:translateY(-9px) scale(1.025);border-color:var(--gold);background:#211d10;box-shadow:0 16px 28px rgba(0,0,0,.28)}.home-page .feature:hover:after{transform:scaleX(1)}.home-page .feature h3{transition:transform .35s ease,color .35s ease}.home-page .feature:hover h3{transform:scale(1.08);color:var(--gold-light)}