@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/barlow-400.woff2') format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/barlow-500.woff2') format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/barlow-600.woff2') format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/barlow-700.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/barlow-condensed-500.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/barlow-condensed-600.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/barlow-condensed-700.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/jetbrains-mono.woff2') format('woff2')}

/* Houston Reefer Services — COLD CHAIN variant of the Houston trucking
   family (houstondieselshops.com system). Family: dark asphalt canvas,
   amber #ffb020, Barlow Condensed display, JetBrains Mono readouts.
   Variation: ice-cyan cold-chain accent, manifest rows, census board,
   temperature band, condensed eyebrows. Directory-only launch: the
   operators' numbers ARE the call action; per-page Umami call-click. */
:root{
  --bg:#0c0e12; --panel:#141920; --panel2:#1b222c; --line:#27303e;
  --ink:#e8eaed; --muted:#98a2b0;
  --amber:#ffb020; --amber-deep:#b37917;
  --ice:#8fd6f2; --ice-deep:#3f97bb;
  --go:#2fbf71; --alert:#f0544f;
  --r:5px;
  --f-display:"Barlow Condensed","Arial Narrow",sans-serif;
  --f-body:"Barlow",system-ui,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--f-body);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p,dl,dd{margin:0}
a{color:var(--ice)}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
:focus-visible{outline:2px solid var(--ice);outline-offset:2px;border-radius:2px}

