:root{color:#f7f4ed;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#090909;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:#090909;min-width:320px;min-height:100vh;margin:0}#root{width:100%;min-height:100vh}h1,h2,h3,p{margin-top:0}a{-webkit-tap-highlight-color:transparent}button,a{font:inherit}::selection{color:#090909;background:#d6ad60}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html{scroll-behavior:smooth}section[id]{scroll-margin-top:90px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}#root{min-height:100vh}.portfolio{color:#f7f4ed;background:#090909;min-height:100vh;font-family:Segoe UI,Arial,sans-serif}.navbar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:24px;padding:16px 7%;display:flex}.brand{color:#fff;letter-spacing:-2px;flex-shrink:0;align-items:center;font-size:32px;font-weight:800;text-decoration:none;transition:text-shadow .35s,transform .35s;display:inline-flex}.brand-logo{object-fit:contain;filter:drop-shadow(0 0 10px #d6ad601f);width:auto;max-width:100%;height:100px;transition:filter .4s,transform .4s;display:block}.brand:hover{text-shadow:0 0 24px #d6ad6073;transform:translateY(-2px)}.brand:hover .brand-logo{filter:drop-shadow(0 0 18px #d6ad6066);transform:scale(1.04)}.brand span,.hero-section h1 span,.preview-section h2 span,.contact-section h2 span{color:#d6ad60}.nav-link{color:#e8d3a6;white-space:nowrap;padding-bottom:6px;font-size:14px;text-decoration:none;position:relative}.nav-link:after{content:"";transform-origin:100%;background:#d6ad60;width:100%;height:1px;transition:transform .4s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-link:hover:after{transform-origin:0;transform:scaleX(1)}.hero-section{background:radial-gradient(at 75% 30%,#a87c2718,#0000 50%),#090909;flex-direction:column;justify-content:center;align-items:flex-start;min-height:80vh;padding:120px 7% 90px;display:flex}.eyebrow{color:#d6ad60;letter-spacing:4px;text-transform:uppercase;font-size:12px;font-weight:700}.hero-section h1{letter-spacing:-3px;max-width:1050px;margin:28px 0;font-size:clamp(42px,6vw,90px);font-weight:700;line-height:1.12}.hero-section h1 span{-webkit-text-fill-color:transparent;background:linear-gradient(110deg,#b98a3d 0%,#f6d996 45%,#d6ad60 75%,#b98a3d 100%);-webkit-background-clip:text;background-clip:text}.hero-description{color:#aaa9a6;max-width:580px;font-size:17px;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:38px;display:flex}.primary-button,.secondary-button{border-radius:3px;padding:17px 29px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .35s,box-shadow .35s,background .35s,border-color .35s;display:inline-block;position:relative;overflow:hidden}.primary-button{color:#111;background:#d6ad60}.secondary-button{color:#f7f4ed;border:1px solid #75623d}.primary-button:hover{background:#f1cf8c;transform:translateY(-4px);box-shadow:0 10px 35px #d6ad6033,0 0 25px #d6ad6026}.secondary-button:hover{background:#d6ad6014;border-color:#d6ad60;transform:translateY(-4px);box-shadow:0 8px 30px #d6ad6014}.hero-signature{letter-spacing:2px;margin-top:100px;font-size:12px;font-weight:700}.hero-signature span{color:#888;font-weight:400}.preview-section,.contact-section{border-top:1px solid #ffffff16;padding:110px 7%}.preview-section{background:#11100e}.preview-section h2,.contact-section h2{letter-spacing:-2px;margin:20px 0;font-size:clamp(36px,5vw,66px)}.preview-section>div>p:last-child,.contact-section>div>p:last-child{color:#aaa9a6;line-height:1.8}footer{color:#888;border-top:1px solid #ffffff16;flex-wrap:wrap;justify-content:space-between;gap:15px;padding:30px 7%;font-size:12px;display:flex}@media (width<=600px){.navbar{gap:12px;padding:12px 6%}.brand-logo{height:70px}.nav-link{font-size:12px}.hero-section{min-height:75vh;padding:90px 6% 65px}.hero-section h1{letter-spacing:-1.5px;font-size:clamp(38px,10vw,56px)}.hero-description{font-size:15px}.hero-signature{margin-top:75px;line-height:1.8}.preview-section,.contact-section{padding:75px 6%}}@media (prefers-reduced-motion:reduce){.brand,.brand-logo,.nav-link:after,.primary-button,.secondary-button{transition:none}.brand:hover,.brand:hover .brand-logo,.primary-button:hover,.secondary-button:hover{transform:none}}@media (width<=600px){.hero-section h1{letter-spacing:-1.4px;overflow-wrap:break-word;font-size:clamp(34px,9vw,46px);line-height:1.16}.hero-actions{gap:12px;width:100%;margin-top:32px}.primary-button,.secondary-button{text-align:center;width:100%;max-width:240px}.hero-signature{letter-spacing:1.4px;font-size:11px}}.hero-section{isolation:isolate;position:relative;overflow:hidden}.hero-section:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#d6ad6021 0%,#b8812a0f 35%,#0000 70%);border-radius:50%;width:min(75vw,900px);height:min(75vw,900px);animation:14s ease-in-out infinite alternate dpGoldFloat;position:absolute;top:-25%;right:-20%}@keyframes dpGoldFloat{0%{opacity:.55;transform:translate(0,0)scale(1)}50%{opacity:.9;transform:translate(-8%,7%)scale(1.12)}to{opacity:.65;transform:translate(-15%,-5%)scale(1.05)}}@media (width<=600px){.hero-section:before{opacity:.6;width:110vw;height:110vw;top:5%;right:-45%}}@media (prefers-reduced-motion:reduce){.hero-section:before{animation:none}}.scroll-indicator{color:#a99b83;letter-spacing:3px;align-items:center;gap:14px;margin-top:55px;font-size:10px;font-weight:600;text-decoration:none;transition:color .3s;display:inline-flex}.scroll-indicator:hover{color:#f1cf8c}.scroll-arrow{color:#d6ad60;font-size:23px;line-height:1;animation:2s ease-in-out infinite dpScrollBounce;display:inline-block}@keyframes dpScrollBounce{0%,to{transform:translateY(-4px)}50%{transform:translateY(5px)}}@media (prefers-reduced-motion:reduce){.scroll-indicator{transition:none}.scroll-arrow{animation:none}}.preview-section{position:relative;overflow:hidden}.preview-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#d6ad6012,#0000 70%);width:450px;height:450px;position:absolute;top:-180px;right:-150px}.work-intro{max-width:680px;margin-bottom:50px}.work-intro h2{line-height:1.15}.work-description{color:#aaa9a6;max-width:520px;font-size:16px;line-height:1.8}.work-showcase{text-align:center;background:radial-gradient(at 50% 0,#d6ad6017,#0000 65%),linear-gradient(145deg,#191713,#0c0b0a);border:1px solid #d6ad6033;border-radius:12px;justify-content:center;align-items:center;min-height:380px;padding:45px;transition:border-color .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden}.work-showcase:hover{border-color:#d6ad6080;box-shadow:0 20px 70px #00000040}.work-showcase-content{z-index:1;max-width:460px;position:relative}.work-showcase-icon{color:#d6ad60;margin-bottom:24px;font-size:36px;display:block}.work-showcase h3{color:#f7f4ed;letter-spacing:-1px;margin-bottom:16px;font-size:clamp(26px,4vw,40px)}.work-showcase p{color:#aaa9a6;font-size:15px;line-height:1.8}.work-showcase-label{color:#d6ad60;letter-spacing:2px;text-transform:uppercase;border:1px solid #d6ad6059;border-radius:30px;margin-top:25px;padding:10px 18px;font-size:11px;display:inline-block}@media (width<=600px){.work-intro{margin-bottom:30px}.work-showcase{min-height:320px;padding:30px 20px}.work-showcase h3{font-size:28px}.work-showcase p{font-size:14px}}@media (prefers-reduced-motion:reduce){.work-showcase{transition:none}}.services-section{background:#090909;border-top:1px solid #ffffff16;padding:110px 7%}.services-heading{max-width:720px;margin-bottom:55px}.services-heading h2{letter-spacing:-2px;margin:20px 0;font-size:clamp(36px,5vw,66px);line-height:1.15}.services-heading h2 span{color:#d6ad60}.services-description{color:#aaa9a6;max-width:560px;font-size:16px;line-height:1.8}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.service-card{background:linear-gradient(145deg,#171512,#0e0d0c);border:1px solid #d6ad6029;border-radius:10px;min-width:0;min-height:280px;padding:38px;transition:transform .4s,border-color .4s,box-shadow .4s;position:relative;overflow:hidden}.service-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#d6ad601f,#0000 70%);border-radius:50%;width:240px;height:240px;position:absolute;top:-130px;right:-100px}.service-card:hover{border-color:#d6ad608c;transform:translateY(-7px);box-shadow:0 18px 55px #0000004d}.service-number{color:#d6ad60;letter-spacing:2px;margin-bottom:38px;font-size:13px;display:block}.service-card h3{color:#f7f4ed;letter-spacing:-.7px;margin:0 0 15px;font-size:clamp(22px,2.5vw,30px);line-height:1.25}.service-card p{color:#aaa9a6;max-width:420px;font-size:15px;line-height:1.8}@media (width<=700px){.services-section{padding:75px 6%}.services-heading{margin-bottom:35px}.services-grid{grid-template-columns:1fr;gap:15px}.service-card{min-height:240px;padding:28px}.service-number{margin-bottom:28px}}@media (prefers-reduced-motion:reduce){.service-card{transition:none}.service-card:hover{transform:none}}.about-section{background:#11100e;border-top:1px solid #ffffff16;padding:120px 7%;position:relative;overflow:hidden}.about-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#d6ad6017,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-180px;left:-200px}.about-container{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:70px;display:grid;position:relative}.about-visual{background:radial-gradient(circle,#d6ad601f,#0000 65%),linear-gradient(145deg,#1a1712,#0b0a09);border:1px solid #d6ad6033;border-radius:12px;justify-content:center;align-items:center;min-height:440px;padding:35px;display:flex;position:relative;overflow:hidden}.about-visual:after{content:"";pointer-events:none;border:1px solid #d6ad601f;border-radius:7px;position:absolute;inset:16px}.about-monogram{color:#d6ad60;letter-spacing:-12px;text-shadow:0 0 60px #d6ad602e;font-size:clamp(90px,13vw,180px);font-weight:800;line-height:1}.about-visual-label{color:#a99b83;letter-spacing:3px;text-transform:uppercase;font-size:10px;position:absolute;bottom:35px;left:35px}.about-content h2{letter-spacing:-2px;margin:22px 0 28px;font-size:clamp(38px,5vw,68px);line-height:1.12}.about-content h2 span{color:#d6ad60}.about-content p:not(.eyebrow){color:#aaa9a6;margin-bottom:20px;font-size:16px;line-height:1.95}.about-signature{color:#d6ad60;letter-spacing:3px;text-transform:uppercase;border-top:1px solid #d6ad6033;margin-top:35px;padding-top:22px;font-size:12px;font-weight:700}@media (width<=800px){.about-section{padding:80px 6%}.about-container{grid-template-columns:1fr;gap:45px}.about-visual{min-height:320px}.about-monogram{font-size:120px}.about-content h2{font-size:clamp(36px,8vw,54px)}}@media (width<=480px){.about-visual{min-height:270px}.about-monogram{font-size:100px}.about-content p:not(.eyebrow){font-size:15px}}.nav-menu{justify-content:center;align-items:center;gap:clamp(16px,2.5vw,38px);margin-left:auto;margin-right:28px;display:flex}.nav-menu a{color:#bcb8ae;letter-spacing:.5px;white-space:nowrap;padding:10px 0;font-size:13px;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-menu a:after{content:"";transform-origin:50%;background:#d6ad60;width:100%;height:1px;transition:transform .35s;position:absolute;bottom:3px;left:0;transform:scaleX(0)}.nav-menu a:hover,.nav-menu a:focus-visible{color:#f1cf8c}.nav-menu a:hover:after,.nav-menu a:focus-visible:after{transform:scaleX(1)}@media (width<=1050px){.navbar{flex-wrap:wrap}.nav-menu{order:3;justify-content:center;gap:25px;width:100%;margin:0;padding-bottom:12px}}@media (width<=600px){.nav-menu{scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:22px;overflow-x:auto}.nav-menu::-webkit-scrollbar{display:none}.nav-menu a{font-size:12px}}@media (prefers-reduced-motion:reduce){.nav-menu a,.nav-menu a:after{transition:none}}.nav-menu a{letter-spacing:.7px;font-size:15px;font-weight:600}.nav-menu{gap:clamp(18px,2.2vw,34px)}@media (width<=600px){.nav-menu a{font-size:14px;font-weight:600}.nav-menu{gap:24px}}.mobile-menu-button{display:none}@media (width<=700px){.navbar{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 6%;display:flex;position:relative}.brand-logo{max-width:100%;height:70px}.mobile-menu-button{color:#d6ad60;cursor:pointer;background:0 0;border:1px solid #d6ad608c;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:25px;display:flex}.navbar>.nav-link{display:none}.nav-menu{z-index:100;box-sizing:border-box;background:#0e0d0b;border-bottom:1px solid #d6ad604d;width:100%;margin:0;padding:18px 6% 24px;display:none;position:absolute;top:100%;left:0;right:0;overflow:visible;box-shadow:0 18px 35px #00000080}.nav-menu.mobile-menu-open{flex-direction:column;align-items:stretch;gap:0;display:flex}.nav-menu a{box-sizing:border-box;color:#f7f4ed;border-bottom:1px solid #d6ad601f;width:100%;padding:15px 4px;font-size:15px;font-weight:600;display:block}.nav-menu a:last-child{border-bottom:none}.nav-menu a:hover{color:#d6ad60}}.navbar{z-index:1000;-webkit-backdrop-filter:blur(18px);background:#090909f5;position:sticky;top:0}html{scroll-behavior:smooth;scroll-padding-top:110px}@media (width<=700px){.navbar{z-index:1000;background:#090909f7;width:100%;position:sticky;top:0}html{scroll-padding-top:95px}}