/* Yard Loam — plot / newspaper / leaf */
@font-face{font-family:'Outfit';src:url('/assets/fonts/outfit-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Outfit';src:url('/assets/fonts/outfit-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('/assets/fonts/spacegrotesk-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('/assets/fonts/spacegrotesk-500.woff2') format('woff2');font-weight:500;font-display:swap}
:root{
  --bg:#E7EDE4; --ink:#243028; --accent:#4F6B3A; --muted:#5C6B5E;
  --card:#F3F6F0; --line:#CDD6C8;
  --display:"Outfit", system-ui, sans-serif;
  --body:"Space Grotesk", system-ui, sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.55}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.lede{color:var(--muted);max-width:34em}
.wrap{width:min(1100px,calc(100% - 36px));margin:0 auto}
.kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.btn{display:inline-block;background:var(--accent);color:#F3F6F0;padding:12px 18px;font:inherit;font-size:13px;border-radius:4px}
.yl-mast{padding:20px 0 8px}
.yl-word{font-family:var(--display);font-weight:700;font-size:42px;letter-spacing:-.04em;line-height:.9}
.yl-nav{display:flex;gap:16px;margin:10px 0 18px;font-size:14px}
.yl-rule{height:3px;background:var(--ink);margin:0 0 18px}
.yl-lead{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;padding-bottom:28px}
.yl-lead img{width:100%;height:300px;object-fit:cover}
.yl-lead h1{font-family:var(--display);font-weight:700;font-size:clamp(32px,4.4vw,48px);margin:8px 0;line-height:1}
.yl-bench{border-top:1px solid var(--line)}
.yl-row{display:grid;grid-template-columns:88px 1fr auto auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.yl-row img{width:88px;height:88px;object-fit:cover}
.yl-row h3{font-family:var(--display);font-size:22px;margin:0;font-weight:700}
.yl-pdp{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;padding:24px 0 80px;align-items:start}
.yl-pdp img[data-main]{width:100%;background:var(--card)}
.yl-thumbs{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.yl-thumbs img{width:100%;height:70px;object-fit:cover;cursor:pointer;opacity:.6}
.yl-thumbs img.on{opacity:1;outline:2px solid var(--accent)}
.yl-copy h1{font-family:var(--display);font-size:40px;font-weight:700;margin:0 0 8px;line-height:1}
.price{font-size:24px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.chips span{background:var(--card);border:1px solid var(--line);padding:6px 10px;font-size:12px}
.v-options{display:flex;gap:8px;margin:12px 0}
.v-pill{border:1px solid var(--line);background:var(--card);padding:8px 12px;font:inherit;cursor:pointer;border-radius:4px}
.v-pill.on{background:var(--ink);color:#fff}
.yl-foot{background:var(--ink);color:#E7EDE4;padding:40px 0 20px;margin-top:20px}
.yl-foot a{color:#E7EDE4}
.yl-fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:22px}
.yl-foot h3{color:#A3C07A;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.ph-policy{padding:36px 0 80px}
.ph-policy-hero h1{font-family:var(--display);font-size:40px;font-weight:700}
.ph-policy-split{display:grid;grid-template-columns:1.3fr .7fr;gap:24px}
.ph-policy-card{background:var(--card);padding:20px;border-top:4px solid var(--accent)}
.ph-policy-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.ph-policy-grid article{background:var(--card);padding:16px}
.ph-policy-steps{padding-left:18px}
.ph-form{display:grid;gap:8px}
.ph-form input,.ph-form textarea{padding:11px;border:1px solid var(--line);font:inherit;background:var(--card)}
.ph-flash{padding:10px;background:#dff0d4}
.ph-flash.err{background:#f3ddd6}
.wa{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);background:#25D366;color:#083b1a;padding:12px 22px;border-radius:4px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;z-index:40}
.empty{padding:70px 0;text-align:center}
@media(max-width:900px){
  .yl-lead,.yl-pdp,.yl-fg,.ph-policy-split,.ph-policy-grid,.yl-row{grid-template-columns:1fr}
  .yl-thumbs{flex-direction:row}
  .yl-thumbs img{width:70px;height:70px}
}

/* soft pass — garden gazette, 12px leaf */
img,figure{border-radius:12px}
.btn,.v-pill,.chips span{border-radius:999px}
.yl-lead img,.yl-media img[data-main],.yl-thumbs img,.yl-row img,.ph-policy-card,.ph-policy-grid article{border-radius:14px;overflow:hidden}
.ph-form input,.ph-form textarea,.ph-flash{border-radius:12px}
.yl-nav a{padding:4px 10px;border-radius:999px}
.wa{border-radius:999px}

/* --- rebuilt home --- */
.yl-banner{position:relative;min-height:420px;overflow:hidden}
.yl-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55) saturate(.9)}
.yl-banner-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,40,32,.9),rgba(28,40,32,.55) 55%,rgba(28,40,32,.15))}
.yl-banner-copy{position:relative;z-index:2;width:min(1100px,calc(100% - 36px));margin:0 auto;padding:56px 0;min-height:420px;display:flex;flex-direction:column;justify-content:center}
.yl-banner-copy .kicker{color:#A3C07A}
.yl-banner-copy h1{font-family:var(--display);font-weight:700;font-size:clamp(32px,5.4vw,60px);line-height:1;margin:8px 0 12px;color:#F3F6F0}
.yl-banner-copy p{color:#D6E0D3;max-width:30em;margin:0 0 18px}
.yl-banner-cta{display:flex;gap:12px;flex-wrap:wrap}
.yl-banner .btn.ghost{background:transparent;color:#F3F6F0;border:1px solid rgba(243,246,240,.6)}
.yl-lead{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:26px 0 8px}
.yl-cat{background:var(--card);border:1px solid var(--line);overflow:hidden}
.yl-cat img{width:100%;height:180px;object-fit:cover}
.yl-cat div{padding:12px 14px 16px}
.yl-cat span{font-size:11px;letter-spacing:.18em;color:var(--accent);font-weight:700}
.yl-cat h3{font-family:var(--display);font-size:20px;font-weight:700;margin:2px 0}
.yl-cat p{margin:0;font-size:13px;color:var(--muted)}
.yl-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:20px 0 8px}
.yl-strip article{background:var(--card);border-left:3px solid var(--accent);padding:14px 16px}
.yl-strip strong{display:block;font-family:var(--display);font-size:16px;margin-bottom:3px}
.yl-strip span{font-size:12.5px;color:var(--muted);line-height:1.5}
.yl-bench{padding-top:22px}
.yl-bench-head{padding:8px 0 10px}
.yl-bench-head h2{font-family:var(--display);font-weight:700;font-size:clamp(24px,3.4vw,36px);margin:4px 0 0}
.yl-row p{margin:0;color:var(--muted);font-size:13px}
@media (max-width:900px){.yl-lead,.yl-strip{grid-template-columns:1fr}.yl-banner-copy{min-height:320px;padding:28px 0}}