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:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:2rem 6vw;transition:background .3s,backdrop-filter .3s,border-color .3s,padding .3s;border-bottom:1px solid transparent}.nav.nav-scrolled{background:#080808e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:#1a1a1a;padding-top:1.1rem;padding-bottom:1.1rem}.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:2.5rem 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}.portfolio-item{display:flex;align-items:flex-start;gap:1.25rem;flex-shrink:0}.pf-frame-col{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.pf-scrollbar{position:relative;display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;user-select:none;align-self:flex-start}.pf-scroll-label{position:absolute;top:-1.4rem;font-family:Montserrat,sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:#c8a96e;text-align:center;white-space:nowrap}.pf-track{width:20px;background:transparent;position:relative;cursor:pointer;flex-shrink:0}.pf-track:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:5px;transform:translate(-50%);background:#ffffff2e;border-radius:3px}.pf-thumb{position:absolute;left:50%;transform:translate(-50%);width:13px;height:70px;background:#ebebebe0;border-radius:4px;cursor:grab;transition:background .2s}.pf-thumb:hover{background:#fff}.pf-thumb:active{cursor:grabbing;background:#fff}.desktop-screen{overflow:hidden}.phone-label{font-family:Inter,sans-serif;font-size:.78rem;font-weight:500;color:#ffffff4d;letter-spacing:.04em;text-align:center}.phone-screen{border-radius:30px!important;border:6px solid rgba(255,255,255,.18)!important;box-shadow:0 0 0 1px #0009,0 30px 70px #000000b3!important}.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) .7s forwards}.loaded .animate-3{animation:slideUp 1s cubic-bezier(.16,1,.3,1) 1.8s forwards}.loaded .animate-4{animation:slideUp .9s cubic-bezier(.16,1,.3,1) 2.1s 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}.policy-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#080808;overflow-y:auto}.policy-inner{max-width:760px;margin:0 auto;padding:4rem 6vw 6rem}.policy-close{background:none;border:1px solid #2e2e2e;color:#ffffff73;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:.6rem 1.2rem;border-radius:4px;cursor:pointer;margin-bottom:3rem;transition:border-color .3s,color .3s}.policy-close:hover{border-color:#c8a96e;color:#c8a96e}.policy-title{font-family:Montserrat,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:900;color:#fff;letter-spacing:-.02em;margin-bottom:.4rem}.policy-brand{font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:#c8a96e;margin-bottom:3.5rem}.policy-section{border-top:1px solid #1a1a1a;padding:2rem 0}.policy-section h2{font-family:Montserrat,sans-serif;font-size:1rem;font-weight:800;color:#fff;margin-bottom:.75rem;letter-spacing:.02em}.policy-section p{font-family:Inter,sans-serif;font-size:.97rem;line-height:1.8;color:#ffffff73}.footer-policy{font-family:Inter,sans-serif;font-size:.8rem;color:#fff3;background:none;border:none;cursor:pointer;padding:0;transition:color .3s}.footer-policy:hover{color:#c8a96e}@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-content{padding-top:3rem}.hero-bg{background-position:80% 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: 768px){.portfolio-track{justify-content:center}}@media (max-width: 480px){.contact-grid{grid-template-columns:1fr}}