:root{--bg:#efedea;--card:#fff;--ink:#2f2f2f;--muted:#8a8580;--accent:#d9694a;--line:#e6e2dd}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:300 18px/1.7 Lato,"Helvetica Neue",Arial,sans-serif}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1120px;margin:28px auto;background:var(--card);padding:0 56px 40px}
header.top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0 26px;border-bottom:3px solid var(--line)}
.brand{display:flex;align-items:center;gap:18px;color:var(--ink)}
.brand:hover{text-decoration:none}
.brand img{width:150px;height:100px;object-fit:cover;display:block}
.brand span{font-size:30px;line-height:1.05;letter-spacing:.12em;text-transform:uppercase;font-weight:400}
nav.main ul{list-style:none;margin:0;padding:0;display:flex;gap:22px}
nav.main li{position:relative}
nav.main a{color:var(--muted);font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:400}
nav.main a:hover,nav.main a.on{color:var(--accent);text-decoration:none}
nav.main ul ul{display:none;position:absolute;right:0;top:100%;background:#fff;border:1px solid var(--line);padding:10px 0;min-width:210px;z-index:5;flex-direction:column;gap:0}
nav.main li:hover>ul,nav.main li:focus-within>ul{display:flex}
nav.main ul ul a{display:block;padding:6px 18px;letter-spacing:.08em}
main{max-width:780px;padding-top:30px;overflow-wrap:anywhere}
h1{font-weight:400;font-size:32px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 18px;line-height:1.25}
h2,h3,h4{font-weight:400;line-height:1.3;margin:1.6em 0 .5em}
h2{font-size:24px}h3{font-size:20px}
img{max-width:100%;height:auto}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin:18px 0 26px}
.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.video{position:relative;aspect-ratio:16/9;margin:18px 0 26px;background:#222}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
blockquote{margin:1.2em 0;padding:.2em 0 .2em 1.2em;border-left:3px solid var(--line);color:#555;font-style:italic}
hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.list article{padding:18px 0;border-bottom:1px solid var(--line)}
.list h2{margin:0 0 6px;font-size:22px}
.list p{margin:0;color:#555}
.meta{color:var(--muted);font-size:14px;margin:-8px 0 18px}
footer.bottom{margin-top:48px;padding-top:22px;border-top:3px solid var(--line);font-size:14px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 22px}
footer.bottom a{color:var(--muted)}
@media (max-width:860px){
 .wrap{margin:0;padding:0 20px 30px}
 header.top{flex-direction:column;align-items:flex-start;gap:14px}
 .brand img{width:96px;height:64px}
 .brand span{font-size:22px}
 nav.main ul{flex-wrap:wrap;gap:6px 16px}
 nav.main ul ul,nav.main li:hover>ul,nav.main li:focus-within>ul{display:none}
 body{font-size:17px}
 h1{font-size:25px}
}