:root{--ink:#23363a;--sage:#739b98;--gold:#ca9b52;--paper:#fff;--soft:#f6f4f0;--line:#e7e2da;--muted:#7d8a8c}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--soft);color:#2b2f30;font:17px/1.75 "Pontano Sans",Helvetica,Arial,sans-serif}
a{color:var(--sage)}a:hover{color:var(--ink)}
.top{background:var(--paper);border-bottom:1px solid var(--line);text-align:center;padding:34px 20px 0}
.logo{display:inline-block}.logo img{height:92px;width:auto;display:block;margin:0 auto}
.tag{font:13px/1 "Belleza",sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin:12px 0 22px}
nav.main{border-top:1px solid var(--line)}
nav.main a{display:inline-block;padding:14px 18px;color:var(--ink);text-decoration:none;font:15px "Belleza",sans-serif;letter-spacing:.18em;text-transform:uppercase}
nav.main a.on,nav.main a:hover{color:var(--gold)}
.wrap{max-width:1140px;margin:40px auto;padding:0 24px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px}
main{background:var(--paper);padding:44px 52px;overflow-wrap:anywhere;min-width:0}
h1,h2,h3,h4{font-family:"Belleza",sans-serif;color:var(--ink);font-weight:400;line-height:1.3}
h1{font-size:34px;margin:6px 0 10px}h2{font-size:25px;margin:1.6em 0 .5em}h3{font-size:21px}
.cats a{font:12px "Belleza",sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);text-decoration:none}
.date{color:var(--muted);font-size:14px;margin-bottom:26px}
.hero{margin:0 -52px 30px}.hero img{width:100%;display:block}
main img{max-width:100%;height:auto}
main figure{margin:1.2em 0}
blockquote{margin:1.4em 0;padding:.2em 0 .2em 1.3em;border-left:3px solid var(--gold);color:#4c5658;font-style:italic}
hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.list article{padding:0 0 28px;margin:0 0 30px;border-bottom:1px solid var(--line)}
.list h2{margin:6px 0 4px;font-size:26px}.list h2 a{color:var(--ink);text-decoration:none}
.list p{margin:8px 0 0;color:#4a5153}
.more{font:13px "Belleza",sans-serif;letter-spacing:.2em;text-transform:uppercase}
aside .box{background:var(--paper);padding:26px 26px 22px;margin-bottom:24px}
aside h3{font-size:15px;letter-spacing:.24em;text-transform:uppercase;margin:0 0 14px;color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:10px}
aside ul{list-style:none;margin:0;padding:0}aside li{padding:6px 0;border-bottom:1px dotted var(--line);font-size:15px;line-height:1.45}
aside li:last-child{border:0}aside a{text-decoration:none;color:#3b4547}aside a:hover{color:var(--gold)}
.me img{width:100%;height:auto;display:block;margin-bottom:12px}
.me p{margin:0;font-size:15px;line-height:1.6}
.about{display:grid;grid-template-columns:240px 1fr;gap:34px;align-items:start}
.about img{width:100%;height:auto}
footer.bottom{text-align:center;color:var(--muted);font-size:14px;padding:30px 20px 40px}
@media (max-width:900px){.wrap{grid-template-columns:1fr;margin:20px auto;padding:0 14px;gap:20px}main{padding:28px 22px}.hero{margin:0 -22px 24px}.about{grid-template-columns:1fr}.about img{max-width:260px}h1{font-size:28px}nav.main a{padding:12px 10px;letter-spacing:.12em}}