:root{
  --ink:#111; --paper:#fff; --rule:#d9d9d9; --muted:#666;
  --serif: Georgia, "Times New Roman", serif;
}
*{box-sizing:border-box}
html{background:var(--paper);color:var(--ink)}
body{margin:0;font-family:var(--serif);background:var(--paper);color:var(--ink)}
a{color:inherit;text-decoration:none}
.shell{width:min(1120px,calc(100% - 40px));margin:0 auto}
.mast{padding:34px 0 68px}
.brand{font-size:38px;line-height:.95;font-weight:400;letter-spacing:-.03em}
.gloss{font-size:17px;font-style:italic;margin-top:7px}
.entry-date,.eyebrow{font:11px/1.2 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}
.entry-title{font-size:clamp(44px,7vw,82px);line-height:.95;font-weight:400;letter-spacing:-.045em;margin:12px 0 28px}
.hero{width:100%;display:block;max-height:760px;object-fit:contain;object-position:left center;background:#fff}
.body{width:min(760px,100%);font-size:20px;line-height:1.62;margin:36px 0}
.placeholder{color:#777;font-style:italic}
.signature{font-size:19px;margin:38px 0 8px}
.readmore{display:inline-block;border:1px solid #111;padding:15px 24px;margin:8px 0 48px;font:11px Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.recent{border-top:1px solid var(--rule);padding:28px 0 60px}
.recent-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.recent-head h2,.archive h1{font:12px Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;margin:0}
.seeall{font:11px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.strip{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.card .num{font:10px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin-top:9px;color:#555}
.archive{padding-bottom:70px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 20px;margin-top:24px}
.grid .card img{aspect-ratio:4/3;object-fit:cover}
.back{display:inline-block;margin:0 0 34px;font:11px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
@media(max-width:760px){
  .shell{width:min(100% - 28px,1120px)}
  .mast{padding:24px 0 46px}
  .brand{font-size:31px}.gloss{font-size:15px}
  .entry-title{font-size:48px}
  .body{font-size:18px;line-height:1.58}
  .strip{grid-template-columns:repeat(3,1fr);gap:18px 10px}
  .grid{grid-template-columns:repeat(2,1fr);gap:26px 10px}
}