@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600&family=Playfair+Display:ital,wght@1,500&display=swap');

:root{--bg:#0a0a0a;--surface:#111;--text:#f0eee8;--muted:#94938e;--line:#2a2a27;--accent:#b8ff5a;--pad:clamp(1.25rem,4vw,4rem)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.skip-link{position:fixed;top:-4rem;left:1rem;background:var(--accent);color:#080808;padding:.75rem 1rem;z-index:100}.skip-link:focus{top:1rem}
.noise{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.site-header{height:88px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20}
.monogram{font:600 1.15rem/1 DM Mono,monospace;letter-spacing:-.08em}.dot{color:var(--accent)}
nav{display:flex;gap:clamp(1.2rem,4vw,3.5rem);font:400 .72rem/1 DM Mono,monospace;text-transform:uppercase;letter-spacing:.12em}nav a{transition:color .2s}nav a:hover,nav a:focus-visible{color:var(--accent)}
.hero{min-height:calc(100vh - 88px);padding:clamp(4rem,10vh,8rem) var(--pad) 3rem;position:relative;display:flex;flex-direction:column;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:80px 80px;opacity:.15;mask-image:linear-gradient(to bottom,transparent,#000 30%,transparent)}
.eyebrow,.section-number,.project-meta{font:400 .68rem/1.3 DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);position:relative}
.status-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:.7rem;box-shadow:0 0 0 5px #b8ff5a18;animation:pulse 2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 10px transparent}}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.8rem,10.2vw,9.4rem);line-height:.85;letter-spacing:-.075em;font-weight:500;margin:clamp(2rem,6vh,5rem) 0;position:relative}em{font-family:"Playfair Display",Georgia,serif;font-weight:500;color:var(--accent)}
.hero-bottom{margin-top:auto;display:grid;grid-template-columns:minmax(240px,570px) 1fr;gap:2rem;align-items:end;position:relative}.hero-bottom>p{font-size:clamp(1rem,1.7vw,1.35rem);color:#c7c5bf;max-width:55ch;margin:0}
.circle-link{margin-left:auto;width:92px;height:92px;border:1px solid #555;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font:400 .65rem/1.5 DM Mono,monospace;text-transform:uppercase;transition:.3s}.circle-link:hover{background:var(--accent);border-color:var(--accent);color:#080808;transform:rotate(-6deg)}
.signal{position:absolute;right:-1rem;top:22%;display:flex;gap:8px;align-items:center;opacity:.45;transform:rotate(-90deg)}.signal span{width:2px;height:clamp(30px,7vw,100px);background:linear-gradient(var(--accent),transparent);transform-origin:center;animation:wave 1.8s ease-in-out infinite}.signal span:nth-child(2n){animation-delay:-.4s;height:60px}.signal span:nth-child(3n){animation-delay:-.9s;height:130px}@keyframes wave{50%{transform:scaleY(.35);opacity:.4}}
.section{padding:clamp(6rem,12vw,11rem) var(--pad)}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:clamp(4rem,8vw,8rem)}.section-heading h2,.contact h2{font-size:clamp(2.8rem,6.3vw,6rem);line-height:.95;letter-spacing:-.055em;font-weight:500;margin:0}
.work{background:#e7e4dc;color:#111}.work .section-number,.work .project-meta{color:#66645f}.work em{color:#396900}
.project-list{border-top:1px solid #aaa79f}.project{display:grid;grid-template-columns:1fr 2fr;gap:2rem;position:relative;padding:3rem 0;border-bottom:1px solid #aaa79f;transition:padding .25s}.project:hover{padding-left:1rem}.project-copy h3{font-size:clamp(2rem,4vw,4rem);line-height:.95;letter-spacing:-.05em;font-weight:500;margin:1rem 0 1.5rem}.project-copy>p{color:#5f5d58;max-width:55ch;font-size:1rem}.project-kicker{font:500 .65rem DM Mono,monospace!important;color:#396900!important;text-transform:uppercase;letter-spacing:.12em}.project-link{position:absolute;right:0;bottom:3rem;font:500 .68rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #111;padding-bottom:.3rem}.project-link:hover{color:#396900}.featured{padding-top:4rem;padding-bottom:5rem}.results{list-style:none;padding:2rem 0 0;margin:2rem 0 0;border-top:1px solid #b9b6ae;display:flex;gap:clamp(1.5rem,5vw,4rem)}.results li{display:flex;gap:.7rem;align-items:start}.results strong{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:500;letter-spacing:-.05em}.results span{font:400 .6rem/1.5 DM Mono,monospace;text-transform:uppercase;color:#77746e}.all-work{display:inline-block;margin-top:3rem;font:500 .72rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid;padding-bottom:.5rem}
.about-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(3rem,9vw,9rem);align-items:start}.portrait-wrap{position:relative}.portrait-wrap img{width:100%;height:auto;display:block;filter:grayscale(1) contrast(1.08);aspect-ratio:1;object-fit:cover}.portrait-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 60%,#b8ff5a33);mix-blend-mode:screen}.image-label{position:absolute;bottom:0;left:0;background:var(--accent);color:#080808;padding:.5rem .75rem;font:500 .6rem DM Mono,monospace;letter-spacing:.1em;z-index:2}.about-copy{padding-top:2rem}.about-copy .lead{font-size:clamp(1.4rem,2.6vw,2.2rem);line-height:1.35;color:var(--text);letter-spacing:-.025em}.about-copy>p:not(.lead){color:var(--muted);max-width:60ch}.capabilities{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:3rem}.capabilities span{border:1px solid #3c3c39;border-radius:2rem;padding:.6rem .85rem;font:400 .62rem DM Mono,monospace;text-transform:uppercase;color:#bbb9b3}
.contact{background:var(--accent);color:#090909}.contact .section-number{color:#405e1a;margin-bottom:4rem}.contact h2 em{color:#090909}.contact-row{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #6a9538;margin-top:5rem;padding-top:2rem}.contact-row p{margin:0;color:#354b19}.contact-row a{font:500 .72rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid;padding-bottom:.4rem}
footer{padding:2rem var(--pad);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font:400 .6rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.footer-dot{color:var(--accent)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.signal span,.status-dot{animation:none}}
@media (max-width:760px){.site-header{height:72px}nav{gap:1rem}nav a:nth-child(2){display:none}.hero{min-height:calc(100svh - 72px);padding-top:4rem}h1{margin:2.5rem 0}.hero-bottom{grid-template-columns:1fr}.circle-link{width:72px;height:72px}.signal{display:none}.section-heading,.project,.about-grid{grid-template-columns:1fr}.section-heading{gap:1.5rem}.project{gap:1rem;padding:2.5rem 0 5rem}.project:hover{padding-left:0}.project-link{left:0;right:auto;bottom:2.5rem}.results{gap:1rem;justify-content:space-between}.results li{display:block}.results span{display:block;margin-top:.4rem}.contact-row{display:block}.contact-row a{display:inline-block;margin-top:2rem}footer{gap:1rem;flex-wrap:wrap}footer .monogram{width:100%}}