:root{--ink:#111318;--paper:#f3f0e9;--blue:#315cff;--line:rgba(17,19,24,.18);--muted:#66686d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}
.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.6rem 3vw;color:#fff}.wordmark{font-size:1.1rem;font-weight:900;letter-spacing:-.04em}.wordmark span{color:var(--blue)}nav{display:flex;gap:clamp(1.2rem,3vw,3.5rem);font-size:.86rem}nav a{opacity:.72;transition:opacity .2s}nav a:hover{opacity:1}
.hero{position:relative;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:8rem 3vw 3vw;background:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),var(--ink);background-size:7.5vw 7.5vw;color:#fff}.hero-kicker{display:flex;align-items:center;gap:.65rem;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700}.status-dot{width:.55rem;height:.55rem;background:var(--blue);border-radius:50%;box-shadow:0 0 0 5px rgba(49,92,255,.18)}.hero h1{position:relative;z-index:2;margin:0;max-width:90%;font-size:clamp(5.2rem,14vw,13rem);line-height:.75;letter-spacing:-.085em;font-weight:800}.hero h1 span{margin-left:13vw;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.92)}.hero-bottom{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;margin-top:clamp(3rem,7vh,7rem);padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.25)}.hero-bottom p{max-width:38rem;margin:0;font-size:clamp(1.15rem,2vw,1.75rem);line-height:1.35;letter-spacing:-.025em}.round-link{display:grid;place-items:center;width:4.8rem;height:4.8rem;border-radius:50%;background:var(--blue);font-size:2rem;transition:transform .25s}.round-link:hover{transform:rotate(-8deg) scale(1.06)}.hero-mark{position:absolute;right:-2vw;top:7vh;font-size:clamp(18rem,40vw,38rem);line-height:1;font-weight:900;letter-spacing:-.16em;color:rgba(255,255,255,.025)}
.section{padding:clamp(5rem,11vw,10rem) 3vw}.section-label{margin:0;text-transform:uppercase;font-size:.72rem;font-weight:800;letter-spacing:.17em}.profile{display:grid;grid-template-columns:1fr 4fr;gap:2rem;border-bottom:1px solid var(--line)}.profile-copy{display:grid;grid-template-columns:1.6fr 1fr;gap:7vw}.profile h2{margin:0;font-size:clamp(2.5rem,5vw,5.7rem);line-height:.98;letter-spacing:-.06em}.profile-note{align-self:end}.profile-note p{margin:0 0 3rem;color:var(--muted);font-size:1.08rem;line-height:1.65}.profile-note span{font-size:.86rem;font-weight:700}
.projects{background:#e8e5de}.projects-heading{display:flex;justify-content:space-between;margin-bottom:5rem}.projects-index{margin:0;color:var(--muted);font-size:.78rem}.practice{display:grid;grid-template-columns:.5fr 2fr 2fr auto;align-items:center;gap:2rem;padding:2.2rem 0;border-top:1px solid var(--line);transition:padding .25s,color .25s}.practice:last-child{border-bottom:1px solid var(--line)}.practice:hover{padding-left:1rem;color:var(--blue)}.practice>span{font-size:.72rem;font-weight:800}.practice h3{margin:0;font-size:clamp(1.35rem,2.4vw,2.3rem);letter-spacing:-.045em}.practice p{max-width:33rem;margin:0;color:var(--muted);line-height:1.55}.practice b{font-size:1.5rem}
.contact{background:var(--blue);color:#fff}.contact-body{display:flex;align-items:flex-end;justify-content:space-between;margin-top:5rem}.contact h2{margin:0;font-size:clamp(4rem,10vw,10rem);line-height:.82;letter-spacing:-.075em}.contact a{display:flex;align-items:center;justify-content:space-between;gap:2.5rem;min-width:18rem;padding:1.35rem 0;border-top:1px solid rgba(255,255,255,.65);border-bottom:1px solid rgba(255,255,255,.65);font-weight:700}.contact a span:last-child{transition:transform .2s}.contact a:hover span:last-child{transform:translate(4px,-4px)}
footer{display:flex;align-items:center;justify-content:space-between;padding:2rem 3vw;background:var(--ink);color:#fff}footer p{margin:0;color:rgba(255,255,255,.55);font-size:.75rem}
@media(max-width:780px){.site-header{padding:1.25rem 1.2rem}nav{gap:1rem}nav a:first-child{display:none}.hero{padding:7rem 1.2rem 1.5rem;background-size:20vw 20vw}.hero h1{max-width:100%;font-size:clamp(4.4rem,24vw,7.5rem);line-height:.8}.hero h1 span{margin-left:0}.hero-bottom{align-items:center}.hero-bottom p{max-width:75%;font-size:1.05rem}.round-link{width:3.8rem;height:3.8rem}.section{padding:5rem 1.2rem}.profile{grid-template-columns:1fr}.profile-copy{grid-template-columns:1fr;gap:3rem}.profile-note p{margin-bottom:2rem}.projects-heading{margin-bottom:3rem}.practice{grid-template-columns:2.5rem 1fr auto;gap:.8rem}.practice p{grid-column:2/4}.contact-body{align-items:flex-start;flex-direction:column;gap:4rem;margin-top:3rem}.contact a{width:100%;min-width:0}footer{gap:1rem;flex-wrap:wrap}footer p:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
