@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{color:#f3f0e9;font-synthesis:none;text-rendering:optimizelegibility;background:#0b0b0a;font-family:DM Sans,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#0b0b0a;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.site{background:#0b0b0a;overflow:hidden}.navbar{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0b0ad1;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;width:100%;height:82px;padding:0 6vw;display:flex;position:fixed;top:0;left:0}.brand{letter-spacing:3px;align-items:center;gap:11px;font-size:15px;font-weight:700;display:flex}.brand>span:last-child>span{color:#c9a96e}.brand-mark{color:#c9a96e;border:1px solid #c9a96e;place-items:center;width:32px;height:32px;font-family:Playfair Display,serif;font-size:18px;display:grid}.nav-links{align-items:center;gap:36px;display:flex}.nav-links a{color:#ffffff94;letter-spacing:1px;font-size:11px;transition:all .3s}.nav-links a:hover{color:#fff}.nav-button{color:#c9a96e;letter-spacing:1.5px;text-transform:uppercase;border:1px solid #c9a96e80;padding:12px 18px;font-size:10px;transition:all .3s}.nav-button:hover{color:#0b0b0a;background:#c9a96e}.hero{background:radial-gradient(circle at 75% 35%,#c9a96e1a,#0000 28%),#0b0b0a;align-items:center;min-height:100vh;padding:170px 10vw 100px;display:flex;position:relative}.hero-grid{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000 80%);mask-image:linear-gradient(#000c,#0000 80%)}.hero-content{z-index:2;max-width:900px;position:relative}.eyebrow{color:#c9a96e;letter-spacing:3px;align-items:center;gap:12px;font-size:10px;display:flex}.eyebrow span{background:#c9a96e;width:35px;height:1px}.hero h1{letter-spacing:-5px;margin-top:30px;font-size:clamp(60px,8vw,125px);font-weight:500;line-height:.9}.hero h1 em{color:#c9a96e;font-family:Playfair Display,serif;font-weight:500}.hero-content>p{color:#ffffff7a;max-width:580px;margin-top:42px;font-size:15px;line-height:1.9}.hero-actions{align-items:center;gap:30px;margin-top:38px;display:flex}.primary-button{color:#0b0b0a;letter-spacing:1.5px;text-transform:uppercase;background:#c9a96e;align-items:center;gap:25px;padding:16px 20px;font-size:10px;font-weight:700;transition:all .3s;display:inline-flex}.primary-button span{font-size:17px}.primary-button:hover{background:#e0c48d;transform:translateY(-3px)}.text-button{color:#ffffff8c;letter-spacing:1px;border-bottom:1px solid #fff3;padding-bottom:6px;font-size:11px}.hero-side{color:#ffffff40;letter-spacing:2px;flex-direction:column;gap:12px;font-size:8px;display:flex;position:absolute;bottom:130px;right:6vw}.hero-side-line{background:#c9a96e;width:1px;height:65px;margin-bottom:8px}.hero-bottom{color:#ffffff40;letter-spacing:2px;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:35px;left:10vw;right:10vw}.section{border-top:1px solid #ffffff12;padding:130px 10vw}.section-number{color:#c9a96e;letter-spacing:3px;margin-bottom:80px;font-size:9px}.small-label{color:#c9a96e;letter-spacing:2.5px;font-size:9px}.section-heading{max-width:800px}.section-heading h2,.about h2,.projects-heading h2,.contact-section h2{letter-spacing:-3px;margin-top:22px;font-size:clamp(45px,6vw,82px);font-weight:500;line-height:.98}.section-heading h2 span,.about h2 span,.projects-heading h2 span,.contact-section h2 span{color:#c9a96e;font-family:Playfair Display,serif;font-style:italic}.section-heading>p:last-child{color:#ffffff6b;max-width:520px;margin-top:30px;font-size:14px;line-height:1.8}.about{background:#100f0d}.about-layout{grid-template-columns:1fr 1fr;gap:12vw;display:grid}.about h2{max-width:700px}.about-text{padding-top:15px}.about-text p{color:#ffffff85;margin-bottom:22px;font-size:15px;line-height:1.9}.inline-link{color:#c9a96e;letter-spacing:1px;border-bottom:1px solid #c9a96e59;margin-top:15px;padding-bottom:8px;font-size:11px;display:inline-block}.skills-section{background:#0b0b0a}.skills-grid{border-top:1px solid #ffffff1a;border-left:1px solid #ffffff1a;grid-template-columns:repeat(3,1fr);margin-top:80px;display:grid}.skill-card{border-bottom:1px solid #ffffff1a;border-right:1px solid #ffffff1a;min-height:190px;padding:30px;transition:all .35s;position:relative}.skill-card:hover{background:#15130f}.skill-card>span{color:#c9a96e80;letter-spacing:2px;font-size:9px}.skill-card h3{font-size:19px;font-weight:500;position:absolute;bottom:28px}.skill-arrow{color:#c9a96e;font-size:18px;position:absolute;top:28px;right:28px}.services-section{background:#100f0d}.services-list{border-top:1px solid #ffffff1a}.service-row{border-bottom:1px solid #ffffff1a;grid-template-columns:60px 1fr 1fr 30px;align-items:center;gap:40px;min-height:145px;padding:25px 0;transition:all .3s;display:grid}.service-row:hover{background:#15130f;padding-left:15px;padding-right:15px}.service-row>span{color:#c9a96e80;font-size:10px}.service-row h3{font-family:Playfair Display,serif;font-size:26px;font-weight:500}.service-row p{color:#ffffff61;font-size:12px;line-height:1.7}.service-row b{color:#c9a96e;font-size:18px;font-weight:400}.projects-section{background:#0b0b0a}.projects-heading{justify-content:space-between;align-items:flex-end;gap:60px;display:flex}.projects-heading>p{color:#ffffff6b;max-width:380px;font-size:13px;line-height:1.8}.projects-grid{grid-template-columns:repeat(2,1fr);gap:25px;margin-top:80px;display:grid}.project-card{background:#11100e;border:1px solid #ffffff14;transition:all .4s}.project-card:hover{border-color:#c9a96e59;transform:translateY(-6px)}.project-preview{background:radial-gradient(circle,#c9a96e24,#0000 45%),#15130f;flex-direction:column;justify-content:space-between;min-height:390px;padding:25px;display:flex;position:relative}.preview-top,.preview-bottom{color:#ffffff59;letter-spacing:2px;justify-content:space-between;font-size:8px;display:flex}.preview-content{text-align:center}.preview-logo{color:#c9a96e;border:1px solid #c9a96e;place-items:center;width:62px;height:62px;margin:0 auto 20px;font-family:Playfair Display,serif;font-size:28px;display:grid}.preview-content h3{font-family:Playfair Display,serif;font-size:30px;font-weight:500}.preview-line{background:#c9a96e;width:50px;height:1px;margin:18px auto 0}.project-info{padding:28px}.project-type{color:#c9a96e;letter-spacing:2px;text-transform:uppercase;font-size:8px}.project-info h3{margin-top:8px;font-family:Playfair Display,serif;font-size:26px;font-weight:500}.project-info>p{color:#ffffff6b;margin-top:15px;font-size:12px;line-height:1.8}.project-tags{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.project-tags span{color:#fff6;letter-spacing:.7px;border:1px solid #ffffff1a;padding:7px 9px;font-size:8px}.cta-section{text-align:center;background:#12100d;padding:170px 10vw;position:relative;overflow:hidden}.cta-glow{filter:blur(90px);background:#c9a96e14;border-radius:50%;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-section>:not(.cta-glow){z-index:2;position:relative}.cta-section h2{letter-spacing:-4px;margin:25px 0 40px;font-size:clamp(55px,8vw,105px);font-weight:500;line-height:.9}.cta-section h2 span{color:#c9a96e;font-family:Playfair Display,serif;font-style:italic}.contact-section{background:#0b0b0a}.contact-layout{grid-template-columns:1fr 1fr;gap:12vw;display:grid}.contact-details{flex-direction:column;display:flex}.contact-details a{border-bottom:1px solid #ffffff1a;flex-direction:column;gap:10px;padding:25px 0;font-family:Playfair Display,serif;font-size:21px;transition:all .3s;display:flex}.contact-details a:hover{color:#c9a96e}.contact-details span{color:#c9a96ea6;letter-spacing:2px;font-family:DM Sans,sans-serif;font-size:8px}footer{color:#ffffff4d;letter-spacing:1.5px;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:30px 6vw;font-size:9px;display:flex}.footer-brand{color:#fff;align-items:center;gap:10px;font-weight:700;display:flex}.footer-brand .brand-mark{width:27px;height:27px;font-size:15px}@media (width<=900px){.navbar{padding:0 5vw}.nav-links{display:none}.nav-button{padding:10px 13px}.hero{padding-left:7vw;padding-right:7vw}.hero h1{font-size:clamp(55px,13vw,90px)}.hero-side{display:none}.section{padding:100px 7vw}.about-layout,.contact-layout{grid-template-columns:1fr;gap:55px}.skills-grid{grid-template-columns:repeat(2,1fr)}.projects-heading{flex-direction:column;align-items:flex-start}}@media (width<=650px){.navbar{height:70px}.brand{font-size:13px}.nav-button{font-size:8px}.hero{min-height:100svh;padding:140px 6vw 90px}.hero h1{letter-spacing:-3px;margin-top:25px;font-size:clamp(50px,16vw,78px)}.hero-content>p{margin-top:30px;font-size:13px}.hero-actions{flex-direction:column;align-items:flex-start;gap:22px}.hero-bottom{left:6vw;right:6vw}.section{padding:85px 6vw}.section-number{margin-bottom:55px}.section-heading h2,.about h2,.projects-heading h2,.contact-section h2{letter-spacing:-2px;font-size:clamp(44px,13vw,65px)}.skills-grid{grid-template-columns:1fr;margin-top:50px}.skill-card{min-height:160px}.service-row{grid-template-columns:35px 1fr 20px;gap:15px}.service-row p{display:none}.service-row h3{font-size:21px}.projects-grid{grid-template-columns:1fr;margin-top:50px}.project-preview{min-height:320px}.cta-section{padding:120px 6vw}.cta-section h2{font-size:clamp(55px,16vw,85px)}footer{flex-wrap:wrap;gap:15px;padding:25px 6vw}}