*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Georgia,'Times New Roman',serif;color:#26241f;background:#faf8f4;line-height:1.65}
a{color:inherit}
nav{display:flex;justify-content:space-between;align-items:center;padding:28px 5vw}
.nav-logo{font-size:19px;letter-spacing:.14em;text-transform:uppercase}
.nav-links{display:flex;gap:26px}
.nav-links a{font-size:13px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:#6f6a5e}
.nav-links a:hover{color:#26241f}
.hero{padding:9vh 5vw 6vh;max-width:860px}
.hero h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:normal;line-height:1.12;letter-spacing:-.01em}
.hero p{margin-top:18px;font-size:1.1rem;color:#6f6a5e;max-width:540px}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:26px;padding:0 5vw 60px}
.work img{width:100%;display:block;background:#eee}
.work figcaption{margin-top:10px;font-size:.92rem;color:#6f6a5e}
.work .work-title{color:#26241f;font-style:italic}
.statement{background:#26241f;color:#e9e5dc;padding:80px 5vw}
.statement .inner{max-width:640px;margin:0 auto}
.statement h2{font-weight:normal;font-size:1.6rem;margin-bottom:18px}
.statement p{color:#bdb7a9;line-height:1.85}
.contact{padding:80px 5vw;text-align:center}
.contact h2{font-weight:normal;font-size:1.6rem;margin-bottom:12px}
.contact p{color:#6f6a5e}
footer{border-top:1px solid #e5e0d4;padding:26px 5vw;font-size:12.5px;color:#9a937f;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.page-wrap{max-width:680px;margin:7vh auto 12vh;padding:0 24px}
.page-wrap h1{font-weight:normal;font-size:2rem;margin-bottom:8px}
.page-sub{color:#6f6a5e;margin-bottom:42px}
.post-card{border-bottom:1px solid #e5e0d4;padding:24px 0}
.post-card a{text-decoration:none;display:block}
.post-card h3{font-weight:normal;font-size:1.3rem}
.post-card h3:hover{color:#8c7a52}
.post-date{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#9a937f;margin-top:4px;font-family:-apple-system,sans-serif}
.post-body{line-height:1.85;font-size:1.05rem}
.post-body p{margin-bottom:1.2em}
.post-header{margin-bottom:36px}
.post-header h1{font-weight:normal;font-size:1.9rem;line-height:1.25}
.post-hero{width:100%;margin-bottom:26px;display:block}
.back-link{font-size:13px;color:#8c7a52;text-decoration:none;display:inline-block;margin-bottom:30px;font-family:-apple-system,sans-serif}
.cv-section{margin-bottom:34px}
.cv-section h2{font-weight:normal;font-size:1.15rem;letter-spacing:.06em;text-transform:uppercase;color:#8c7a52;margin-bottom:12px}
.cv-list{list-style:none}
.cv-list li{padding:9px 0;border-bottom:1px solid #eee8da;font-size:.98rem}
.cv-list .yr{color:#9a937f;margin-right:14px;font-family:-apple-system,sans-serif;font-size:.85rem}
.doc-list{list-style:none}
.doc-list li{border-bottom:1px solid #e5e0d4}
.doc-list a{display:flex;gap:12px;padding:16px 4px;text-decoration:none;align-items:center}
.doc-meta{margin-left:auto;font-size:12px;color:#9a937f;font-family:-apple-system,sans-serif}
.login-card{max-width:420px;margin:12vh auto;background:#fff;padding:40px;border:1px solid #e5e0d4;text-align:center}
.login-card h1{font-size:1.4rem;font-weight:normal;margin-bottom:12px}
.login-card p{color:#6f6a5e;font-size:.95rem;margin-bottom:20px}
.login-card input{width:100%;padding:10px;border:1px solid #ccc;font-size:14px;margin-bottom:12px}
.login-card button{background:#26241f;color:#fff;border:0;padding:11px 24px;font-size:14px;cursor:pointer}
.accent{color:#8c7a52;font-style:italic}
.quiet{color:#9a937f;font-size:.92em}
@media(max-width:700px){.nav-links{gap:14px}}