/* Tree Removal Battle Creek. System fonts only (the CSP blocks remote fonts, inline styles and scripts).
   Palette: autumn ash gold and maple rust over charcoal, with birch white and a birch-bark stripe motif. */
:root{
  --coal:#24272B; --coal-2:#2F3338; --coal-3:#1C1E21;
  --rust:#A6431D; --rust-d:#8A3616; --rust-l:#E58A5C;
  --ash:#D9A441; --ash-d:#9C6F12;
  --birch:#F6F3EC; --birch-2:#ECE6DA; --bark:#2E2F31;
  --moss:#4E7A45;
  --ink:#1F2226; --tx:#3B3F44; --mu:#626970; --ln:#E2DDD2;
  --hd:"Gill Sans","Gill Sans MT",Seravek,"Trebuchet MS",sans-serif;
  --sf:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:16.5px/1.68 var(--sf);color:var(--tx);background:#fff}
img{max-width:100%}
a{color:var(--rust)}
a:hover{color:var(--rust-d)}
:focus-visible{outline:3px solid var(--ash);outline-offset:2px}
h1,h2,h3{font-family:var(--hd);color:var(--ink);line-height:1.12;font-weight:600;letter-spacing:.005em}
h1{font-size:clamp(2.05rem,4.8vw,3.25rem);margin:.1em 0 .3em}
h2{font-size:clamp(1.42rem,2.6vw,1.9rem);margin:1.6em 0 .5em}
h3{font-size:1.2rem;margin:1.5em 0 .3em}
.box-in{max-width:1180px;margin:0 auto;padding:0 20px}
.narrow{max-width:820px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:10px;top:10px;background:#fff;padding:8px 12px;z-index:40}
.quiet{font-size:.9rem;opacity:.86}

/* buttons */
.b{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 22px;border-radius:4px;border:2px solid transparent;cursor:pointer;text-decoration:none;font:700 1rem var(--sf);white-space:nowrap;min-height:46px}
.b svg{width:16px;height:16px;fill:currentColor;flex:none}
.b-rust{background:var(--rust);color:#fff}
.b-rust:hover{background:var(--rust-d);color:#fff}
.b-ghost{border-color:var(--coal);color:var(--coal);background:transparent}
.b-ghost:hover{background:var(--coal);color:#fff}
.b-ghost-l{border-color:var(--birch);color:var(--birch);background:transparent}
.b-ghost-l:hover{background:var(--birch);color:var(--coal)}
.b-coal{background:var(--coal);color:#fff}
.b-coal:hover{background:#000;color:#fff}
.big{font-size:1.08rem;padding:14px 26px}
.wide{width:100%}

/* masthead + nav rail */
.mast{background:var(--coal);color:#C9CCD0}
.mast-row{display:flex;align-items:center;gap:18px;min-height:74px;flex-wrap:wrap}
.mark{display:flex;align-items:center;gap:11px;text-decoration:none;margin:0}
.mark svg{width:46px;height:46px;flex:none}
.mark-txt{display:flex;flex-direction:column;line-height:1}
.mark-txt small{font:700 .68rem var(--sf);letter-spacing:.2em;text-transform:uppercase;color:var(--ash)}
.mark-txt b{font:600 1.5rem/1.05 var(--hd);color:var(--birch);margin-top:3px}
.mast-note{margin:0 0 0 auto;font-size:.9rem;color:#B8BDC2}
.pill{display:inline-flex;align-items:center;gap:8px;margin-left:18px;padding:9px 16px;border-radius:999px;background:var(--rust);color:#fff;font-weight:700;text-decoration:none;white-space:nowrap}
.pill:hover{background:var(--rust-d);color:#fff}
.pill svg{width:16px;height:16px;fill:currentColor}
.rail{background:var(--birch);border-bottom:1px solid var(--ln);position:sticky;top:0;z-index:20}
.rail-row{display:flex;align-items:center;gap:8px;min-height:52px}
.rail-links{display:flex;list-style:none;margin:0 0 0 -12px;padding:0;gap:2px;align-items:center}
.rail-links a,.rail-links summary{display:block;padding:12px 12px;color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem;cursor:pointer}
.rail-links a:hover,.rail-links summary:hover,.rail-links a[aria-current]{color:var(--rust);box-shadow:inset 0 -3px 0 var(--rust)}
.dd{position:relative}
.dd summary,.mmenu summary{list-style:none}
.dd summary::-webkit-details-marker,.mmenu summary::-webkit-details-marker{display:none}
.dd summary::after{content:"";display:inline-block;margin-left:7px;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg)}
.dd ul{position:absolute;left:0;top:100%;list-style:none;margin:0;padding:6px 0;background:#fff;border:1px solid var(--ln);border-top:3px solid var(--ash);min-width:250px;box-shadow:0 16px 32px rgba(20,20,20,.16);z-index:25}
.dd ul a{padding:9px 16px;font-weight:500}
.dd ul a:hover{box-shadow:none;background:var(--birch)}
.rail-cta{margin-left:auto;font-weight:700;color:var(--rust);text-decoration:none;padding:10px 0;border-bottom:2px solid var(--ash)}
.mmenu{display:none;position:relative}
.mmenu summary{cursor:pointer;font-weight:700;color:var(--ink);padding:9px 14px;border:2px solid var(--coal);border-radius:4px}
.mmenu ul{position:absolute;left:0;top:50px;list-style:none;margin:0;padding:6px 0;background:#fff;border:1px solid var(--ln);min-width:250px;z-index:25;box-shadow:0 16px 32px rgba(0,0,0,.18)}
.mmenu a{display:block;padding:11px 16px;color:var(--ink);text-decoration:none}
.mmenu a:hover{background:var(--birch)}

/* birch bark stripe */
.bark{height:14px;background-color:var(--birch);
  background-image:repeating-linear-gradient(90deg,transparent 0 22px,var(--bark) 22px 40px,transparent 40px 63px,var(--bark) 63px 68px,transparent 68px 101px),
                   repeating-linear-gradient(90deg,transparent 0 47px,var(--bark) 47px 74px,transparent 74px 131px);
  background-size:100% 3px,100% 3px;background-position:0 3px,0 8px;background-repeat:repeat-x}

/* hero */
.hero{background:radial-gradient(ellipse at 85% 10%,rgba(166,67,29,.35),transparent 55%),linear-gradient(170deg,#2B2F34,#1C1E21);color:#D9DCDF}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center;padding-top:54px;padding-bottom:58px}
.hero h1{color:#fff}
.eyebrow{margin:0 0 6px;color:var(--ash);font:700 .78rem var(--sf);letter-spacing:.16em;text-transform:uppercase}
.hero-lede{font-size:1.13rem;max-width:58ch}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 28px}
.hero-facts{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #454A50}
.hero-facts li{padding:14px 14px 0 0}
.hero-facts li+li{padding-left:14px;border-left:1px solid #454A50}
.hero-facts b{display:block;font:600 1.15rem var(--hd);color:#fff}
.hero-facts span{font-size:.86rem;color:#B8BDC2}
.hero-pic{margin:0}
.hero-pic img{display:block;width:100%;height:auto;border-radius:3px;box-shadow:14px 14px 0 var(--rust)}
.hero-pic figcaption{font-size:.8rem;color:#A9AEB4;margin-top:26px}

/* bands */
.band{padding:56px 0}
.band.birch{background:var(--birch)}
.band.coal{background:var(--coal);color:#D9DCDF}
.band.coal h2{color:#fff;margin-top:0}
.band.coal a:not(.b){color:#F2C2A6}
.band.rust{background:var(--rust);color:#fff}
.band.rust h2{color:#fff;margin-top:0}
.sec-h{margin-top:0}
.closer{text-align:center;max-width:720px}

/* service rows */
.jobs{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.job{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center;padding:12px;border:1px solid var(--ln);border-radius:6px;text-decoration:none;color:var(--tx);background:#fff;height:100%}
.job:hover{border-color:var(--rust);background:var(--birch)}
.job img{display:block;width:150px;height:100px;object-fit:cover;border-radius:3px}
.job-t b{display:block;font:600 1.2rem/1.2 var(--hd);color:var(--ink);margin-bottom:3px}
.job-t b::after{content:" \203A";color:var(--rust)}
.job-t span{font-size:.94rem}

/* request block */
.reqgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:start}
.flow{counter-reset:f;list-style:none;padding:0;margin:18px 0 24px}
.flow li{counter-increment:f;position:relative;padding:4px 0 14px 50px}
.flow li::before{content:counter(f);position:absolute;left:0;top:2px;width:34px;height:34px;border:2px solid var(--ash);border-radius:50%;text-align:center;font:600 1rem/30px var(--hd);color:var(--ash)}
.flow b{color:#fff}
.frm{background:#fff;color:var(--tx);padding:26px;border-radius:4px;border-left:6px solid var(--ash);box-shadow:0 18px 40px rgba(0,0,0,.28)}
.frm-title{margin:0 0 14px;font-size:1.5rem;color:var(--ink)}
.band.coal .frm-title{color:var(--ink)}
.lbl{display:block;font-weight:700;font-size:.88rem;color:var(--ink);margin:0 0 4px}
.ctl{display:block;width:100%;font:inherit;font-size:1rem;padding:10px 12px;border:1.5px solid #BDB6A8;border-radius:4px;background:#fff;color:var(--ink);margin:0 0 13px;min-height:46px}
textarea.ctl{min-height:96px;resize:vertical}
.ctl:focus{outline:3px solid var(--ash);outline-offset:0;border-color:var(--coal)}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hide{position:absolute;left:-9999px}
.cf-turnstile{margin:4px 0 12px}
.frm-fine{font-size:.82rem;color:var(--mu);margin:10px 0 0}
.frm .frm-fine a{color:var(--rust)}

/* inner page lead */
.lead{background:var(--birch);border-bottom:1px solid var(--ln);padding:26px 0 34px}
.lead h1{max-width:900px}
.lede{font-size:1.14rem;margin:0;max-width:62ch}
.top-cta{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0 0 8px;font-size:.86rem}
.crumbs li+li::before{content:"/";margin-right:6px;color:var(--mu)}
.crumbs a{color:var(--mu)}

/* article + aside */
.twocol{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start}
.prose>h2:first-child,.prose>p:first-child{margin-top:0}
.prose p,.prose li{max-width:70ch}
.side{position:sticky;top:70px;display:grid;gap:18px}
.side-card{border:1px solid var(--ln);border-radius:6px;padding:18px;background:var(--birch)}
.side-card h2{font-size:1.1rem;margin:0 0 10px}
.side-card ul{list-style:none;padding:0;margin:0}
.side-card li{border-bottom:1px solid var(--ln)}
.side-card li a{display:block;padding:8px 0;text-decoration:none;font-weight:600}
.side-card.dark{background:var(--coal);color:#D9DCDF;border-color:var(--coal)}
.side-card.dark a:not(.b){color:#F2C2A6}
.side-k{font:600 1.15rem var(--hd);color:#fff;margin:0 0 4px}
.side-card p{margin:0 0 12px}

.nums{display:grid;grid-template-columns:1fr;gap:10px;margin:14px 0}
.prose .nums{grid-template-columns:repeat(3,1fr)}
.nums div{display:flex;flex-direction:column-reverse;background:#fff;border-left:4px solid var(--ash);padding:10px 14px}
.nums dt{font-size:.85rem;color:var(--mu)}
.nums dd{margin:0;font:600 1.5rem/1.15 var(--hd);color:var(--ink)}

/* pictures + diagrams */
.pic{margin:1.8em 0}
.pic img{display:block;width:100%;height:auto;border-radius:3px}
.prose .pic img{aspect-ratio:16/9;object-fit:cover}
.pic figcaption{font-size:.84rem;color:var(--mu);margin-top:8px;padding-left:10px;border-left:3px solid var(--ash)}
.fg{margin:1.8em 0;padding:16px;border:1px solid var(--ln);border-radius:6px;background:#fff}
.fg figcaption{font-size:.84rem;color:var(--mu);margin-top:8px}
.sk{display:block;width:100%;height:auto;font-family:var(--sf)}
.fg{overflow-x:auto}
@media (max-width:620px){.sk-cal{min-width:560px}}

/* tables, ticks, notes */
.tbl{overflow-x:auto;margin:18px 0}
.tbl table{border-collapse:collapse;width:100%;font-size:.95rem}
.tbl caption{text-align:left;font:600 1rem var(--hd);color:var(--ink);padding:0 0 8px}
.tbl th,.tbl td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--ln)}
.tbl thead th{background:var(--coal);color:#fff;font-weight:700}
.tbl tbody tr:nth-child(even){background:var(--birch)}
.ticks{list-style:none;padding:0;margin:16px 0}
.ticks li{position:relative;padding:8px 0 8px 30px;border-bottom:1px dashed var(--ln)}
.ticks li::before{content:"";position:absolute;left:4px;top:16px;width:13px;height:13px;background:var(--rust);border-radius:0 80%;transform:rotate(-12deg)}
.ticks b{color:var(--ink)}
.note{background:#FBF1E4;border-left:4px solid var(--ash);padding:12px 16px;margin:24px 0}
.note p{margin:0}
.nearby{margin-top:28px;padding-top:16px;border-top:1px solid var(--ln)}

/* faq + sources */
.acc{border-bottom:1px solid var(--ln);background:transparent}
.acc summary{cursor:pointer;font-weight:700;color:var(--ink);padding:14px 30px 14px 0;position:relative;list-style:none}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"+";position:absolute;right:4px;top:10px;font:400 1.5rem var(--hd);color:var(--rust)}
.acc[open] summary::after{content:"\2212"}
.acc p{margin:0 0 16px}
.cites{margin-top:36px;padding:16px 18px;border-top:4px solid var(--coal);background:#fff;font-size:.9rem;border-radius:0 0 6px 6px;box-shadow:0 0 0 1px var(--ln)}
.cites h2{font-size:1.05rem;margin:0 0 8px}
.cites ol{padding-left:20px;margin:0 0 8px}
.cites li{margin:4px 0;overflow-wrap:anywhere}
.cites p{margin:0;color:var(--mu)}

/* towns */
.towns{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.towns a{display:block;height:100%;padding:16px 18px;border:1px solid var(--ln);border-top:4px solid var(--rust);border-radius:4px;text-decoration:none;color:var(--tx);background:#fff}
.towns a:hover{background:var(--birch)}
.towns b{display:block;font:600 1.25rem var(--hd);color:var(--ink);margin-bottom:4px}

/* footer */
.foot{background:var(--coal-3);color:#B8BDC2;font-size:.93rem;padding-bottom:26px}
.foot .bark{margin-bottom:42px}
.foot a{color:#fff}
.foot h2{font:700 .8rem var(--sf);text-transform:uppercase;letter-spacing:.14em;color:var(--ash);margin:0 0 10px}
.foot h2.mt{margin-top:22px}
.foot ul{list-style:none;padding:0;margin:0}
.foot li{margin:6px 0}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}
.foot .mark{margin-bottom:14px}
.foot-legal{border-top:1px solid #34383D;margin-top:30px;padding-top:16px;font-size:.84rem;color:#9AA0A6}

/* photo credits page */
.photo-credits{list-style:none;padding:0!important;margin:1.4em 0}
.photo-credits li{display:flex;gap:14px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--ln);font-size:.93rem}
.photo-credits img{flex:none;width:96px;height:64px;object-fit:cover;border-radius:3px}

@media (max-width:1040px){
  .mast-note{display:none}
  .pill{margin-left:auto}
}
@media (max-width:900px){
  .rail-links,.rail-cta{display:none}
  .mmenu{display:block}
  .hero-grid,.reqgrid,.twocol{grid-template-columns:minmax(0,1fr)}
  .hero-grid{gap:36px;padding-top:40px}
  .hero-pic{max-width:620px}
  .side{position:static}
  .jobs{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  body{font-size:16px}
  .mark svg{width:38px;height:38px}
  .mark-txt b{font-size:1.2rem}
  .mark-txt small{font-size:.6rem;letter-spacing:.16em}
  .mast-row{gap:10px;min-height:64px}
  .pill{padding:8px 12px;font-size:.92rem}
  .cols,.towns,.foot-grid,.prose .nums{grid-template-columns:1fr}
  .hero-facts{grid-template-columns:1fr}
  .hero-facts li+li{border-left:0;padding-left:0;border-top:1px solid #454A50}
  .hero-facts li{padding:10px 0}
  .hero-pic img{box-shadow:8px 8px 0 var(--rust)}
  .job{grid-template-columns:96px 1fr;gap:12px}
  .job img{width:96px;height:76px}
  .frm{padding:18px}
  .b{white-space:normal;text-align:center}
  .band{padding:42px 0}
  .box-in{padding-left:16px;padding-right:16px}
}