*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#faf8f3;--ink:#1e1c19;--muted:#6b655c;--teal:#0f7d73;--amber:#c9781f;--line:#e6e1d6;--card:#ffffff}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:'Newsreader',Georgia,serif;font-size:18px;line-height:1.72;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.ff{font-family:'Archivo',system-ui,sans-serif;font-weight:800;line-height:1.12;letter-spacing:-.015em;color:var(--ink)}
img{max-width:100%;height:auto;display:block}
a{color:var(--teal)}
.wrap{max-width:1140px;margin:0 auto;padding:0 26px}
/* header */
.top{position:sticky;top:0;z-index:40;background:rgba(250,248,243,.93);backdrop-filter:saturate(1.1) blur(8px);border-bottom:1px solid var(--line)}
.top-row{display:flex;align-items:center;gap:24px;height:74px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}
.brand img{max-height:46px;width:auto;display:block}
.brand .bw{font-family:'Archivo',sans-serif;font-weight:900;font-size:19px;text-transform:uppercase;letter-spacing:.04em}
.nav{display:flex;gap:22px;margin-left:auto;align-items:center}
.nav a{font-family:'Archivo',sans-serif;font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.09em;text-decoration:none;color:var(--ink);white-space:nowrap}
.nav a:hover,.nav a.on{color:var(--teal)}
.burger{display:none;background:none;border:none;cursor:pointer;padding:8px;margin-left:auto}
.burger span{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0;transition:.3s}
.burger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
/* hero */
.hero{position:relative;height:clamp(320px,46vw,480px);overflow:hidden;border-bottom:3px solid var(--ink)}
.hero>img{width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,18,17,.82) 0%,rgba(15,18,17,.5) 45%,rgba(15,18,17,.15) 100%)}
.hero-cap{position:absolute;inset:0;display:flex;align-items:flex-end;z-index:2}
.hero-cap .in{padding:0 0 42px}
.hero .kick{font-family:'Archivo',sans-serif;font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#f2b471;margin-bottom:16px}
.hero h1{color:#fff;font-size:clamp(30px,5.2vw,58px);max-width:17ch;font-weight:800}
.hero p{color:#e9e4da;font-size:clamp(16px,1.9vw,20px);margin-top:16px;max-width:52ch;font-family:'Newsreader',serif}
/* section furniture */
.sec{padding:56px 0}
.sec-hd{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:3px solid var(--ink);padding-bottom:12px;margin-bottom:30px}
.sec-hd h2{font-size:clamp(22px,3vw,30px)}
.sec-hd .all{font-family:'Archivo',sans-serif;font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--teal);white-space:nowrap}
/* featured lead */
.feat{display:grid;grid-template-columns:1.12fr 1fr;background:var(--card);border:1px solid var(--line);margin-top:44px;overflow:hidden}
.feat .fimg{aspect-ratio:16/11;overflow:hidden}
.feat .fimg img{width:100%;height:100%;object-fit:cover;display:block}
.feat .fbody{padding:36px 40px;display:flex;flex-direction:column;justify-content:center}
.feat .kick{font-family:'Archivo',sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin-bottom:14px}
.feat h2{font-size:clamp(24px,3.2vw,34px);margin-bottom:14px}
.feat .ex{color:var(--muted);font-size:18px;line-height:1.6;margin-bottom:22px}
.feat .rd{font-family:'Archivo',sans-serif;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--ink);border-bottom:2px solid var(--teal);padding-bottom:3px;align-self:flex-start}
.feat .rd:hover{color:var(--teal)}
/* card grid with EXCERPTS */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line)}
.card .cimg{aspect-ratio:3/2;overflow:hidden}
.card .cimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}
.card:hover .cimg img{transform:scale(1.045)}
.card .cb{padding:18px 20px 22px;display:flex;flex-direction:column;flex:1}
.card .cat{font-family:'Archivo',sans-serif;font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:9px}
.card h3{font-size:20px;line-height:1.2;margin-bottom:9px}
.card:hover h3{color:var(--teal)}
.card .ex{font-size:15px;color:var(--muted);line-height:1.52;margin-bottom:16px;flex:1}
.card .meta{font-family:'Archivo',sans-serif;font-size:12px;letter-spacing:.02em;color:var(--muted)}
/* article */
.article{max-width:730px;margin:0 auto;padding:50px 26px 60px}
.article .kick{font-family:'Archivo',sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);margin-bottom:14px}
.article h1{font-size:clamp(30px,4.4vw,44px);margin-bottom:16px}
.article .byline{font-family:'Archivo',sans-serif;font-size:13px;color:var(--muted);letter-spacing:.03em;margin-bottom:24px;border-bottom:3px solid var(--ink);padding-bottom:18px}
.article .standfirst{font-size:22px;line-height:1.5;color:#3a352d;margin-bottom:26px}
.article-image{overflow:hidden;margin-bottom:30px;aspect-ratio:16/9;border:1px solid var(--line)}
.article-image img{width:100%;height:100%;object-fit:cover;display:block}
.article-content p{margin-bottom:22px}
.article-content a{color:var(--teal);text-decoration:underline;text-decoration-color:rgba(15,125,116,.4);text-underline-offset:3px}
.article-content a:hover{text-decoration-color:var(--teal)}
.related{border-top:3px solid var(--ink);margin-top:46px;padding-top:24px}
.related h4{font-family:'Archivo',sans-serif;font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin-bottom:16px}
.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.rc{display:flex;gap:14px;text-decoration:none;color:inherit;align-items:center}
.rc .ri{width:84px;height:64px;flex:none;overflow:hidden;border:1px solid var(--line)}
.rc .ri img{width:100%;height:100%;object-fit:cover;display:block}
.rc span{font-family:'Archivo',sans-serif;font-weight:700;font-size:15px;line-height:1.22}
.rc:hover span{color:var(--teal)}
/* category head */
.page-head{padding:46px 0 0}
.page-head .kick{font-family:'Archivo',sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);margin-bottom:12px}
.page-head h1{font-size:clamp(30px,4.4vw,44px)}
.page-head p{color:var(--muted);margin-top:8px;font-size:17px}
.page-head .rule{border-bottom:3px solid var(--ink);margin:22px 0 30px}
/* static page */
.page{max-width:760px;margin:0 auto;padding:50px 26px 60px}
.page h1{font-size:clamp(30px,4.4vw,42px);margin-bottom:20px}
.page h2{font-size:22px;margin:30px 0 10px}
.page p{margin-bottom:16px;color:#3a352d}
.page a{color:var(--teal);overflow-wrap:anywhere}
.tmail{display:inline-flex;vertical-align:-4px;margin-left:9px;color:var(--teal)}
.tmail svg{width:19px;height:19px}
/* footer */
.site-footer{background:#1b1815;color:#cfc9bf;margin-top:10px;padding:52px 0 28px}
.site-footer .fgrid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:30px}
.site-footer .flogo{height:44px;width:auto;filter:brightness(0) invert(1);margin-bottom:14px;display:block}
.site-footer .fbrand p{font-size:15px;color:#a29b90;max-width:36ch;font-family:'Newsreader',serif}
.site-footer h5{font-family:'Archivo',sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#8a8378;margin-bottom:14px}
.site-footer a{display:block;color:#cfc9bf;text-decoration:none;font-size:14.5px;padding:5px 0;font-family:'Archivo',sans-serif;font-weight:500}
.site-footer a:hover{color:#f2b471}
.site-footer .legal{border-top:1px solid #34302a;margin-top:30px;padding-top:18px;font-size:13px;color:#8a8378;font-family:'Archivo',sans-serif}
@media(max-width:860px){
 .feat{grid-template-columns:1fr}.feat .fimg{aspect-ratio:16/9}
 .grid{grid-template-columns:1fr 1fr}.site-footer .fgrid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
 .burger{display:block}
 .nav{display:none;position:absolute;top:74px;left:0;right:0;flex-direction:column;gap:0;background:var(--bg);border-bottom:3px solid var(--ink);padding:6px 0;margin:0}
 .nav.open{display:flex}
 .nav a{padding:14px 26px;border-bottom:1px solid var(--line);width:100%}
 .grid{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.site-footer .fgrid{grid-template-columns:1fr}
 .feat .fbody{padding:26px 24px}
}