*{box-sizing:border-box}:root{--wine:#660000;--red:#660000;--ink:#2d2d32;--muted:#65656d;--line:#e5e2e2;--soft:#f7f5f4}
html,body{margin:0;background:var(--wine);font-family:Arial,Helvetica,sans-serif;color:var(--ink)}
.hero{height:clamp(150px,18vw,260px);overflow:hidden;background:#111}.hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.project-band{height:24px;background:var(--red)}
.topnav{height:58px;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:center;gap:30px}
.topnav a{font-size:13px;color:#55515a;text-decoration:none;text-transform:uppercase;letter-spacing:.04em}.topnav a.active{color:var(--red);font-weight:700}
.mobile-nav{display:none}
.page{max-width:1060px;margin:auto;background:#fff;padding:58px 70px 70px}
.intro{padding-bottom:42px;border-bottom:2px solid var(--red)}
.eyebrow{margin:0 0 12px;color:var(--red);font-size:12px;font-weight:800;letter-spacing:.18em}
h1,h2,p{margin-top:0}h1{font-size:clamp(2.8rem,5vw,4.3rem);line-height:1;color:var(--red);letter-spacing:-.04em;margin-bottom:15px}
.lead{max-width:720px;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.45;color:var(--muted);margin:0}
.person{display:grid;grid-template-columns:1fr 1fr;min-height:440px;border-bottom:1px solid var(--line)}
.person.reverse .portrait{order:2}.person.reverse .bio{order:1}
.portrait{background:var(--soft);overflow:hidden}.portrait img{display:block;width:100%;height:100%;min-height:440px;object-fit:cover;object-position:center}
.bio{padding:60px 48px;display:flex;flex-direction:column;justify-content:center}
.bio h2{font-size:clamp(2rem,3.6vw,3rem);line-height:1.05;letter-spacing:-.035em;margin-bottom:24px}
.bio>p:not(.eyebrow){font-size:1rem;line-height:1.75;color:#56545a;margin-bottom:30px}
.more{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #cfcaca;padding-top:16px;color:var(--wine);text-decoration:none;font-weight:700;font-size:.93rem}.more span{font-size:1.25rem}
.project-links{display:grid;grid-template-columns:repeat(4,1fr);margin-top:52px;background:var(--wine)}
.project-links a{min-height:120px;padding:24px 20px;color:#fff;text-decoration:none;border-right:1px solid #8b4545;position:relative}.project-links a:last-child{border:0}
.project-links small{display:block;color:#e6caca;font-size:9px;letter-spacing:.15em;margin-bottom:12px}.project-links strong{font-size:1rem}.project-links a>span{position:absolute;right:16px;bottom:18px;font-size:1.4rem}
footer{max-width:1060px;margin:auto;padding:25px 30px 34px;color:#eee;font-size:12px;display:flex;justify-content:space-between}footer a{color:#fff;text-decoration:none}
@media(max-width:720px){
.hero{height:108px}.project-band{height:9px}.desktop-nav{display:none}
.mobile-nav{height:44px;background:#fff;display:grid;grid-template-columns:1fr 1.45fr 1fr .8fr;border-bottom:1px solid #ddd;position:relative;z-index:10}
.mobile-nav>a,.mobile-nav summary{display:flex;align-items:center;justify-content:center;color:#555;text-decoration:none;text-transform:uppercase;font-size:10px;border-right:1px solid #eee;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-nav details{position:relative}.mobile-nav summary{height:44px}.mobile-menu{position:absolute;right:6px;top:46px;width:155px;background:#fff;border:1px solid #ddd;box-shadow:0 8px 20px #0002}.mobile-menu a{display:block;padding:12px 14px;color:#555;text-decoration:none;text-transform:uppercase;font-size:11px;border-bottom:1px solid #eee}
.page{padding:30px 14px 48px}.intro{padding-bottom:28px}h1{font-size:2.4rem}.lead{font-size:1rem}
.person,.person.reverse{grid-template-columns:1fr;min-height:0;padding:32px 0}.person .portrait,.person.reverse .portrait{order:1}.person .bio,.person.reverse .bio{order:2}
.portrait img{min-height:0;height:auto;max-height:none;object-fit:contain}.bio{padding:25px 5px 5px}.bio h2{font-size:2rem;margin-bottom:18px}.bio>p:not(.eyebrow){font-size:.94rem;line-height:1.65;margin-bottom:24px}
.project-links{grid-template-columns:1fr 1fr;margin-top:36px}.project-links a{min-height:95px;padding:18px 15px}.project-links a:nth-child(2){border-right:0}.project-links a:nth-child(-n+2){border-bottom:1px solid #8b4545}
footer{padding:22px 16px 30px}
}