:root{color:#223338;--accent:#137879;--ink:#223338;--paper:#fff;--line:#d9dfd8;background:#f5f5f0;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}img{max-width:100%;height:auto}button,input,textarea{font:inherit}button,.button{cursor:pointer}.topline{background:var(--accent);height:6px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;max-width:1340px;margin:auto;padding:32px 40px;display:flex}.brand{letter-spacing:-.6px;align-items:center;gap:15px;font-size:23px;font-weight:700;text-decoration:none;display:flex}.brand small{letter-spacing:.04em;margin-top:7px;font-size:11px;font-weight:400;display:block}.brand-mark{background:var(--accent);color:var(--paper);place-items:center;min-width:48px;height:48px;font-size:20px;display:grid}.site-header nav{flex-wrap:wrap;gap:22px;font-size:13px;display:flex}.site-header nav a{text-decoration:none}.site-header nav a:hover{color:var(--accent)}main{max-width:1260px;margin:auto;padding:0 40px}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:65px;padding:75px 0 65px;display:grid}.hero:not(:has(img)){grid-template-columns:1fr;max-width:900px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700;line-height:1.6}h1{letter-spacing:-.055em;margin:20px 0 25px;font-size:clamp(40px,5vw,70px);font-weight:600;line-height:1.06}.hero-description{color:#5c6c6d;max-width:540px;font-size:18px;line-height:1.7}.button,.contact button{background:var(--accent);color:#fff;border:0;justify-content:space-between;gap:40px;margin-top:14px;padding:16px 23px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.hero-image{object-fit:cover;width:100%;height:400px}.listing{padding:20px 0 80px}.section-label{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:25px 0;display:flex}.section-label h2{letter-spacing:-.6px;margin:0;font-size:22px}.section-label span,.meta{color:#667674;font-size:11px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 26px;display:grid}.card{background:var(--paper);border:1px solid var(--line)}.card[hidden]{display:none}.card-image{aspect-ratio:1.6;display:block;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.card:hover .card-image img{transform:scale(1.025)}.typographic{color:var(--accent);background:#e4ebe6;place-items:center;font:50px Georgia,serif;text-decoration:none;display:grid}.card-body{padding:24px}.card h2{letter-spacing:-.6px;margin:10px 0 20px;font-size:23px;font-weight:600;line-height:1.25}.card h2 a{text-decoration:none}.card-body>p:not(.eyebrow,.meta){color:#65716c;font-size:14px;line-height:1.6}.listing-header{padding:55px 0 30px}.listing-header h1{font-size:52px}.pagination{flex-wrap:wrap;gap:8px;margin:40px 0;display:flex}.pagination a{border:1px solid var(--line);place-items:center;width:40px;height:40px;text-decoration:none;display:grid}.pagination [aria-current]{background:var(--accent);color:#fff}.article{max-width:850px;margin:65px auto 100px}.article.homepage{max-width:1100px;margin-top:0}.article-header{margin-bottom:45px}.article-header h1{font-size:54px}.article-cover{object-fit:cover;width:100%;max-height:550px;margin-top:25px}.prose{overflow-wrap:anywhere;font:18px/1.8 Georgia,serif}.prose h2,.prose h3{letter-spacing:-.03em;margin:1.8em 0 .7em;font-family:Arial,sans-serif;line-height:1.2}.prose a{color:var(--accent)}.prose img{margin:25px auto;display:block}.prose .gallery{grid-template-columns:repeat(3,1fr);gap:15px;margin:35px -50px;display:grid}.gallery figure{margin:0}.gallery img{aspect-ratio:1.2;object-fit:cover;margin:0}.gallery figcaption{color:#667674;margin-top:8px;font:12px/1.5 Arial,sans-serif}pre{color:#e2ece7;white-space:pre;background:#152c34;border-radius:3px;padding:45px 25px 25px;font:13px/1.7 ui-monospace,monospace;position:relative;overflow:auto}pre code{font:inherit}.copy-code{color:#fff;background:#2b4953;border:0;padding:5px 12px;font-size:11px;position:absolute;top:10px;right:12px}.tags{gap:15px;margin:35px 0;font-size:13px;display:flex}.comments{border-top:1px solid var(--line);margin-top:65px;padding-top:30px}.comments h2{font-size:26px}.comments h2 span{color:#7c8885;font-size:15px}.comment{border-bottom:1px solid var(--line);padding:25px 0;scroll-margin-top:25px;font:16px/1.7 Georgia,serif}.comment header{justify-content:space-between;gap:20px;font:12px Arial,sans-serif;display:flex}.comment header a{color:#6a7977}.reply{margin-left:30px}.search{padding:20px 0 40px}.search label,.contact label{font-size:14px;font-weight:700;display:block}.search input,input,textarea{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);margin:10px 0 20px;padding:14px;display:block}.empty{background:var(--paper);border:1px solid var(--line);margin-bottom:40px;padding:45px}.contact{border-top:1px solid var(--line);margin-top:50px;padding-top:30px}.contact form{max-width:600px}.honeypot{position:absolute;left:-10000px}.form-status{min-height:25px}footer{border-top:1px solid var(--line);color:#667674;align-items:center;gap:35px;max-width:1260px;margin:auto;padding:40px;font-size:12px;display:flex}footer p{flex:1}.footer-brand{color:var(--ink);font-weight:700;text-decoration:none}dialog{color:#fff;background:#14262a;border:0;max-width:95vw;max-height:95vh;padding:30px}dialog::backdrop{background:#000d}dialog img{width:auto;max-height:80vh}dialog button{color:#fff;background:0 0;border:0;font-size:30px;position:absolute;top:0;right:3px}body[data-site=trucksforcowboys]{--accent:#af382f;--ink:#182c41;--line:#d9cfba;color:var(--ink);background:#f4eddd}[data-site=trucksforcowboys] h1{letter-spacing:-.04em;font-family:Georgia,serif;font-weight:900}[data-site=trucksforcowboys] .brand-mark{background:#182c41}[data-site=trucksforcowboys] .topline{background:linear-gradient(90deg,#182c41 50%,#af382f 50%);height:9px}@media (width<=900px){.site-header{flex-direction:column;align-items:flex-start;padding:25px}.hero{gap:30px;padding:50px 0}.hero-image{height:320px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:0 25px}h1{font-size:50px}.prose .gallery{margin:25px 0}.site-header nav{gap:15px}.brand{font-size:22px}footer{flex-wrap:wrap;padding:30px 25px}}@media (width<=580px){.hero{grid-template-columns:1fr;gap:25px;padding:40px 0}.hero-image{height:300px}.hero h1{font-size:48px}.cards{grid-template-columns:1fr;gap:25px}.article-header h1{font-size:37px}.article{margin:40px auto 60px}.prose{font-size:17px}.prose .gallery{grid-template-columns:repeat(2,1fr)}.card h2{font-size:25px}.brand small{font-size:10px}.comment header{flex-direction:column;gap:7px}.reply{margin-left:18px}footer{gap:15px}footer p{flex-basis:100%}}.prose iframe{aspect-ratio:16/9;border:0;width:100%;height:auto;margin:30px 0;display:block}picture{display:contents}
