@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--bg:#0d0c10;--panel:#131117;--text:#ede9e3;--muted:#aaa4b0;--accent:#c3a5ea;--line:#302a38;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 var(--sans)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;padding-block:30px;border-bottom:1px solid var(--line)}.wordmark{font-weight:600;font-size:25px;letter-spacing:-1.5px}.wordmark span{color:var(--accent)}.wordmark .mark{font-size:20px;margin-left:20px}.header nav{display:flex;gap:32px;font-size:14px}.header nav a{color:var(--muted)}.header nav a:hover,footer a:hover{color:var(--accent)}.eyebrow,.section-label,.hero-note,.coming{font-size:12px;font-weight:500;letter-spacing:2px}.eyebrow{color:var(--accent)}.eyebrow span{margin:0 12px;color:var(--muted)}.hero{padding-top:104px;position:relative}.hero:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 85% 35%,#472f5d26,transparent 55%)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1{font:400 clamp(62px,7.8vw,112px)/1.02 var(--serif);letter-spacing:-2.8px;margin-top:28px}em{font-weight:400;color:var(--accent)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:36px;gap:48px}.hero-bottom p{max-width:440px;color:var(--muted);font-size:18px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 25px;border:1px solid var(--accent);color:var(--text);font-size:14px;white-space:nowrap;transition:background .2s,color .2s}.button:hover{background:var(--accent);color:var(--bg)}.hero-note{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-block:20px;margin-top:70px;color:var(--muted);letter-spacing:1.3px}.section{border-top:1px solid var(--line);padding-block:80px}.section-label{color:var(--muted);margin-bottom:38px}.index{color:var(--accent);margin-right:18px}.about{display:grid;grid-template-columns:1fr 2fr;gap:60px}.about-content{max-width:710px}h2{font:400 clamp(36px,4.5vw,62px)/1.1 var(--serif);letter-spacing:-.8px}.about-content p{color:var(--muted);max-width:590px;margin-top:24px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:44px}.section-heading p{color:var(--muted);text-align:right}.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.expertise-grid article{padding:32px;display:flex;flex-direction:column;align-items:start}.expertise-grid article+article{border-left:1px solid var(--line)}.card-number{font:italic 28px var(--serif);color:var(--accent)}h3{font:36px var(--serif);margin-top:26px}.expertise-grid p{margin-top:18px;color:var(--muted)}.tags{display:flex;gap:8px;flex-wrap:wrap;padding:28px 0 0;margin: auto 0 0;list-style:none}.tags li{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:3px 9px}.work-panel{display:flex;align-items:center;gap:42px;padding:44px;background:var(--panel);border:1px solid var(--line)}.work-symbol{color:var(--accent);font-size:80px;line-height:1}.work-panel h2{font-size:46px;margin-block:12px 18px}.work-panel p{color:var(--muted)}.coming{margin-left:auto;color:var(--accent);font-size:12px;white-space:nowrap}.contact{text-align:center;padding-block:88px 100px}.contact .section-label{margin-bottom:28px}.contact p{color:var(--muted);margin-block:24px 30px}.contact .button{background:var(--accent);color:var(--bg)}.contact .button:hover{background:#dfc7ff}footer{border-top:1px solid var(--line);padding-block:28px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:12px}footer .wordmark{color:var(--text);font-size:21px}.skip{position:fixed;left:16px;top:-100px;background:var(--accent);color:var(--bg);padding:10px;z-index:5}.skip:focus{top:16px}.project-list:empty{display:none}.project-list{display:grid;gap:18px;margin-top:24px}.project{padding:28px;border:1px solid var(--line)}.project p{color:var(--muted);margin-block:12px}.project a{color:var(--accent);text-decoration:underline}
.work-panel[hidden]{display:none}.social-links a:hover{color:var(--accent)}
@media(min-width:1500px){.hero{padding-top:130px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{padding-block:24px}.header nav{gap:18px}.wordmark .mark{display:none}.hero{padding-top:64px}h1{font-size:clamp(48px,9.5vw,76px);letter-spacing:-1px}.hero-bottom{align-items:start;flex-direction:column;gap:24px}.hero-note{margin-top:44px;font-size:10px;gap:20px}.hero-note span:last-child{display:none}.section{padding-block:54px}.about{grid-template-columns:1fr;gap:0}.section-heading{align-items:start;flex-direction:column}.section-heading p{text-align:left}.expertise-grid{grid-template-columns:1fr}.expertise-grid article+article{border-left:0;border-top:1px solid var(--line)}.expertise-grid article{padding:26px}.tags{margin-top:24px;padding-top:0}.work-panel{align-items:start;padding:28px;gap:24px;flex-wrap:wrap}.work-symbol{font-size:44px}.work-panel>div:nth-child(2){flex:1;min-width:200px}.work-panel h2{font-size:38px}.coming{margin-left:0}.contact{padding-block:68px}.header nav a{font-size:13px}footer{flex-wrap:wrap}footer p{order:3;flex-basis:100%}}
@media(max-width:400px){.header nav{gap:11px}.wordmark{font-size:21px}.eyebrow{font-size:10px;letter-spacing:1px}.eyebrow span{margin-inline:6px}.work-symbol{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero .eyebrow{max-width:650px}.hero-bottom p{max-width:580px}.role{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:36px 0;border-top:1px solid var(--line)}.role h3{margin:0;font-size:40px}.role h4{font-size:18px;font-weight:500;margin:0 0 18px}.role p,.role li,.stack p{color:var(--muted)}.role-date{font-size:14px;margin-top:12px!important}.role ul{padding-left:20px;margin:18px 0 0}.role li+li{margin-top:10px}.stack{border-top:1px solid var(--line);padding-top:28px}.stack p{margin-top:14px}.header nav{flex-wrap:wrap}.hero-note{flex-wrap:wrap}@media(max-width:800px){.role{grid-template-columns:1fr;gap:24px}.header{gap:18px}.header nav{gap:12px}.header nav a{font-size:12px}.hero .eyebrow{line-height:1.8}.hero-bottom p{font-size:17px}}
/* Black brass */
:root{--bg:#11120f;--panel:#171813;--text:#edeadd;--muted:#afafa0;--accent:#c7ad72;--line:#393b2f}
.hero{padding-top:66px;padding-bottom:64px}.hero:before{display:none}.hero h1{font-size:clamp(58px,10.5vw,150px);line-height:1.1;letter-spacing:-3px;margin-top:24px;padding-bottom:38px;border-bottom:1px solid var(--line)}.hero h1 span{color:var(--accent)}.hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:42px}.hero-intro h2{font-size:clamp(36px,4vw,52px)}.hero-intro p{color:var(--muted);margin-top:24px;max-width:490px}.hero-intro .button{margin-top:28px;background:var(--accent);color:var(--bg)}.hero-intro .button:hover,.contact .button:hover{background:#dfc996}.hero-experience>a{display:block;padding:0 0 23px;margin-bottom:23px;border-bottom:1px solid var(--line)}.hero-experience>a:last-child{margin-bottom:0}.hero-experience h3{font-size:30px;margin-top:10px}.hero-experience p{color:var(--muted);margin-top:10px;font-size:14px}.hero-experience>a:hover h3{color:var(--accent)}.wordmark .mark{display:none}.expertise-grid{border:0;gap:30px}.expertise-grid article{padding:26px 0;border-top:1px solid var(--line)}.expertise-grid article+article{border-left:0}.work-panel{background:transparent;padding:32px 0;border-inline:0}.work-symbol{display:none}.contact{text-align:left}.contact p{max-width:620px}.section{padding-block:68px}.about{gap:90px}.role{gap:90px}
@media(max-width:800px){.hero{padding-top:46px;padding-bottom:48px}.hero h1{font-size:clamp(50px,11.5vw,88px);letter-spacing:-2px;padding-bottom:28px}.hero-layout{grid-template-columns:1fr;gap:40px;margin-top:30px}.hero-experience{padding-top:28px;border-top:1px solid var(--line)}.hero-intro h2{font-size:38px}.expertise-grid{gap:0}.about{gap:0}.role{gap:24px}.section{padding-block:48px}}