:root{
  --bg:#0b0b0a;--panel:#11110f;--paper:#f0ede5;--muted:#8d8a82;
  --line:#292823;--accent:#d8ad52;--accent-soft:#d8ad5218;--black:#080807;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--paper);font-family:"Space Grotesk",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.grain{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.cursor{position:fixed;width:32px;height:32px;border:1px solid var(--accent);border-radius:50%;left:-16px;top:-16px;z-index:120;pointer-events:none;transition:.16s ease}
.cursor.hover{width:54px;height:54px;left:-27px;top:-27px;background:var(--accent-soft)}
.cursor-dot{position:fixed;width:4px;height:4px;background:var(--accent);border-radius:50%;left:-2px;top:-2px;z-index:121;pointer-events:none}
.nav{height:78px;padding:0 5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:90;background:#0b0b0ae8;backdrop-filter:blur(18px)}
.brand{font-weight:700;font-size:21px;letter-spacing:-1px}.brand span,.section em,.hero em,.statement em,.contact em{color:var(--accent);font-style:normal}
.desktop-nav{display:flex;gap:27px;font:9px "DM Mono";letter-spacing:1.5px;color:#a7a39a}
.desktop-nav a{transition:.25s}.desktop-nav a:hover{color:var(--accent)}
.menu-btn{display:none;border:1px solid var(--line);padding:10px 13px;font:9px "DM Mono";letter-spacing:1px}
.menu-btn span{color:var(--accent);margin-left:8px}
.mobile-menu{display:none}
.hero{min-height:calc(100vh - 78px);padding:7vw 7vw 6vw;display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center;position:relative}
.hero-left{position:relative;z-index:2}.location{font:9px "DM Mono";letter-spacing:1.5px;color:#aaa69d;margin-bottom:38px}.location i{color:#555;font-style:normal;margin:0 8px}.pulse{color:var(--accent);margin-right:8px}
.eyebrow,.section-label{font:9px "DM Mono";letter-spacing:2px;color:var(--accent)}
.hero h1{font-size:clamp(72px,10.5vw,155px);line-height:.76;letter-spacing:-.09em;margin:25px 0 34px}
.hero-intro{font-size:17px;line-height:1.7;color:var(--muted);max-width:590px}
.hero-stats{display:flex;gap:42px;margin:38px 0}.hero-stats div{display:flex;flex-direction:column;gap:6px}.hero-stats b{font-size:23px}.hero-stats span{font:8px "DM Mono";line-height:1.45;color:#77746d;letter-spacing:1px}
.hero-actions{display:flex;gap:22px;align-items:center}.primary-btn{background:var(--paper);color:var(--black);padding:15px 18px;font:9px "DM Mono";letter-spacing:1px}.primary-btn span{margin-left:20px}.text-btn{font:9px "DM Mono";letter-spacing:1px;border-bottom:1px solid var(--line);padding-bottom:7px}
.primary-btn:hover{background:var(--accent)}.text-btn:hover{color:var(--accent);border-color:var(--accent)}
.hero-right{display:flex;justify-content:center;position:relative}.hero-right:before{content:"";position:absolute;width:90%;height:90%;border:1px solid #d8ad5220;border-radius:50%;transform:rotate(-18deg)}
.portrait-frame{width:min(500px,100%);padding:13px;background:#141411;border:1px solid #35332c;position:relative;transform:rotate(1.8deg);box-shadow:0 40px 100px #000}
.portrait-frame img{width:100%;display:block;aspect-ratio:1;object-fit:cover;filter:saturate(.9) contrast(1.05)}
.frame-top,.frame-bottom{position:absolute;left:25px;right:25px;display:flex;justify-content:space-between;font:8px "DM Mono";letter-spacing:1.4px;z-index:2}.frame-top{top:24px}.frame-bottom{bottom:23px;color:#aaa}.frame-top span:last-child{color:var(--accent)}
.portrait-name{position:absolute;bottom:48px;left:26px;font-size:35px;font-weight:700;line-height:.75;letter-spacing:-.07em;text-shadow:0 3px 20px #000}.portrait-name em{font-style:normal;color:var(--accent)}
.scroll-cue{position:absolute;bottom:23px;left:7vw;font:8px "DM Mono";letter-spacing:1.5px;color:#666}.scroll-cue span{color:var(--accent);margin-left:8px}
.marquee{border-block:1px solid var(--line);overflow:hidden;white-space:nowrap;padding:17px 0;color:#77736a;font:9px "DM Mono";letter-spacing:1px}.marquee div{display:inline-block;animation:mar 35s linear infinite}@keyframes mar{to{transform:translateX(-50%)}}
.section{max-width:1500px;margin:auto;padding:145px 7vw}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:58px}.section h2,.contact h2{font-size:clamp(52px,7vw,105px);line-height:.82;letter-spacing:-.08em;margin:0}.body-copy{max-width:600px}.body-copy p{font-size:15px;line-height:1.8;color:var(--muted)}.body-copy .lead{font-size:23px;line-height:1.4;color:var(--paper)}.signature{margin-top:45px;font:9px "DM Mono";letter-spacing:2px}.signature span{color:var(--accent);margin:0 8px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin:55px 0}.section-head p{max-width:420px;color:var(--muted);font-size:14px;line-height:1.7}
.client-list{border-top:1px solid var(--line)}.client-list article{display:grid;grid-template-columns:70px 1fr 45px;align-items:center;border-bottom:1px solid var(--line);padding:30px 0;transition:.3s}.client-list article:hover{padding-left:18px;background:#10100e}.client-list article>span{font:9px "DM Mono";color:var(--accent)}.client-list h3{font-size:25px;letter-spacing:-.035em;margin:0 0 8px}.client-list h3 i{font:9px "DM Mono";color:var(--accent);font-style:normal}.client-list p,.client-list small{margin:0;font:8px "DM Mono";letter-spacing:.8px;color:#77746d}.client-list small{display:block;margin-top:7px;color:#4f4d48}.client-list b{font-size:20px;color:var(--accent)}
.supported{margin-top:40px;font:8px "DM Mono";letter-spacing:1.5px;color:#77736b}.supported span{color:#aaa69d;margin-left:12px}
.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:1px solid var(--line)}.skill-grid>div{padding:32px 25px 42px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);min-height:245px}.skill-grid>div:nth-child(3n){border-right:0}.skill-grid span{font-size:18px;color:var(--accent)}.skill-grid h3{font-size:22px;line-height:.92;margin:34px 0 16px;letter-spacing:-.04em}.skill-grid p{font-size:12px;line-height:1.65;color:var(--muted);max-width:330px}
.traits{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.traits div{padding:25px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:9px}.traits div:last-child{border:0}.traits b{font:9px "DM Mono";color:var(--accent);letter-spacing:1px}.traits span{font-size:12px;line-height:1.5;color:var(--muted)}
.statement{border-block:1px solid var(--line);padding:140px 7vw;background:radial-gradient(circle at center,var(--accent-soft),transparent 58%)}.statement-inner{text-align:center;max-width:1200px;margin:auto}.quote{font-size:60px;color:var(--accent)}.statement h2{font-size:clamp(50px,8vw,115px);line-height:.8;letter-spacing:-.085em;margin:10px 0 28px}.statement p{font:9px "DM Mono";letter-spacing:1.5px;color:var(--muted)}
.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:60px}.tool-grid a{padding:25px 20px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);font:10px "DM Mono";letter-spacing:1px;display:flex;justify-content:space-between}.tool-grid a:nth-child(4n){border-right:0}.tool-grid a:hover{color:var(--accent);background:#10100e}.tool-grid span{color:var(--accent)}
.testimonial-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:60px}.testimonial-grid blockquote{margin:0;padding:40px 30px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.testimonial-grid blockquote:nth-child(2n){border-right:0}.testimonial-grid p{font-size:20px;line-height:1.45;letter-spacing:-.02em;max-width:500px}.testimonial-grid footer{border:0;padding:0;margin-top:30px;display:flex;gap:12px;color:var(--accent);font:9px "DM Mono";letter-spacing:1px}.testimonial-grid footer span{color:#66635c}
.contact{min-height:90vh;padding:145px 7vw;display:flex;flex-direction:column;justify-content:center;max-width:1500px;margin:auto}.contact-inner{margin-top:55px}.contact h2{max-width:1150px}.contact-inner>p{max-width:590px;color:var(--muted);line-height:1.7;font-size:15px;margin:38px 0}.contact-links{display:flex;flex-wrap:wrap;gap:25px}.contact-links a{font:9px "DM Mono";letter-spacing:1px;border-bottom:1px solid var(--line);padding:12px 2px}.contact-links a:hover{color:var(--accent);border-color:var(--accent)}.contact-links span{color:var(--accent);margin-left:20px}
body>footer{border-top:1px solid var(--line);padding:24px 7vw;display:flex;justify-content:space-between;color:#65625b;font:8px "DM Mono";letter-spacing:1px}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s ease,transform .9s ease}.reveal.show{opacity:1;transform:none}
@media(max-width:900px){.desktop-nav{display:none}.menu-btn{display:block}.mobile-menu{position:fixed;inset:0;background:#0b0b0a;z-index:200;padding:95px 8vw;display:flex;flex-direction:column;gap:25px;transform:translateY(-100%);transition:.45s}.mobile-menu.open{transform:none}.mobile-menu a{font-size:32px;letter-spacing:-.05em}.close-menu{position:absolute;right:8vw;top:30px;font:9px "DM Mono";letter-spacing:1px}.hero{grid-template-columns:1fr;padding-top:65px}.hero-right{order:-1}.portrait-frame{width:min(520px,88vw)}.about-grid{grid-template-columns:1fr;gap:50px}.section-head{display:block}.section-head p{margin-top:25px}.skill-grid{grid-template-columns:1fr 1fr}.skill-grid>div:nth-child(3n){border-right:1px solid var(--line)}.skill-grid>div:nth-child(2n){border-right:0}.tool-grid{grid-template-columns:1fr 1fr}.tool-grid a:nth-child(4n){border-right:1px solid var(--line)}.tool-grid a:nth-child(2n){border-right:0}.traits{grid-template-columns:1fr}.traits div{border-right:0;border-bottom:1px solid var(--line)}.scroll-cue{display:none}}
@media(max-width:600px){.cursor,.cursor-dot{display:none}.nav{height:70px}.hero{padding:55px 5vw 75px}.hero h1{font-size:63px}.hero-intro{font-size:15px}.hero-stats{gap:20px;flex-wrap:wrap}.hero-stats span{font-size:7px}.section{padding:90px 5vw}.section h2,.contact h2{font-size:57px}.client-list article{grid-template-columns:40px 1fr 25px}.client-list h3{font-size:19px}.client-list p{font-size:7px;line-height:1.6}.skill-grid,.tool-grid,.testimonial-grid{grid-template-columns:1fr}.skill-grid>div,.tool-grid a,.testimonial-grid blockquote{border-right:0!important}.testimonial-grid p{font-size:18px}.statement{padding:100px 5vw}.statement h2{font-size:57px}.contact{padding:90px 5vw;min-height:80vh}body>footer{display:block;line-height:2.2}.contact-links{gap:12px;flex-direction:column;align-items:flex-start}}