:root{--sand:#efe4cf;--clay:#c2652a;--dirt:#3b2a1d;--moss:#5c6b3c;--chalk:#faf6ee}
*{box-sizing:border-box}
body{margin:0;background:var(--chalk);color:var(--dirt);font:400 17px/1.7 Archivo,sans-serif}
a{color:inherit}
img{display:block;max-width:100%}
.x-head{background:var(--dirt);color:var(--sand)}
.x-head .x-in{max-width:1300px;margin:auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.x-logo{font-family:'Archivo Black',sans-serif;font-size:1.8rem;text-decoration:none;color:var(--sand);letter-spacing:-.02em}
.x-logo span{color:var(--clay)}
.x-head nav a{text-decoration:none;font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.14em;margin-left:22px}
.x-head nav a:hover{color:var(--clay)}
.x-mast{background:var(--sand);border-bottom:6px solid var(--dirt)}
.x-mast .x-in{max-width:1300px;margin:auto;padding:56px 24px 40px;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:end}
.x-mast h1{font-family:'Archivo Black',sans-serif;font-size:clamp(2.6rem,7vw,5.6rem);line-height:.92;margin:0;letter-spacing:-.03em;text-transform:uppercase}
.x-mast h1 em{font-style:normal;color:var(--clay)}
.x-mast p{font-size:1.1rem;margin:0}
.x-terrain{max-width:1300px;margin:26px auto 0;padding:0 24px;display:flex;flex-wrap:wrap;gap:8px}
.x-terrain a{text-decoration:none;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;padding:8px 14px;border:2px solid var(--dirt)}
.x-terrain a.x-on,.x-terrain a:hover{background:var(--dirt);color:var(--sand)}
.x-grid{max-width:1300px;margin:30px auto;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid var(--dirt);border-left:2px solid var(--dirt)}
.x-cell{border-right:2px solid var(--dirt);border-bottom:2px solid var(--dirt);padding:18px;text-decoration:none;display:flex;flex-direction:column;background:var(--chalk);transition:background .2s}
.x-cell:hover{background:var(--sand)}
.x-cell.x-wide{grid-column:span 2}
.x-num{font-family:'Archivo Black',sans-serif;font-size:2.2rem;color:var(--clay);line-height:1}
.x-cell img{aspect-ratio:4/3;object-fit:cover;width:100%;margin:12px 0;filter:sepia(.15) contrast(1.05)}
.x-cell.x-wide img{aspect-ratio:16/9}
.x-cat{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--moss)}
.x-cell h3{font-family:'Archivo Black',sans-serif;font-weight:400;font-size:1.1rem;line-height:1.25;margin:6px 0 0;text-transform:uppercase}
.x-cell.x-wide h3{font-size:1.6rem}
.x-nav{max-width:1300px;margin:0 auto 50px;padding:0 24px;display:flex;flex-wrap:wrap;gap:6px}
.x-nav a,.x-nav b{padding:8px 14px;border:2px solid var(--dirt);text-decoration:none;font-weight:800}
.x-nav b{background:var(--clay);border-color:var(--clay);color:#fff}
.x-art-head{background:var(--sand);border-bottom:6px solid var(--dirt)}
.x-art-head .x-in{max-width:980px;margin:auto;padding:46px 24px 34px}
.x-art-head h1{font-family:'Archivo Black',sans-serif;font-weight:400;font-size:clamp(2rem,5vw,3.6rem);line-height:1;margin:10px 0 18px;text-transform:uppercase;letter-spacing:-.02em}
.x-meta{display:flex;flex-wrap:wrap;gap:8px}
.x-meta span{background:var(--dirt);color:var(--sand);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px}
.x-photo{max-width:1300px;margin:30px auto;padding:0 24px}
.x-photo img{width:100%;max-height:640px;object-fit:cover;border:2px solid var(--dirt)}
.x-body{max-width:760px;margin:0 auto;padding:0 24px}
.x-body h2{font-family:'Archivo Black',sans-serif;font-weight:400;font-size:1.45rem;text-transform:uppercase;margin:1.9em 0 .5em;padding-top:12px;border-top:2px solid var(--dirt)}
.x-body ul{list-style:square;padding-left:1.3em}
.x-body li::marker{color:var(--clay)}
.x-body figure{margin:30px 0}.x-body figure img{border:2px solid var(--dirt)}
.x-warn{border:2px dashed var(--clay);padding:14px 18px;margin:30px 0;font-size:.94rem}
.x-also{max-width:1300px;margin:40px auto;padding:0 24px}
.x-also h2{font-family:'Archivo Black',sans-serif;font-weight:400;text-transform:uppercase}
.x-also .x-grid{padding:0;margin:14px 0 0;grid-template-columns:repeat(3,1fr)}
.x-plain{max-width:780px;margin:40px auto 70px;padding:0 24px}
.x-plain h1{font-family:'Archivo Black',sans-serif;font-weight:400;font-size:2.8rem;text-transform:uppercase;line-height:1}
.x-plain h2{font-family:'Archivo Black',sans-serif;font-weight:400;font-size:1.25rem;text-transform:uppercase;margin-top:1.8em}
.x-plain input,.x-plain textarea{width:100%;border:2px solid var(--dirt);background:#fff;padding:12px;font:inherit;margin:4px 0 16px}
.x-plain button{background:var(--clay);color:#fff;border:2px solid var(--dirt);padding:12px 26px;font:800 .9rem Archivo,sans-serif;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}
.x-foot{background:var(--dirt);color:var(--sand);margin-top:40px}
.x-foot .x-in{max-width:1300px;margin:auto;padding:36px 24px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;font-size:.9rem}
.x-foot a{display:block;text-decoration:none;margin:4px 0}
.x-foot a:hover{color:var(--clay)}
@media(max-width:1000px){.x-grid{grid-template-columns:repeat(2,1fr)}.x-mast .x-in{grid-template-columns:1fr}}
@media(max-width:600px){.x-grid,.x-also .x-grid{grid-template-columns:1fr}.x-cell.x-wide{grid-column:auto}.x-foot .x-in{grid-template-columns:1fr}.x-head nav a{margin:0 14px 0 0}}