@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#0a0a09;--surface:#11110f;--text:#f2eee5;--muted:#aaa8a1;--line:#292824;--accent:#fa9b3e;font-family:Inter,Arial,sans-serif}body{background:var(--bg)}body::before{height:900px;background:radial-gradient(ellipse 50% 45% at 75% 57%,rgba(240,107,36,.065),transparent 80%)}.page-shell{max-width:1580px;padding:0 6vw}.site-header{height:88px;border-color:#24231f}.wordmark{font-family:Inter,Arial,sans-serif;letter-spacing:-.06em;font-size:20px;font-weight:800}.wordmark-dot{background:var(--accent);box-shadow:none;width:9px;height:9px;border:2px solid var(--accent);border-radius:50%;margin-right:10px}.wordmark-period{color:var(--accent)}nav{gap:30px}nav a,.eyebrow,.section-number,.project-kicker,.site-footer,.music-source{font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.13em}nav a{font-size:10px;font-weight:500;color:#aea9a0}nav a:hover{color:var(--accent)}.hero{min-height:690px;display:block;padding:100px 0 90px;position:relative;overflow:hidden}.hero::after{content:"";position:absolute;inset:100px -6vw 30px 35%;background-image:radial-gradient(#bd6c37 1px,transparent 1px);background-size:16px 16px;opacity:.16;mask-image:radial-gradient(ellipse at center,#000 3%,transparent 67%);pointer-events:none;transform:perspective(450px) rotateX(30deg) rotateZ(-7deg)}.hero-copy{max-width:1140px}.eyebrow{font-size:10px;color:#b5aaa0;letter-spacing:.17em;margin-bottom:23px}.eyebrow-line{width:7px;height:7px;border-radius:50%;background:var(--accent)}h1{font-family:Inter,Arial,sans-serif;font-weight:900;font-size:clamp(140px,27vw,340px);line-height:.74;letter-spacing:-.105em;margin:45px 0 60px;color:#f2eee5}h1>span{display:inline;color:var(--accent);background:linear-gradient(120deg,#fab549,#f36a43);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}h1 .accent{font-size:.72em}.hero-description{font-size:20px;line-height:1.55;max-width:610px;font-weight:500;color:#d7d4ce;margin-bottom:33px}.hero-actions{gap:12px}.button,.text-link{font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.button{border-radius:999px;padding:19px 26px;background:#f2eee5;color:#17130f;gap:28px}.button-primary{background:#f2eee5;color:#17130f}.button-primary:hover{background:#fff}.text-link{padding:18px 23px;border:1px solid #393731;border-radius:999px;color:#f2eee5}.text-link:hover{border-color:var(--accent)}.hero-art{display:none}.section-divider{background:#292824}.content-section{grid-template-columns:29% 1fr;padding:110px 0}.section-number{color:var(--accent);font-size:11px}.section-heading{display:block}.section-heading h2{font-family:Inter,Arial,sans-serif;font-size:clamp(30px,3vw,48px);font-weight:800;letter-spacing:-.065em;margin:18px 0}.section-body .lead{font-family:Inter,Arial,sans-serif;font-size:clamp(22px,2.4vw,33px);font-weight:600;letter-spacing:-.045em}.section-body p{color:#aaa8a1}.project-card{background:#141310;border:1px solid #37312a;min-height:230px;padding:36px;border-radius:2px}.project-card:hover{border-color:var(--accent)}.project-card h3{font-family:Inter,Arial,sans-serif;font-size:40px;letter-spacing:-.065em}.project-kicker{color:var(--accent)}.project-domain{font-family:'DM Mono',monospace;color:#8d8980}.skill-group{border-color:#6e462c}.skill-group h3{font-family:'DM Mono',monospace;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.tags span{background:#191714;border-color:#37312a;border-radius:2px;color:#c9c5bc;font-family:'DM Mono',monospace}.music iframe{border:1px solid #37312a;border-radius:10px;margin-top:15px}.music-source{display:inline-block;margin-top:18px;color:var(--accent);font-size:10px}.site-footer a:hover{color:var(--accent)}@media(max-width:900px){.hero{min-height:600px}h1{font-size:clamp(115px,26vw,230px)}}@media(max-width:650px){.page-shell{padding:0 23px}.site-header{height:76px;align-items:flex-start;padding-top:21px;gap:18px}.wordmark{font-size:17px}nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 13px;max-width:330px}nav a{font-size:8px}.hero{padding:75px 0 80px;min-height:500px}.hero::after{inset:90px -100px 10px 0;opacity:.11}h1{font-size:clamp(92px,24vw,150px);margin:53px 0 50px}.eyebrow{font-size:8px}.hero-description{font-size:17px}.hero-actions{flex-direction:row;flex-wrap:wrap;gap:10px}.button,.text-link{font-size:9px;padding:14px 16px}.content-section{padding:70px 0}.section-heading h2{font-size:31px}.project-card{min-height:190px}.project-card h3{font-size:29px}.music iframe{height:352px}}