body{margin:0;background:#080808;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#080808;overflow-x:hidden}.section-inner{max-width:1140px;margin:0 auto;padding:0 6vw}.section-label{font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.35em;text-transform:uppercase;color:#c8a96e;margin-bottom:1.25rem}.section-heading{font-family:Montserrat,sans-serif;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:900;color:#fff;line-height:1.08;letter-spacing:-.02em}.hero{position:relative;width:100%;height:100vh;min-height:640px;overflow:hidden;display:flex;align-items:center}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/bg.jpg) center / cover no-repeat;animation:bgReveal 2.2s cubic-bezier(.16,1,.3,1) forwards;will-change:transform,opacity}@keyframes bgReveal{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(0,0,0,.55) 0%,rgba(0,0,0,.2) 55%,transparent 100%),linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 50%);z-index:1}.nav{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:2rem 6vw}.nav-brand{font-family:Montserrat,sans-serif;font-size:1rem;font-weight:800;letter-spacing:.05em;color:#fff;text-transform:uppercase}.nav-cta{font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-decoration:none;border:1.5px solid rgba(255,255,255,.45);padding:.55rem 1.4rem;border-radius:3px;transition:border-color .3s,background .3s}.nav-cta:hover{border-color:#c8a96e;background:#c8a96e1f}.hero-content{position:relative;z-index:2;padding:0 6vw;max-width:680px}.eyebrow{font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.35em;text-transform:uppercase;color:#c8a96e;margin-bottom:1.5rem}.headline{font-family:Montserrat,sans-serif;font-size:clamp(3.2rem,8vw,7.5rem);font-weight:900;line-height:.95;color:#fff;letter-spacing:-.03em;margin-bottom:1.75rem;text-shadow:0 4px 40px rgba(0,0,0,.4)}.tagline{font-family:Inter,sans-serif;font-size:clamp(1rem,1.6vw,1.2rem);font-weight:300;color:#ffffffbf;line-height:1.75;margin-bottom:2.75rem;max-width:460px}.cta-btn{display:inline-flex;align-items:center;gap:.6rem;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#0a0a0a;background:#c8a96e;padding:1.1rem 2.6rem;border-radius:4px;text-decoration:none;transition:background .3s,transform .25s,box-shadow .3s;box-shadow:0 8px 30px #c8a96e4d}.cta-btn:hover{background:#dfc07e;transform:translateY(-3px);box-shadow:0 14px 40px #c8a96e73}.arrow{font-size:1.1rem;transition:transform .3s}.cta-btn:hover .arrow{transform:translate(4px)}.scroll-hint{position:absolute;bottom:2.5rem;left:6vw;z-index:2;display:flex;align-items:center;gap:1rem}.scroll-hint span{font-family:Montserrat,sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:#ffffff59}.scroll-line{width:50px;height:1px;background:#fff3;position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#c8a96e;animation:scrollSlide 2s ease-in-out infinite 2s}@keyframes scrollSlide{0%{left:-100%}50%{left:0}to{left:100%}}.portfolio{background:#080808;padding:6rem 0 5rem;overflow:hidden}.portfolio-header{margin-bottom:3.5rem}.portfolio-header .section-heading{margin-top:.5rem}.portfolio-track{display:flex;gap:2rem;padding:1rem 6vw 2.5rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.portfolio-track::-webkit-scrollbar{display:none}.desktop-frame{flex-shrink:0;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.desktop-screen{width:min(720px,80vw);height:min(450px,50vw);border-radius:10px;overflow:hidden;border:1.5px solid rgba(255,255,255,.1);box-shadow:0 0 0 1px #00000080,0 30px 70px #000000a6,inset 0 0 0 1px #ffffff0a;background:#111;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}.desktop-frame:hover .desktop-screen{transform:translateY(-8px);box-shadow:0 0 0 1px #00000080,0 45px 90px #000000bf,inset 0 0 0 1px #ffffff0f}.desktop-screen img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.phone-label{font-family:Inter,sans-serif;font-size:.78rem;font-weight:500;color:#ffffff4d;letter-spacing:.04em;text-align:center}.animate-0,.animate-1,.animate-2,.animate-3,.animate-4{opacity:0;transform:translateY(28px)}.loaded .animate-0{animation:slideUp 1s cubic-bezier(.16,1,.3,1) .3s forwards}.loaded .animate-1{animation:slideUp 1s cubic-bezier(.16,1,.3,1) .6s forwards}.loaded .animate-2{animation:slideUp 1.1s cubic-bezier(.16,1,.3,1) .85s forwards}.loaded .animate-3{animation:slideUp 1s cubic-bezier(.16,1,.3,1) 1.15s forwards}.loaded .animate-4{animation:slideUp .9s cubic-bezier(.16,1,.3,1) 1.45s forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.services{background:#0a0a0a;padding:7rem 0}.services .section-heading{margin-bottom:4rem;margin-top:.5rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.card{background:#111;border:1px solid #1e1e1e;border-radius:10px;padding:2.5rem 2rem 2rem;position:relative;overflow:hidden;transition:border-color .35s,transform .35s}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#c8a96e,transparent);opacity:0;transition:opacity .35s}.card:hover{border-color:#2e2e2e;transform:translateY(-6px)}.card:hover:before{opacity:1}.card-num{font-family:Montserrat,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.2em;color:#c8a96e;display:block;margin-bottom:1.5rem}.card h3{font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:800;color:#fff;margin-bottom:.75rem}.card p{font-family:Inter,sans-serif;font-size:.92rem;line-height:1.75;color:#ffffff73}.about{background:#080808;padding:7rem 0;border-top:1px solid #141414}.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.about-text .section-heading{margin:.5rem 0 1.5rem}.about-body{font-family:Inter,sans-serif;font-size:1.05rem;line-height:1.85;color:#ffffff80}.about-stat-block{display:flex;flex-direction:column;gap:2.5rem;padding-left:3rem;border-left:1px solid #1e1e1e}.stat-num{display:block;font-family:Montserrat,sans-serif;font-size:2.8rem;font-weight:900;color:#c8a96e;line-height:1;margin-bottom:.4rem}.stat-label{font-family:Inter,sans-serif;font-size:.85rem;color:#ffffff59;letter-spacing:.05em}.contact{background:#060606;padding:7rem 0;border-top:1px solid #111}.contact-inner .section-heading{margin:.5rem 0 1.5rem}.contact-sub{font-family:Inter,sans-serif;font-size:1.05rem;color:#ffffff73;line-height:1.7;margin-bottom:3.5rem;max-width:480px}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.contact-card{display:flex;align-items:center;gap:1.25rem;background:#0e0e0e;border:1px solid #1e1e1e;border-radius:10px;padding:1.75rem 1.5rem;text-decoration:none;transition:border-color .3s,transform .3s,background .3s}.contact-card:hover{border-color:#c8a96e;background:#111;transform:translateY(-3px)}.contact-icon{font-size:1.6rem;flex-shrink:0}.contact-type{font-family:Montserrat,sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#c8a96e;margin-bottom:.3rem}.contact-value{font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;color:#fff}footer{background:#040404;border-top:1px solid #111;padding:2rem 6vw}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.footer-brand{font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:800;letter-spacing:.05em;color:#ffffff4d;text-transform:uppercase}.footer-copy{font-family:Inter,sans-serif;font-size:.8rem;color:#fff3}@media (max-width: 900px){.about-inner{grid-template-columns:1fr;gap:3rem}.about-stat-block{flex-direction:row;padding-left:0;padding-top:2rem;border-left:none;border-top:1px solid #1e1e1e;flex-wrap:wrap;gap:2rem}}@media (max-width: 768px){.hero{min-height:unset;height:auto;padding:140px 0 80px}.hero-bg{background-position:right center}.hero-overlay{background:#000000b8}.hero-content{max-width:100%;text-align:center}.tagline{max-width:100%;margin-left:auto;margin-right:auto}.scroll-hint{display:none}.nav-brand{font-size:.85rem}.services,.about,.contact{padding:5rem 0}}@media (max-width: 480px){.contact-grid{grid-template-columns:1fr}}