:root { --pine:#243c28; --honey:#e7b045; --paper:#fbf6e8; --ink:#2a2416; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.5 Tahoma,sans-serif; }
a { color:inherit; text-decoration:none; }
img { display:block; width:100%; object-fit:cover; }
.pine { background:var(--pine); color:#f6e7b8; display:flex; justify-content:space-between; align-items:center; gap:16px; padding:16px 26px; }
.pine a { color:#f6e7b8; }
.brand { display:flex; align-items:center; gap:10px; font-weight:700; }
.pine nav { display:flex; gap:16px; font-size:14px; }
.pine nav a.now { background:#f6e7b8; color:var(--pine); padding:4px 8px; }
.overlap { display:grid; grid-template-columns:.85fr 1.15fr; align-items:end; padding:28px 26px 10px; gap:0; }
.honey { background:var(--honey); padding:36px 32px 42px; position:relative; z-index:1; }
.honey h1 { margin:0 0 10px; font-size:clamp(2rem,4vw,3rem); line-height:1.05; letter-spacing:-.03em; }
.honey p { margin:0; max-width:28em; }
.overlap img { height:420px; margin-left:-40px; position:relative; z-index:0; }
.months { display:flex; gap:10px; padding:22px 26px 8px; flex-wrap:wrap; }
.months a { flex:1; min-width:140px; background:#fff; border:1px solid rgba(36,60,40,.15); padding:14px 12px; }
.months b { display:block; color:#8a5a10; font-size:13px; margin-bottom:4px; }
.wrap { max-width:980px; margin:0 auto; padding:28px 22px 60px; }
.wrap h1 { font-size:clamp(1.8rem,3vw,2.6rem); margin:8px 0 12px; letter-spacing:-.03em; }
.row { display:grid; grid-template-columns:340px 1fr; gap:26px; align-items:center; }
.row img { height:260px; }
.foot { background:var(--pine); color:#f6e7b8; display:flex; justify-content:space-between; padding:16px 26px 22px; font-size:13px; }
.foot a { margin-left:12px; }
@media (max-width:800px) {
  .pine, .overlap, .row { display:block; }
  .overlap img { margin:0; height:240px; }
  .pine nav { margin-top:12px; flex-wrap:wrap; }
}