/* Cordwood Media: shared styles for service pages, the 404 page and the four-column footer. Uses the tokens defined in site.css. */
.crumbs{margin-bottom:26px;color:var(--dim)}
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px 10px;margin:0;padding:0;list-style:none}
.crumbs li+li::before{content:"/";margin-right:10px;color:var(--dim-2)}
.crumbs a{text-decoration:none;color:var(--on-dark)}
.crumbs a:hover{color:var(--ember)}
.page-hero .hero-grid{grid-template-columns:minmax(0,6fr) minmax(0,6fr)}
.page-hero h1{font-size:clamp(38px,5.4vw,84px);line-height:.95}
.page-hero h1 em{font-style:italic;color:var(--ember)}
.spec.panel{display:block}
.spec .plate,.panel.spec>.plate{position:relative;top:auto}
.fit{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,4vw,72px);align-items:start}
.fit-k{color:var(--ember);margin-bottom:12px}
.fit-list{display:grid;gap:10px;margin-bottom:34px}
.fit-list li{display:grid;grid-template-columns:14px 1fr;gap:8px;color:#E2DDD2;font-size:16px}
.fit-list li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ember);margin-top:10px}
.fit-list.know li{color:var(--dim);font-size:15.5px}
.fit-list.know li::before{background:var(--dim-2)}
.inc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--rule-2)}
.inc li{padding:24px 24px 26px 0;border-bottom:1px solid var(--rule)}
.inc li:nth-child(even){padding-left:24px;padding-right:0;border-left:1px solid var(--rule)}
.inc h3{font-family:var(--serif);font-size:clamp(26px,2.3vw,34px);line-height:1.05;margin-bottom:10px}
.inc p{color:var(--dim);font-size:15.5px}
.related{background:var(--char);padding-top:clamp(56px,6vw,96px);padding-bottom:clamp(56px,6vw,96px)}
.rel-k{color:var(--ember)}
.strip.three{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}
.contact .picker .next{margin-top:0}
.foot-cols.four{grid-template-columns:minmax(0,3.6fr) minmax(0,2fr) minmax(0,2fr) minmax(0,3.4fr)}
.nf{min-height:70vh}
.nf .strip{margin-top:clamp(48px,6vw,88px)}
@media (max-width:1060px){
  .fit{grid-template-columns:minmax(0,1fr)}

  .foot-cols.four{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .foot-cols.four>div:first-child{grid-column:1 / -1}
}
@media (max-width:900px){
  .page-hero .hero-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:860px){
  .strip.three{grid-template-columns:minmax(0,1fr)}
  .strip.three a,.strip.three a+a,.strip.three a:nth-child(even){padding:18px 0 14px;border-left:0}
  .strip.three a::before,.strip.three a+a::before,.strip.three a:nth-child(even)::before{left:0}
}
@media (max-width:760px){
  .inc{grid-template-columns:minmax(0,1fr)}
  .inc li,.inc li:nth-child(even){padding:20px 0;border-left:0}
}
@media (max-width:640px){
  .foot-cols.four{grid-template-columns:minmax(0,1fr)}
}