/* Sell My Quad Bike: olive drab, black and signal red, with mud on it. */
:root{
  --black:#151612;
  --olive:#4b5320;
  --olive-dk:#2d3218;
  --olive-lt:#9aa165;
  --canvas:#e4e0d1;
  --canvas-2:#d2cdb8;
  --red:#c8281e;
  --red-dk:#a31f17;
  --mud:#5a4a32;
  --ink:#1e1f18;
  --grey:#55574a;
  --wa:#1d7f45;
  --stencil:"Big Shoulders Stencil","Arial Narrow",Impact,sans-serif;
  --slab:"Roboto Slab",Rockwell,Georgia,serif;
  --noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23n%29'/%3E%3C/svg%3E");
  --tread:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='44'%3E%3Cpath d='M4 4 L30 22 L4 40 M34 4 L60 22 L34 40 M64 4 L90 22 L64 40 M94 4 L120 22 L94 40' fill='none' stroke='%23e4e0d1' stroke-width='9' stroke-linejoin='bevel'/%3E%3C/svg%3E");
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--canvas);color:var(--ink);font:400 1rem/1.7 var(--slab)}
img{max-width:100%;height:auto;display:block}
a{color:var(--red-dk);text-underline-offset:.2em}
h1,h2,h3{margin:0 0 .45em;line-height:1.05;color:var(--black);text-wrap:balance}
h1,h2,.stencil{font-family:var(--stencil);font-weight:800;text-transform:uppercase;letter-spacing:.01em}
h1{font-size:clamp(2.6rem,6vw,4.6rem)}
h2{font-size:clamp(2.1rem,4.4vw,3.4rem);line-height:.98}
h3{font:700 1.12rem/1.3 var(--slab)}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.rig{max-width:1220px;margin:0 auto;padding:0 28px}
.hop{position:absolute;left:-999px;top:6px;background:var(--red);color:#fff;padding:10px 14px;z-index:99}
.hop:focus{left:12px}
.lead{font-size:1.08rem;max-width:58ch}

/* Buttons */
.hit{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:52px;padding:12px 24px;border:0;border-radius:3px;background:var(--red);color:#fff;
  font:800 1.25rem/1 var(--stencil);text-transform:uppercase;letter-spacing:.04em;text-decoration:none;cursor:pointer;white-space:nowrap;box-shadow:0 3px 0 var(--black);transition:transform .08s,box-shadow .08s,background-color .15s}
.hit:hover{background:var(--red-dk)}
.hit:active{transform:translateY(2px);box-shadow:0 1px 0 var(--black)}
.hit-sm{min-height:42px;padding:9px 16px;font-size:1.08rem}
.hit-full{width:100%}
.hit-black{background:var(--black);box-shadow:0 3px 0 rgba(0,0,0,.45)}
.hit-black:hover{background:#2a2b24}
.hit-wa{background:var(--wa);font-family:var(--slab);font-size:.98rem;font-weight:700;text-transform:none;letter-spacing:0}
.hit-wa:hover{background:#166437}
.hit-ghost{background:transparent;color:var(--black);box-shadow:inset 0 0 0 3px var(--black)}
.hit-ghost:hover{background:var(--black);color:var(--canvas)}

/* Dash (top strip) and cab (header) */
.dash{background:var(--black);color:var(--canvas-2);font-size:.82rem}
.dash-row{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:36px}
.dash-note{display:flex;flex-wrap:wrap;gap:4px 18px;list-style:none;margin:0;padding:0}
.dash-note li{display:flex;align-items:center;gap:7px}
.dash-note li::before{content:"";width:7px;height:7px;background:var(--red)}
.dash-tel{color:#fff;font-weight:700;text-decoration:none;white-space:nowrap}
.cab{background:var(--olive-dk) var(--noise);color:var(--canvas);position:sticky;top:0;z-index:30;border-bottom:4px solid var(--red)}
.cab-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px}
.badge{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--canvas)}
.q-mark{width:42px;height:42px;flex:none}
.badge-words{display:flex;flex-direction:column;line-height:.9;font-family:var(--stencil);text-transform:uppercase;white-space:nowrap}
.badge-words span{font-weight:700;font-size:.95rem;color:var(--olive-lt);letter-spacing:.08em}
.badge-words b{font-weight:900;font-size:1.75rem;letter-spacing:.02em}
.cab-nav{display:flex;align-items:center;gap:26px}
.cab-nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0}
.cab-nav ul a{color:var(--canvas);text-decoration:none;font-weight:500;font-size:.95rem;white-space:nowrap;padding:6px 0;border-bottom:3px solid transparent}
.cab-nav ul a:hover,.cab-nav ul a[aria-current]{border-bottom-color:var(--red)}
.cab-toggle{display:none}

/* Hero: the field. Band photo 1 full-bleed, headline stencilled over a ground-up gradient. */
.field{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:clamp(540px,80vh,780px);background:var(--olive-dk);color:var(--canvas);overflow:hidden}
.field-photo{position:absolute;inset:0;z-index:-2}
.field-img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.field::after{content:"";position:absolute;inset:0;z-index:-1;background:
  linear-gradient(to top,rgba(21,22,18,.96) 0%,rgba(21,22,18,.82) 26%,rgba(21,22,18,.35) 58%,rgba(21,22,18,.1) 100%),
  linear-gradient(90deg,rgba(21,22,18,.55) 0%,rgba(21,22,18,0) 60%)}
.field-words{width:100%;padding-top:120px;padding-bottom:46px}
.field-pre{display:inline-block;margin:0 0 16px;padding:5px 11px;background:var(--red);color:#fff;font-weight:700;font-size:.9rem}
.field h1{color:var(--canvas);margin:0;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.h1-stencil{display:block;font-size:clamp(3.6rem,11.5vw,10rem);line-height:.82;letter-spacing:0}
.h1-sub{display:block;margin-top:20px;font:400 clamp(1.05rem,1.7vw,1.3rem)/1.5 var(--slab);text-transform:none;letter-spacing:0;color:#ece9dc;max-width:46ch}
.field-cap{position:absolute;top:22px;right:28px;margin:0;padding:5px 10px;background:var(--black);color:var(--olive-lt);font:700 .95rem/1.2 var(--stencil);text-transform:uppercase;letter-spacing:.06em}

/* Console: the valuation form laid out as one long strip under the photo */
.console{background:var(--black) var(--noise);color:var(--canvas);border-bottom:6px solid var(--red)}
.console .plate{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,2fr);column-gap:44px;align-items:end;background:transparent;color:var(--canvas);border:0;border-radius:0;box-shadow:none;padding:30px 0 26px}
.console .rivets{display:none}
.console .plate h2{grid-column:1;grid-row:1;color:var(--canvas);font-size:clamp(1.9rem,2.6vw,2.4rem);line-height:.95;margin:0}
.console .plate-sub{grid-column:1;grid-row:2;color:var(--olive-lt);margin:6px 0 0}
.console .plate-part-1{grid-column:2;grid-row:1/span 2;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) auto;gap:16px;align-items:end}
.console .plate-part-1 .pl{margin:0;color:var(--canvas-2)}
.console .plate-part-1 .hit{min-height:54px;padding:12px 28px}
.console .plate-error{grid-column:1/-1;grid-row:3;margin:18px 0 0}
.console .plate-part-2{grid-column:1/-1;grid-row:4;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;margin-top:22px;padding-top:22px;border-top:2px dashed rgba(228,224,209,.22)}
.console .plate-part-2{display:grid}
.js .console .plate-part-2{display:none}
.js .console .plate-open .plate-part-2{display:grid}
.console .plate-part-2 .pl{color:var(--canvas-2)}
.console .plate-part-2 .pl-opt{color:#a9a693}
.console .plate-note,.console .plate-part-2>.pl,.console .pl-check,.console .plate-part-2>.hit{grid-column:1/-1}
.console .plate-part-2>.hit{justify-self:start;min-width:320px}
.console .pl-check a{color:#fff}
.console .plate-alt{grid-column:1/-1;grid-row:5;text-align:left;color:#a9a693;margin-top:16px}
.console .plate-alt a{color:var(--canvas)}

/* Brief: the lead copy under the form */
.brief{padding:58px 0 54px}
.brief-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px;align-items:start}
.brief .lead{margin:0;font-size:1.14rem;max-width:56ch}
.checks{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:10px}
.checks li{position:relative;padding-left:30px;font-weight:600}
.checks li::before{content:"";position:absolute;left:0;top:.42em;width:14px;height:14px;background:var(--red);box-shadow:3px 3px 0 var(--olive)}
.brief-call{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin:0}
.brief-tel{display:flex;flex-direction:column;color:var(--black);text-decoration:none;font:800 2.1rem/1 var(--stencil)}
.brief-tel small{font:400 .82rem/1.3 var(--slab);color:var(--grey)}

/* The valuation plate */
.plate{position:relative;background:var(--canvas);color:var(--ink);border-radius:4px;padding:30px 26px 24px;border-top:10px solid var(--red);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.rivets i{position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0 15%,#9c9884 40%,#5d5a4c 100%)}
.rivets i:nth-child(1){left:10px;top:10px}.rivets i:nth-child(2){right:10px;top:10px}.rivets i:nth-child(3){left:10px;bottom:10px}.rivets i:nth-child(4){right:10px;bottom:10px}
.plate h2{font-size:2.2rem;margin:0 0 4px}
.plate-sub{color:var(--grey);margin:0 0 18px;font-size:.95rem}
.plate-error{background:#f4d6d2;color:#7a1610;padding:10px 12px;font-weight:700}
.pl{display:block;font-weight:700;font-size:.88rem;margin-bottom:14px}
.pl input,.pl select,.pl textarea{display:block;width:100%;margin-top:6px;font:400 1rem/1.3 var(--slab);color:var(--ink);background:#f6f4ec;border:2px solid #b9b39c;border-radius:2px;padding:11px 12px}
.pl input:focus,.pl select:focus,.pl textarea:focus{outline:none;border-color:var(--black);box-shadow:0 0 0 3px rgba(200,40,30,.3)}
.pl .pl-reg{font:800 1.6rem/1.1 var(--stencil);letter-spacing:.06em;text-transform:uppercase;background:#fff;border-color:var(--black)}
.pl .pl-reg::placeholder{font:400 1rem/1.2 var(--slab);letter-spacing:0;text-transform:none;color:#8d8875}
.pl-bad{border-color:var(--red)!important;box-shadow:0 0 0 3px rgba(200,40,30,.25)!important}
.pl-opt{font-weight:400;color:var(--grey)}
.pl-money{display:flex;align-items:center;gap:6px}
.pl-money>span{font-weight:700;margin-top:6px}
.pl-two{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.pl-check{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;margin:4px 0 16px}
.pl-check input{width:20px;height:20px;margin-top:2px;accent-color:var(--red);flex:none}
.plate-note{background:var(--olive);color:var(--canvas);padding:9px 12px;font-size:.9rem;font-weight:600}
.plate-hp{position:absolute;left:-9999px}
.js .plate-part-2{display:none}
.js .plate-open .plate-part-2{display:block}
.js .plate-open .js-more{display:none}
.plate-alt{font-size:.86rem;color:var(--grey);margin:14px 0 0;text-align:center}
.plate-alt a{color:var(--ink)}

/* Callsign band (makes) */
.callsign{background:var(--red);color:#fff}
.callsign-list{list-style:none;margin:0 auto;padding-top:14px;padding-bottom:14px;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 0}
.callsign li{font:800 1.3rem/1.2 var(--stencil);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}
.callsign li:not(:last-child)::after{content:"/";margin:0 14px;color:var(--black);opacity:.55}

/* Terms strip (promises) */
.terms-strip{padding:46px 0;border-bottom:2px solid var(--canvas-2)}
.terms-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.term{padding:4px 24px 4px 0;margin-right:24px;border-right:2px dashed var(--canvas-2)}
.term:last-child{border-right:0;margin-right:0}
.term h3{font:800 1.5rem/1.05 var(--stencil);text-transform:uppercase;color:var(--red-dk);margin-bottom:8px}
.term p{margin:0;color:var(--grey);font-size:.95rem}

/* Bays (sections) */
.bay{padding:84px 0}
.bay-slim{padding:30px 0}
.bay-lead{max-width:62ch;color:var(--grey);font-size:1.04rem;margin:-6px 0 32px}
.bay-foot{margin:34px 0 0}
.bay .stencil{max-width:26ch;margin-bottom:30px}
.bay-dark{background:var(--olive-dk) var(--noise);color:var(--canvas)}
.bay-dark .stencil,.bay-olive .stencil{color:var(--canvas)}
.bay-dark .bay-lead{color:#c8c5b2}
.bay-mud{background:var(--canvas-2)}
.bay-olive{background:var(--olive) var(--noise);color:var(--canvas)}

.kit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.kit-item{background:#efece1;border-left:6px solid var(--olive);padding:20px 20px 18px}
.kit-item p{margin:0;color:var(--grey);font-size:.95rem}

.drill{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.drill-n{display:block;font:900 5.2rem/.8 var(--stencil);color:var(--red);margin-bottom:14px}
.drill p{margin:0;color:var(--grey)}

.crates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.crate{position:relative;display:flex;flex-direction:column;background:var(--black) var(--noise);color:var(--canvas);text-decoration:none;padding:22px 20px 20px;border-bottom:6px solid var(--olive);transition:border-color .15s}
.crate:hover{border-bottom-color:var(--red)}
.crate-code{display:block;font:900 2.3rem/.95 var(--stencil);text-transform:uppercase;color:var(--olive-lt);margin-bottom:14px}
.crate h3{color:#fff;margin-bottom:8px}
.crate p{color:#c3c0ad;font-size:.92rem;margin-bottom:16px}
.crate-go{margin-top:auto;font-weight:700;color:#fff;text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:3px;text-underline-offset:.3em}

.sheets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sheet{background:var(--canvas);color:var(--ink);padding:22px 20px;border-left:6px solid var(--red)}
.sheet-tag{display:inline-block;background:var(--black);color:var(--canvas);font:800 .95rem/1 var(--stencil);text-transform:uppercase;letter-spacing:.06em;padding:5px 8px;margin-bottom:12px}
.sheet p{margin:0;color:var(--grey);font-size:.95rem}

.spec-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px;border-top:4px solid var(--black)}
.spec{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:16px;padding:16px 0;border-bottom:1px solid var(--canvas-2)}
.spec h3{margin:0}
.spec p{margin:0;color:var(--grey);font-size:.95rem}

.owners{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.owner{border-top:4px solid var(--red);padding-top:16px}
.owner h3{color:#fff;font-size:1.25rem}
.owner p{margin:0;color:#e1decd}

.reviews-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}
.reviews-row p{margin:0}

.grid-ref{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 50px}
.grid-ref-block h3{font:800 1.45rem/1 var(--stencil);text-transform:uppercase;background:var(--black);color:var(--canvas);display:inline-block;padding:6px 10px;margin-bottom:14px}
.towns{list-style:none;padding:0;margin:0;columns:3 140px;column-gap:20px}
.towns li{break-inside:avoid;padding:2px 0}
.towns a{color:var(--ink);text-decoration:none;border-bottom:2px solid var(--canvas-2)}
.towns a:hover{border-bottom-color:var(--red)}

.faq-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:50px;align-items:start}
.faq{border-bottom:2px solid var(--canvas-2)}
.faq:first-child{border-top:4px solid var(--black)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:16px 0;font-weight:700}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;display:grid;place-items:center;width:28px;height:28px;background:var(--black);color:#fff;font:800 1.3rem/1 var(--stencil)}
.faq[open] summary::after{content:"\2212";background:var(--red)}
.faq p{margin:0 0 18px;color:var(--grey);max-width:66ch}


/* Steps beside band photo 3 */
.drill-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:stretch}
.drill-photo{position:relative;margin:0;min-height:420px;background:var(--olive-dk);box-shadow:12px 12px 0 var(--red)}
.drill-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.drill-split .drill{grid-template-columns:1fr;gap:26px}
.drill-split .drill li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px;align-items:start;padding-bottom:22px;border-bottom:2px dashed #b9b39c}
.drill-split .drill li:last-child{border-bottom:0;padding-bottom:0}
.drill-split .drill-n{margin:0}

/* Sellers over band photo 2 */
.sellers{position:relative;isolation:isolate;overflow:hidden;background:var(--olive-dk);color:var(--canvas);padding:120px 0 96px}
.sellers-img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.sellers::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(45,50,24,.95) 0%,rgba(45,50,24,.86) 50%,rgba(45,50,24,.55) 100%)}
.sellers .stencil{color:var(--canvas);max-width:20ch;margin-bottom:34px}

/* Reach (home areas) */
.reach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:56px;align-items:start}
.reach p{max-width:52ch}
.reach-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:3px solid var(--black);border-left:3px solid var(--black)}
.reach-list li{border-right:3px solid var(--black);border-bottom:3px solid var(--black)}
.reach-list a{display:block;padding:14px 12px 12px;overflow-wrap:anywhere;color:var(--black);text-decoration:none;font:800 1.15rem/1.05 var(--stencil);text-transform:uppercase;letter-spacing:.02em}
.reach-list a:hover{background:var(--black);color:var(--canvas)}

/* Inner pages */
.wrap{max-width:1220px;margin:0 auto;padding:0 28px}
.narrow{max-width:860px}
.page{padding:64px 0 80px}
.page h1{font-size:clamp(2.6rem,6vw,4.4rem);margin-bottom:.35em}
.page h2{font-size:clamp(1.7rem,3vw,2.3rem);margin:1.5em 0 .4em}
.page ul{padding-left:1.2em}
.page li{margin-bottom:.4em}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 24px;border-radius:3px;background:var(--red);color:#fff;font:800 1.25rem/1 var(--stencil);text-transform:uppercase;letter-spacing:.04em;text-decoration:none;box-shadow:0 3px 0 var(--black)}
.btn:hover{background:var(--red-dk)}
.hero-inner{background:var(--olive-dk) var(--noise);color:var(--canvas);padding:54px 0 64px;border-bottom:6px solid var(--red)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:52px;align-items:start}
.hero-inner h1{color:var(--canvas);font-size:clamp(2.6rem,5.4vw,4.6rem);line-height:.9;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hero-inner .lead{color:#dcd8c6}
.glyph{width:54px;height:54px;flex:none}
.crumbs{font-size:.88rem;color:var(--olive-lt);margin-bottom:18px}
.crumbs a{color:var(--canvas)}
.ticks{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:8px}
.ticks li{position:relative;padding-left:28px;font-weight:600}
.ticks li::before{content:"";position:absolute;left:0;top:.45em;width:13px;height:13px;background:var(--red)}
.points,.models-sec,.types,.related{padding:72px 0}
.models-sec{padding:20px 0 64px}
.models-sec .narrow{max-width:1220px}
.related{padding:56px 0 30px}
.sec-title{font-size:clamp(1.9rem,3.6vw,2.8rem);margin-bottom:26px}
.point-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.point{background:#efece1;border-left:6px solid var(--olive);padding:20px}
.point p{margin:0;color:var(--grey);font-size:.95rem}
.type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.area-pills{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.area-pills a,.pill{display:inline-block;padding:8px 13px;background:var(--black);color:var(--canvas);text-decoration:none;font-weight:600;font-size:.92rem;border-radius:2px}
.area-pills a:hover{background:var(--red)}
.center{text-align:center;margin:10px 0 50px}
.doc-detail{padding-top:40px}
.doc-long{padding:26px 0 8px;border-bottom:2px dashed var(--canvas-2)}
.doc-long h2{margin-top:0}
.doc-tag{display:inline-block;background:var(--black);color:var(--canvas);font:800 .95rem/1 var(--stencil);text-transform:uppercase;letter-spacing:.06em;padding:5px 8px;margin:0 0 10px}
.checklist li{margin-bottom:.5em}
.muted{color:var(--grey);font-size:.92rem}
.contact-list{display:grid;grid-template-columns:max-content 1fr;gap:10px 22px;margin:26px 0 0}
.contact-list dt{font-weight:700;color:var(--olive-lt)}
.contact-list dd{margin:0}
.contact-list a{color:#fff}
.tbl{width:100%;border-collapse:collapse;font-size:.92rem}
.tbl th,.tbl td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--canvas-2)}

/* Areas: one A to Z index */
.az-jump{display:flex;flex-wrap:wrap;gap:6px;margin:26px 0 36px}
.az-jump a{display:grid;place-items:center;width:40px;height:40px;background:var(--black);color:var(--canvas);text-decoration:none;font:800 1.2rem/1 var(--stencil)}
.az-jump a:hover{background:var(--red)}
.az{columns:4 220px;column-gap:36px}
.az-block{break-inside:avoid;margin-bottom:22px}
.page .az-letter{margin:0 0 6px;font-size:2.2rem;color:var(--red-dk);border-bottom:3px solid var(--black)}
.az ul{list-style:none;padding:0;margin:0}
.az li{margin:0;padding:3px 0}
.az li a{color:var(--ink);text-decoration:none;border-bottom:2px solid var(--canvas-2)}
.az li a:hover{border-bottom-color:var(--red)}

/* Signal (CTA) */
.signal{background:var(--red);color:#fff;padding:56px 0}
.signal-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px}
.signal h2{color:#fff;margin:0;max-width:16ch}
.signal-acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.signal-tel{color:#fff;font-weight:700}

/* Gallery reel */
.reel{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-rows:auto auto;gap:16px}
.reel-shot:first-child{grid-row:span 2;display:flex;flex-direction:column}
.reel-shot:first-child img{flex:1;aspect-ratio:auto;min-height:0;height:100%}
.reel-shot{margin:0;background:var(--black);padding:8px 8px 0;border-bottom:4px solid var(--red)}
.reel-shot img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--olive)}
.reel-shot figcaption{padding:10px 4px 12px;color:var(--canvas);font-weight:700;font-size:.95rem}
.reel-credit{display:block;font-weight:400;font-size:.8rem;color:#a9a693}

/* Yard (footer) */
.yard{background:var(--black) var(--noise);color:#c8c5b2}
.yard-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;padding-top:60px;padding-bottom:36px}
.yard h2{font:800 1.35rem/1.1 var(--stencil);text-transform:uppercase;color:var(--olive-lt);margin:6px 0 14px}
.yard ul{list-style:none;padding:0;margin:0}
.yard li{margin-bottom:8px}
.yard a{color:var(--canvas);text-decoration:none}
.yard a:hover{text-decoration:underline}
.yard-brand p{max-width:36ch;font-size:.93rem;margin-top:14px}
.yard-tel a{font:800 1.6rem/1 var(--stencil);color:#fff}
.yard .hit-wa{color:#fff}
.yard-legal{border-top:1px solid rgba(228,224,209,.15);padding-top:18px;padding-bottom:90px;font-size:.84rem}

.wa-pin{position:fixed;right:16px;bottom:16px;z-index:40;width:56px;height:56px;border-radius:4px;display:grid;place-items:center;background:var(--wa);color:#fff;box-shadow:0 3px 0 var(--black)}

/* Responsive */
@media (max-width:1180px){.crates{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1000px){
  .hero-grid,.brief-grid,.reach,.drill-split{grid-template-columns:1fr;gap:36px}
  .hero-inner .plate{max-width:600px}
  .drill-photo{min-height:0;aspect-ratio:16/10}
  .console .plate{grid-template-columns:1fr}
  .console .plate h2,.console .plate-sub,.console .plate-part-1,.console .plate-error,.console .plate-part-2,.console .plate-alt{grid-column:1;grid-row:auto}
  .console .plate-part-1{margin-top:18px}
  .point-grid,.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kit-grid,.sheets,.crates{grid-template-columns:repeat(2,minmax(0,1fr))}
  .terms-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 0}
  .term:nth-child(2){border-right:0;margin-right:0}
  .spec-list,.grid-ref{grid-template-columns:1fr}
  .faq-split{grid-template-columns:1fr;gap:10px}
  .yard-grid{grid-template-columns:1fr 1fr}
  .dash-note li:nth-child(n+2){display:none}
}
@media (max-width:900px){
  .cab-toggle{display:inline-flex;align-items:center;background:var(--red);color:#fff;border:0;border-radius:3px;padding:10px 16px;font:800 1.1rem/1 var(--stencil);text-transform:uppercase;letter-spacing:.05em;cursor:pointer}
  .cab-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--olive-dk);border-bottom:4px solid var(--red);flex-direction:column;align-items:stretch;padding:8px 28px 22px;gap:12px}
  .cab-nav.cab-open{display:flex}
  .cab-nav ul{flex-direction:column;gap:0}
  .cab-nav ul a{display:block;padding:12px 0;border-bottom:1px solid rgba(228,224,209,.15)}
  .cab-row{position:relative}
}
@media (max-width:640px){
  .rig{padding:0 16px}
  .bay{padding:58px 0}
  .wrap{padding:0 16px}
  .field{min-height:600px}
  .field-img{object-position:50% 40%}
  .field-words{padding-bottom:34px}
  .h1-stencil{font-size:clamp(3.3rem,18vw,4.8rem)}
  .field-cap{top:14px;right:16px;font-size:.8rem}
  .console .plate-part-1,.console .plate-part-2{grid-template-columns:1fr}
  .console .plate-part-2>.hit{min-width:0;width:100%}
  .reach-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reach-list a{font-size:1.1rem}
  .point-grid,.type-grid{grid-template-columns:1fr}
  .sellers{padding:80px 0 64px}
  .sellers::after{background:rgba(45,50,24,.88)}
  .drill-photo{box-shadow:8px 8px 0 var(--red);margin-right:8px}
  .drill-split .drill li{grid-template-columns:56px minmax(0,1fr)}
  .dash-note{display:none}
  .dash-row{justify-content:center}
  .plate{padding:28px 16px 20px}
  .pl-two{grid-template-columns:1fr}
  .kit-grid,.sheets,.crates,.drill,.owners,.reel{grid-template-columns:1fr}
  .reel-shot:first-child{grid-row:auto}
  .reel-shot:first-child img{aspect-ratio:4/3}
  .drill{gap:26px}
  .drill-n{font-size:4rem}
  .terms-row{grid-template-columns:1fr;gap:18px}
  .term{border-right:0;margin-right:0;padding:0 0 16px;border-bottom:2px dashed var(--canvas-2)}
  .term:last-child{border-bottom:0}
  .spec{grid-template-columns:1fr;gap:2px}
  .towns{columns:2}
  .yard-grid{grid-template-columns:1fr;gap:26px}
  .signal-acts .hit{flex:1 1 auto}
  .callsign li{font-size:1.1rem}
  .callsign li:not(:last-child)::after{margin:0 9px}
}
@media (prefers-reduced-motion:reduce){.hit,.crate{transition:none}}
@media print{.wa-pin,.dash{display:none}}
.hero-inner h1 .glyph{display:none}