/* Kelk Land Improvement — archetype E, long-form story.
   Septic & excavation, Woodruff/Minocqua WI, since 1955.
   Northwoods palette: pine, birch paper, rust-orange accent for calls to
   action. One column, numbered chapters, no persistent nav — the founding
   year and the real service list carry the page. */

:root{
  --ink:#20241f; --ink-2:#525c50; --line:#d9dcd2;
  --paper:#f7f6f0; --tint:#eceee3;
  --pine:#1f4531; --pine-lit:#2c6244; --rust:#b5501f; --rust-lit:#d0601f;
  --serif:"Source Serif 4",Georgia,"Iowan Old Style",serif;
  --sans:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.7 var(--serif)}
h1,h2{font-family:var(--sans);font-weight:750;letter-spacing:-.02em;line-height:1.15;margin:0 0 .5em;color:var(--ink)}
a{color:inherit}
.num{font-variant-numeric:tabular-nums}

.skip{position:absolute;left:-999px;top:0;background:#fff;color:var(--pine);padding:10px 16px;z-index:10}
.skip:focus{left:12px;top:12px}

.wrap{max-width:760px;margin:0 auto;padding:0 24px}
.wrap.narrow{max-width:660px}

/* ---- call bar ---- */
.callbar{position:sticky;top:0;z-index:5;background:var(--pine);color:#eef3ea}
.callbar-in{display:flex;align-items:center;justify-content:space-between;gap:16px;
            flex-wrap:wrap;padding:11px 24px}
.callbar-label{font-family:var(--sans);font-size:13.5px;font-weight:600;letter-spacing:.01em}
.callbar-num{font-family:var(--sans);font-weight:700;font-size:15px;color:#fff;
             text-decoration:none;background:var(--rust);padding:8px 16px;border-radius:2px}
.callbar-num:hover{background:var(--rust-lit)}

/* ---- masthead ---- */
.masthead{border-bottom:1px solid var(--line);padding:52px 0 40px;background:var(--paper)}
.eyebrow{font-family:var(--sans);font-size:12px;letter-spacing:.16em;text-transform:uppercase;
         color:var(--rust);font-weight:700;margin:0 0 14px}
.masthead h1{font-size:clamp(2.1rem,5vw,3rem)}
.lede{font-size:20px;line-height:1.6;color:var(--ink-2);max-width:56ch;margin:.6em 0 30px}
.record{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:18px 28px;
        margin:0;padding:0}
.record div{border-top:2px solid var(--pine);padding-top:8px}
.record dt{font-family:var(--sans);font-size:11px;letter-spacing:.12em;text-transform:uppercase;
           color:var(--ink-2);margin:0 0 4px}
.record dd{font-family:var(--sans);font-size:16.5px;font-weight:650;margin:0}
.record dd a{text-decoration:none;color:var(--pine)}
.record dd a:hover{text-decoration:underline}
.record-wide{grid-template-columns:1fr}

/* ---- chapters ---- */
.chapter{padding:52px 0;border-bottom:1px solid var(--line)}
.chapter:last-of-type{border-bottom:0}
.marker{display:flex;align-items:baseline;gap:12px;margin:0 0 12px;
        font-family:var(--sans)}
.marker-year{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
             color:var(--rust)}
.marker-no{font-size:12.5px;color:var(--ink-2);letter-spacing:.08em}
.marker-no::before{content:"— "}
.chapter h2{font-size:clamp(1.4rem,3vw,1.8rem)}
.chapter p{margin:0 0 1.1em}
.chapter .aside{font-size:15.5px;color:var(--ink-2);background:var(--tint);
                border-left:3px solid var(--rust);padding:14px 18px;margin:20px 0}

.lines{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:0}
.lines li{display:flex;justify-content:space-between;gap:16px;font-family:var(--sans);
          font-size:15.5px;padding:12px 0;border-bottom:1px solid var(--line)}
.line-k{font-weight:650;flex:0 0 auto}
.line-v{color:var(--ink-2);text-align:right}

/* ---- photo placeholders ---- */
.plate{margin:30px 0 0}
.frame{background:repeating-linear-gradient(75deg,#e2e4dc 0 15px,#d9dcd0 15px 30px);
       border:1px solid var(--line);aspect-ratio:16/10;display:flex;flex-direction:column;
       align-items:center;justify-content:center;gap:8px;padding:22px;text-align:center}
.chip{font-family:var(--sans);font-size:11.5px;font-weight:700;letter-spacing:.1em;
      text-transform:uppercase;color:#fff;background:var(--pine);padding:4px 10px;border-radius:2px}
.frame-note{font-family:var(--sans);font-size:13.5px;color:#6b7068;max-width:38ch;line-height:1.5}
figcaption{font-family:var(--sans);font-size:14px;color:var(--ink-2);padding-top:10px}

/* ---- call buttons ---- */
.call{display:flex;align-items:center;justify-content:space-between;gap:16px;
      margin-top:26px;background:var(--pine);color:#fff;text-decoration:none;
      padding:16px 22px;border-radius:3px;font-family:var(--sans)}
.call:hover{background:var(--pine-lit)}
.call-k{font-size:16px;font-weight:600}
.call-n{font-size:17px;font-weight:750;background:var(--rust);padding:7px 14px;border-radius:2px;
        white-space:nowrap}
.call-big{padding:20px 24px;margin-top:20px}
.call-big .call-k{font-size:18px}
.call-big .call-n{font-size:19px}

/* ---- review ---- */
.quote{margin:0;padding:24px 26px;background:var(--tint);border-left:3px solid var(--pine)}
.quote p{font-size:20px;line-height:1.55;margin:0 0 .5em;font-style:italic}
.quote cite{font-family:var(--sans);font-size:14px;font-style:normal;color:var(--ink-2)}

/* ---- hiring chapter ---- */
.chapter-hire{background:var(--tint)}
.chapter-hire .wrap{padding-top:0;padding-bottom:0}

/* ---- footer ---- */
.foot{background:var(--pine);color:#cddccb;padding:36px 0 30px;font-family:var(--sans)}
.foot-brand{font-size:17px;font-weight:750;color:#fff;margin:0 0 10px}
.foot-line{font-size:14.5px;line-height:1.7;margin:0 0 10px}
.foot-line a{color:#a9d1b3;text-decoration:none}
.foot-line a:hover{text-decoration:underline}
.disclosure{font-size:12.5px;color:#8fa891;line-height:1.6;margin:18px 0 0;
            border-top:1px solid #33553f;padding-top:16px}

@media (max-width:640px){
  .wrap{padding:0 18px}
  .masthead{padding:40px 0 30px}
  .record{grid-template-columns:1fr}
  .chapter{padding:38px 0}
  .call{flex-direction:column;align-items:flex-start;gap:10px}
  .call-n{align-self:stretch;text-align:center}
  .lines li{flex-direction:column;gap:2px}
  .line-v{text-align:left}
}