:root{--paper:#fff;--ink:#202020;--quiet:#555;--line:#d5d5d5;--green:#a22f16;--orange:#f85932}
body{font-family:Arial,Helvetica,sans-serif}
.wrap{max-width:1320px;padding:0 64px}
header{border-bottom:2px solid var(--ink);padding:26px 0}
.name{font-size:1.4rem;font-weight:700;letter-spacing:-.7px}
nav a{font-size:.9375rem}
.hero{display:grid;grid-template-columns:1.7fr 1fr;gap:24px 60px;max-width:none;padding:52px 0 76px;align-items:end}
.hero-label{grid-column:1/-1;text-transform:uppercase;font-size:.8125rem;letter-spacing:1.5px;color:var(--quiet);margin:0 0 12px}
h1{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(3.5rem,6.7vw,6.5rem);line-height:.99;letter-spacing:-.065em;margin:0}
h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green);letter-spacing:-.055em}
.hero-note{padding-bottom:5px}
.lead{font-size:1.1875rem;line-height:1.5;margin-bottom:28px}
.method{font-size:1.0625rem;line-height:1.5;color:var(--ink);border-left:4px solid var(--orange);padding-left:18px}
.work-link{display:inline-block;font-size:.9375rem;margin-top:26px;font-weight:600}
.section{padding:64px 0}
.label{font-size:.8125rem;color:var(--quiet);letter-spacing:1.5px}
h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.12;letter-spacing:-1.2px}
.split{grid-template-columns:1fr 1.45fr;gap:90px}
#about p{max-width:650px}
#work{border-top:2px solid var(--ink)}
#work h2{margin-bottom:42px}
.work-list{gap:0;border-top:1px solid var(--line)}
.work-list article{padding:28px 26px 0 0}
.work-list article+article{border-left:1px solid var(--line);padding-left:26px}
.work-list .number{font-family:Georgia,serif;font-size:3rem;line-height:1;color:var(--green);margin-bottom:32px}
h3{font-family:Georgia,serif;font-size:1.625rem;font-weight:400;line-height:1.2;letter-spacing:-.4px}
.work-list p{font-size:1rem}
#ideas{display:grid;grid-template-columns:1fr 1.45fr;column-gap:90px}
#ideas .label{grid-column:1;grid-row:1}
#ideas h2{grid-column:1;grid-row:2/5}
#ideas details{grid-column:2;padding:24px 0}
#ideas details:first-of-type{grid-row:1/3}
summary{font-family:Georgia,serif;font-size:1.5rem;line-height:1.25}
aside.section{background:var(--ink);color:#fff;border:0;margin:16px -32px 0;padding:54px 48px}
.quote{padding:0;max-width:970px;font-size:clamp(2.1rem,4.5vw,4rem);letter-spacing:-1.2px;line-height:1.15}
.quote small{color:#d3d3d3;letter-spacing:0;font-size:1rem;margin-top:28px}
#contact{border-top:0;padding:72px 0}
#contact a{display:inline-block;background:var(--ink);color:#fff;padding:12px 22px;text-decoration:none;font-size:1rem}
#contact a:hover{background:var(--green)}
footer{display:flex;align-items:center;border-top:2px solid var(--ink);padding:22px 0 30px;font-size:.9375rem}
@media(max-width:1000px){.wrap{padding:0 36px}.hero{grid-template-columns:1.5fr 1fr;gap:30px}h1{font-size:clamp(3.2rem,7vw,5.5rem)}.split,#ideas{gap:36px}aside.section{margin-left:0;margin-right:0;padding:38px}}
@media(max-width:700px){.wrap{padding:0 24px}.hero{grid-template-columns:1fr;padding:36px 0 48px;gap:28px}.hero-label{font-size:.75rem;letter-spacing:1px}h1{font-size:clamp(2.8rem,11vw,4.75rem);line-height:1.04}.hero-note{max-width:500px}.lead{font-size:1.125rem}.method{font-size:1rem}.section{padding:38px 0}.split,#ideas{display:block}.split>div+div{margin-top:28px}.work-list{display:block}.work-list article{padding:26px 0}.work-list article+article{padding:26px 0;border-left:0;border-top:1px solid var(--line)}.work-list .number{font-size:2.5rem;margin-bottom:16px}.work-list h3{max-width:300px}#ideas h2{margin-bottom:24px}summary{font-size:1.25rem}aside.section{padding:30px 24px}.quote{letter-spacing:-.5px;font-size:2rem}#contact{padding:42px 0}}