/* family primitives, reefer-tuned */
.eyebrow{font-family:var(--f-display);font-weight:600;font-size:15px;letter-spacing:.22em;text-transform:uppercase;color:var(--amber)}
.hazard{background-image:repeating-linear-gradient(-45deg,var(--amber) 0 14px,var(--bg) 14px 28px)}
.hazard--ice{background-image:repeating-linear-gradient(-45deg,var(--ice-deep) 0 14px,var(--bg) 14px 28px)}
.readout{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.mono{font-family:var(--f-mono)}

/* masthead — flat slate bar (family: sticky + panel, no blur here) */
.masthead{position:sticky;top:0;z-index:50;background:var(--panel);border-bottom:1px solid var(--line);border-image:linear-gradient(90deg,var(--ice-deep),var(--amber)) 1;border-image-slice:1 0 0 0 / 0 0 3px 0}
.masthead-in{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:0 20px;max-width:1160px;margin:0 auto;min-height:60px}
.brand{font:600 21px/1.05 var(--f-display);letter-spacing:.03em;text-transform:uppercase;color:var(--ink);text-decoration:none}
.brand b{color:var(--ice);font-weight:600}
.brand small{display:block;font:400 9.5px/1.3 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
nav.main{display:flex;gap:18px;flex-wrap:wrap;font-family:var(--f-mono);font-size:12px;text-transform:uppercase;letter-spacing:.09em;margin-left:auto}
nav.main a{color:var(--muted);text-decoration:none;padding:4px 0;border-bottom:2px solid transparent}
nav.main a:hover{color:var(--ice)}
nav.main a[aria-current="page"]{color:var(--ice);border-bottom-color:var(--ice-deep)}
.ctabtn{border:1px solid var(--ice-deep);color:var(--ice);text-decoration:none;padding:8px 14px;border-radius:var(--r);font:500 12px var(--f-mono);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;transition:background 140ms ease}
.ctabtn:hover{background:color-mix(in srgb,var(--ice-deep) 14%,transparent)}

/* home dock — asymmetric hero + census board (family variation) */
.dock{border-bottom:1px solid var(--line);background:
  radial-gradient(1200px 380px at 18% -10%, color-mix(in srgb,var(--ice-deep) 10%,transparent), transparent),
  var(--bg)}
.dockgrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:40px;padding:58px 20px 46px;align-items:start}
.dock .kicker{font:600 14px/1 var(--f-display);letter-spacing:.22em;text-transform:uppercase;color:var(--ice)}
.dock h1{font:600 50px/1.02 var(--f-display);text-transform:uppercase;letter-spacing:.005em;margin:16px 0 14px;max-width:640px}
.dock h1 .am{color:var(--amber)}
.dock .lede{font-size:18px;color:var(--muted);max-width:600px}
.dock .ctorow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:24px 0 8px}
.dock .ctosub{font:400 11.5px var(--f-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.dock .statline{margin-top:22px;font:400 11.5px var(--f-mono);text-transform:uppercase;letter-spacing:.11em;color:var(--muted)}
.dock .statline b{color:var(--ink);font-weight:500}
/* census board — the mono readout panel */
.board{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--ice-deep);border-radius:var(--r);padding:18px 20px 8px;font-family:var(--f-mono)}
.board h5,.board .boardtitle{font:500 11px var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.board .brow{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px dashed var(--line);font-size:12px}
.board .brow:first-of-type{border-top:0}
.board .brow span{color:var(--muted)}
.board .brow b{color:var(--ink);font-weight:500;text-align:right}
.board .brow b.hi{color:var(--ice)}
.board .bfoot{font-size:10.5px;color:var(--muted);padding:10px 0 10px;letter-spacing:.04em}

/* temperature band — the cold-chain strip (this site's signature) */
.chain{margin:34px 0 0}
.chainbar{height:10px;border-radius:5px;background:linear-gradient(90deg,var(--ice) 0%,var(--ice-deep) 38%,#c78a3a 72%,var(--amber) 100%);position:relative}
.chainbar .tick{position:absolute;top:-4px;width:2px;height:18px;background:var(--bg);border-left:1px solid color-mix(in srgb,var(--ink) 40%,transparent)}
.chainticks{display:flex;justify-content:space-between;gap:8px;margin-top:14px;flex-wrap:wrap}
.chainticks div{min-width:120px;flex:1 1 120px}
.chainticks .t{display:block;font:500 12.5px/1.2 var(--f-mono);color:var(--ink);letter-spacing:.02em}
.chainticks .d{display:block;font:400 10.5px/1.4 var(--f-mono);color:var(--muted);margin-top:2px;text-transform:uppercase;letter-spacing:.06em}
.chainlegend{margin-top:12px;font:400 11px var(--f-mono);color:var(--muted);letter-spacing:.05em;text-transform:uppercase}

/* sections */
main{padding:42px 0 10px}
h2.sec{font:700 32px/1.05 var(--f-display);text-transform:uppercase;letter-spacing:.01em;margin:36px 0 6px}
p.sechelp{color:var(--muted);margin:0 0 18px;max-width:700px}
.areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.area{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px;text-decoration:none;color:var(--ink);display:block;transition:border-color 140ms ease,transform 140ms ease}
.area:hover{border-color:var(--ice-deep);transform:translateY(-2px)}
.area .county-name{font:600 20px var(--f-display);text-transform:uppercase;color:var(--ink)}
.area .meta{font-size:13.5px;color:var(--muted);margin:6px 0 10px}
.area .go{font:500 12px var(--f-mono);text-transform:uppercase;letter-spacing:.09em;color:var(--ice)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:18px 0}
.step{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px;font-size:14.5px;color:var(--muted)}
.step b{display:block;font:600 14px var(--f-display);letter-spacing:.1em;margin-bottom:6px;color:var(--amber);text-transform:uppercase}
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:36px 0}
.trust div{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--ice-deep);border-radius:var(--r);padding:14px 16px;font-size:14.5px;color:var(--muted)}
.trust strong{display:block;margin-bottom:4px;color:var(--ink);font-weight:600}
.wedgebox{background:var(--panel);border:2px dashed var(--ice-deep);border-radius:var(--r);padding:18px 20px;margin:26px 0;font-size:15px;position:relative;overflow:hidden}
.wedgebox .hz{position:absolute;left:0;top:0;height:8px;width:100%;opacity:.85}
.wedgebox ul{margin:36px 0 0;padding:0;list-style:none}
.wedgebox li{position:relative;padding-left:20px;margin:7px 0}
.wedgebox li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:2px;background:var(--ice)}

/* page band for interior pages */
.pageband{border-bottom:1px solid var(--line);background:var(--panel)}
.pageband .wrap{padding:34px 20px 28px}
.pageband h1{font:700 38px/1.06 var(--f-display);text-transform:uppercase;letter-spacing:.01em}
.pageband .cities{color:var(--muted);font-size:15px;margin-top:8px;max-width:720px}
.ctastrip{background:var(--panel2);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;margin:24px 0;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.ctastrip .msg{flex:1;min-width:220px;font-size:15px;color:var(--muted)}
.ctastrip .msg b{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.03em;font-size:17px;color:var(--ink)}

/* manifest rows — this site replaces the siblings' grid cards */
.manifest{display:flex;flex-direction:column;gap:12px}
.mnrow{display:grid;grid-template-columns:5px minmax(0,1fr) 250px;gap:0 20px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:border-color 140ms ease,transform 140ms ease}
.mnrow:hover{border-color:color-mix(in srgb,var(--ice-deep) 55%,var(--line));transform:translateY(-1px)}
.rail{grid-row:1 / span 2;background:var(--ice-deep)}
.mnrow.g-shops .rail{background:var(--amber)}
.mnrow.g-mobile .rail{background:var(--ice-deep)}
.mnrow.g-dealers .rail{background:repeating-linear-gradient(-45deg,var(--muted) 0 6px,transparent 6px 12px);opacity:.7}
.mnmain{padding:16px 0 14px 16px;min-width:0}
.mnside{padding:16px 16px 14px 0;display:flex;flex-direction:column;align-items:flex-end;gap:8px;justify-content:flex-start}
.mnhead{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.mnhead h4{font:600 23px/1.1 var(--f-display);text-transform:uppercase;letter-spacing:.01em}
.mnhead h4 a{color:var(--ink);text-decoration:none}
.mnhead h4 a:hover{color:var(--ice)}
.pill{display:inline-flex;align-items:center;font:500 10px var(--f-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:2px 7px;white-space:nowrap}
.pill--dealer{color:var(--muted);border-style:dashed}
.presence{font:400 10.5px var(--f-mono);color:var(--ice-deep);letter-spacing:.06em;white-space:nowrap}
.mnbase{color:var(--muted);font-size:13px;margin-top:4px}
.mnblurb{font-size:14.5px;margin-top:8px;color:var(--ink);max-width:640px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.chip{font:400 10.5px var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:var(--panel2);border-radius:4px;padding:3px 8px}
.chip--on{color:var(--go);background:transparent;border:1px solid color-mix(in srgb,var(--go) 40%,transparent)}
.chip--no{color:var(--muted);background:transparent;border:1px dashed var(--line)}
.telbtn{display:inline-flex;align-items:center;gap:8px;background:var(--amber);color:#0c0e12;text-decoration:none;font:700 14.5px var(--f-mono);letter-spacing:.04em;padding:11px 18px;border-radius:var(--r);transition:transform 140ms ease;white-space:nowrap}
.telbtn:hover{transform:scale(1.02);background:#ffc14d}
.src{display:block;font:400 10.5px var(--f-mono);color:var(--muted);letter-spacing:.03em;text-align:right}
.mnlinks{display:flex;gap:12px;font:500 11.5px var(--f-mono);text-transform:uppercase;letter-spacing:.08em}
.mnlinks a{color:var(--ice);text-decoration:none}
.mnlinks a:hover{text-decoration:underline}
.js .manifest,.js ul.shuffle{visibility:hidden}
.js .manifest.shown,.js ul.shuffle.shown{visibility:visible}

/* prose pages */
article.prose{max-width:720px}
article.prose h1{font:700 38px/1.08 var(--f-display);text-transform:uppercase;letter-spacing:.01em}
article.prose h2{font:700 28px/1.12 var(--f-display);text-transform:uppercase;letter-spacing:.01em;margin-top:34px}
article.prose ul,article.prose ol{padding-left:0;margin:0 0 16px;list-style:none}
article.prose ul li{position:relative;padding-left:20px;margin:8px 0}
article.prose ul li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:2px;background:var(--ice)}
article.prose ol{list-style:decimal;padding-left:24px}
article.prose ol li{margin:8px 0}
article.prose ol li::marker{font-family:var(--f-mono);color:var(--amber)}
article.prose a{text-decoration:underline;text-underline-offset:3px}
.opfacts{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:4px 22px;margin:22px 0;max-width:720px}
.opfacts dl{display:grid;grid-template-columns:180px 1fr;gap:8px 14px;margin:14px 0}
.opfacts dt{font:500 11px var(--f-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding-top:3px}
.opfacts dd{margin:0;font-size:15px}
.updated{color:var(--muted);font-size:12.5px;font-family:var(--f-mono)}
.checklist{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--ice-deep);border-radius:var(--r);padding:16px 20px;margin:20px 0}
.checklist ul{margin:10px 0 0;padding-left:0;list-style:none}
.checklist ul li{position:relative;padding-left:20px;margin:8px 0}
.checklist ul li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:2px;background:var(--ice)}
.danger{background:var(--panel);border:1px solid color-mix(in srgb,var(--alert) 45%,transparent);border-left:4px solid var(--alert);border-radius:var(--r);padding:14px 18px;margin:20px 0;font-size:15px;position:relative;overflow:hidden}
.danger .hz{position:absolute;left:0;top:0;height:6px;width:100%;background-image:repeating-linear-gradient(-45deg,var(--alert) 0 14px,var(--bg) 14px 28px);opacity:.85}
.danger p{margin-top:2px}
ul.calllist{list-style:none;margin:14px 0;padding:0}
ul.calllist li{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin:10px 0;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
ul.calllist li:hover{border-color:var(--ice-deep)}
ul.calllist .who{flex:1 1 280px;min-width:0}
ul.calllist .who b{display:block;font:600 19px var(--f-display);text-transform:uppercase;letter-spacing:.01em}
ul.calllist .who span{display:block;font:400 11.5px var(--f-mono);color:var(--muted);margin-top:3px}

/* footer — no sibling links, ever (§12 L1); FPWS appears only as the
   functional Umami script tag, not a link */
footer.site{margin-top:56px;border-top:1px solid var(--line);background:var(--panel)}
footer.site .wrap{padding:28px 20px;font-size:13.5px;color:var(--muted);max-width:760px}
footer.site p{margin:10px 0}

.staging-badge{position:fixed;left:0;bottom:0;background:var(--ice-deep);color:#0c0e12;font:600 11px/1 var(--f-mono);letter-spacing:.08em;padding:8px 12px;border-radius:0 var(--r) 0 0;z-index:99;text-transform:uppercase}

.mobilebar{display:none}
@media(max-width:860px){
 .dockgrid{grid-template-columns:1fr;gap:26px}
 .dock h1{font-size:38px}
 .mnrow{grid-template-columns:5px minmax(0,1fr)}
 .mnside{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between;padding:0 16px 14px 16px}
 .src{text-align:left}
}
@media(max-width:720px){
 nav.main{order:3;width:100%;margin-left:0;font-size:11px;gap:12px;padding-bottom:12px}
 .chainticks div{min-width:100px;flex:1 1 100px}
 .mobilebar{display:block;position:fixed;bottom:0;left:0;right:0;background:var(--amber);color:#0c0e12;text-align:center;padding:14px;font:700 15px var(--f-mono);text-transform:uppercase;letter-spacing:.06px;text-decoration:none;z-index:9}
 body{padding-bottom:54px}
 .staging-badge{bottom:54px}
}