:root{--bg:#1f1712;--ink:#f5eadc;--accent:#d18a3d;--soft:#3a2b22}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
.skip{position:absolute;top:-60px;left:12px;background:var(--ink);color:var(--bg);padding:8px 12px;z-index:20}.skip:focus{top:12px}
h1,h2{font-family:Georgia,serif;letter-spacing:-.045em;line-height:1;margin:0}
p{font-size:17px;color:color-mix(in srgb,var(--ink) 66%,white)}
.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:900;margin:0 0 14px}
.brand{font-family:Georgia,serif;font-size:32px;text-decoration:none;letter-spacing:-.04em}
.site-header{width:min(1160px,calc(100% - 32px));margin:0 auto;min-height:82px;display:flex;gap:20px;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}
.site-header nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:12px}.site-header a{text-decoration:none;font-size:12px}
.hero{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:60px 0 42px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,480px);gap:46px;align-items:center}
.hero h1{font-size:clamp(46px,8vw,112px)}
.media{margin:0;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);background:var(--soft);overflow:hidden}
.media img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.index-grid{width:min(1160px,calc(100% - 32px));margin:0 auto 80px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.index-grid a{text-decoration:none;background:color-mix(in srgb,var(--soft) 68%,var(--bg));border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);padding:22px;min-height:180px}
.index-grid b{font-family:Georgia,serif;font-size:28px;line-height:1.05}
.article{width:min(1080px,calc(100% - 32px));margin:0 auto;padding:62px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,430px);gap:46px;align-items:center;min-height:82vh}
.article h1{font-size:clamp(42px,7vw,86px)}
.article .media img{aspect-ratio:4/5}
.next{width:min(1080px,calc(100% - 32px));margin:0 auto;border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent);padding:22px 0 70px;display:flex;justify-content:space-between;gap:18px}
.next a{font-family:Georgia,serif;color:var(--accent);font-size:30px;text-decoration:none}
.plain{width:min(900px,calc(100% - 32px));margin:0 auto;padding:74px 0 96px}.plain h1{font-size:clamp(42px,7vw,84px)}
.site-footer{width:min(1160px,calc(100% - 32px));margin:0 auto;border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent);padding:32px 0 42px}
.site-footer b{font-family:Georgia,serif;font-size:32px}.site-footer nav{display:flex;gap:14px;flex-wrap:wrap}.site-footer small{display:block;margin-top:14px;color:color-mix(in srgb,var(--ink) 58%,white)}.site-footer a{text-decoration:none}
@media(max-width:900px){.site-header{display:block;padding:18px 0}.site-header nav{margin:12px 0 0}.hero,.article{display:block;padding:46px 0;min-height:auto}.media{margin-top:26px}.index-grid{grid-template-columns:1fr}.index-grid a{min-height:auto}.next{display:block}.next a{display:block;margin-top:8px}}