/* Mammoth city template overrides on top of site.css (copied from usmammoth.com v69).
   Brand per the city-sites brief: Mammoth red #C8101C, Saira headlines, Barlow body. */
@font-face{font-family:"Saira";src:url(/assets/fonts/saira-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--red:#C8101C}
h1,h2,h3,.display,.nav a,.trust .big,.svc .n,.detail .n{font-family:"Saira","Arial Narrow",Arial,sans-serif!important;letter-spacing:-.01em}
h1{font-size:clamp(38px,5.6vw,80px)!important;line-height:1}
h2{font-size:clamp(28px,3.6vw,48px);line-height:1.04}
.svc h3,.faq h3,.detail h3{font-size:clamp(19px,1.6vw,23px)}
a[href^="tel:"],.tel{white-space:nowrap}
.lead,.detail p,.svc p{text-wrap:pretty} h1,h2,h3{text-wrap:balance}
.btn{text-align:center}
.trust .big.sm{font-size:30px}
.towns{display:flex;flex-wrap:wrap;gap:10px 12px;list-style:none;padding:0;margin:28px 0 0}
.towns li{border:1px solid rgba(0,0,0,.18);padding:10px 16px;font-weight:600;font-size:17px}
.ink2 .towns li{border-color:rgba(255,255,255,.25)}
.pv-banner{position:fixed;left:0;right:0;bottom:0;z-index:1000;background:#FFD400;color:#000;font:600 14px/1.35 Barlow,Arial,sans-serif;text-align:center;padding:8px 14px}
.pv-banner b{font-weight:700}
.pv-phone{outline:2px dashed #FFD400;outline-offset:2px}
@media (max-width:480px){.btn{flex-wrap:wrap;justify-content:center}}
/* Card grids (conditions etc.): never leave empty cells, for any card count. build.py adds c2/c3 (columns) and r1/r2 (cards in the last row) and odd. */
.systems.c2{grid-template-columns:repeat(2,1fr)!important}
.systems.c3{grid-template-columns:repeat(3,1fr)!important}
.systems.c3.r1>div:last-child{grid-column:span 3}
.systems.c3.r2>div:last-child{grid-column:span 2}
@media (max-width:860px){
  .systems.c2,.systems.c3{grid-template-columns:repeat(2,1fr)!important}
  .systems.c3.r1>div:last-child,.systems.c3.r2>div:last-child{grid-column:auto}
  .systems.c2.odd>div:last-child,.systems.c3.odd>div:last-child{grid-column:span 2}
}
@media (max-width:540px){
  .systems.c2,.systems.c3{grid-template-columns:1fr!important}
  .systems>div:last-child,.systems.odd>div:last-child{grid-column:auto!important}
}
/* Place names in headings never split across lines (build.py wraps them in .nw). Phone H1 sized so the longest name fits on one line. */
.nw{white-space:nowrap}
@media (max-width:480px){h1{font-size:clamp(28px,8.4vw,40px)!important}h2{font-size:clamp(24px,7vw,32px)}}
@media (max-width:360px){h1{font-size:26px!important}}