/* Uncle Eric's Truck Repair website, look 2 (2 Nov 2026): warm shop paper, teal ink, rust for action.
   Same colours as ShopHub. Headings in Barlow Condensed, sentence case; details in IBM Plex Mono, like a work order.
   Layout rules: phone first; one main action per screen; nothing wider than the screen; 16px+ side gutter. */
:root{
  --paper:#FBF8F1;--paper2:#F3EDE1;--card:#FFFFFF;--ink:#1A2322;--ink2:#38443F;--muted:#5F6965;--rule:#DCD3C2;--rule2:#C9BEA9;
  --teal:#133F3D;--teal2:#1C524F;--teal3:#0E2F2D;--rust:#B9512A;--rust2:#9C4120;--gold:#E0A526;--cream:#F1E4C8;--green:#2F7D4F;
  --cond:'Barlow Condensed','Arial Narrow',sans-serif;--body:'Barlow','Segoe UI',Arial,sans-serif;--mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
  --wrap:1180px;--hdr:68px;color-scheme:light
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--body)}
img{max-width:100%;height:auto;display:block}
a{color:var(--teal);text-underline-offset:3px}
h1,h2,h3{font-family:var(--cond);font-weight:800;line-height:1.03;margin:0;text-wrap:balance;letter-spacing:-.005em;color:var(--teal)}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.skip{position:absolute;left:-9999px;top:8px}.skip:focus{left:12px;z-index:60;background:var(--card);padding:10px 14px;border-radius:6px}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.sel{user-select:all}
section{padding-block:80px;scroll-margin-top:calc(var(--hdr) + 12px)}
section.tight{padding-block:48px}
.kick{font:600 13px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--rust)}
.lede{font-size:19px;line-height:1.55;color:var(--ink2);max-width:34em}
.h2{font-size:clamp(36px,4.6vw,56px)}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.small{font-size:15px;color:var(--muted);margin-top:14px}

/* Buttons: 46px tall so a gloved thumb hits them */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:7px;font:700 16px/1 var(--body);text-decoration:none;border:2px solid transparent;white-space:nowrap;cursor:pointer}
.btn.rust{background:var(--rust);color:#fff}.btn.rust:hover{background:var(--rust2)}
.btn.teal{background:var(--teal);color:#fff}.btn.teal:hover{background:var(--teal2)}
.btn.line,.btn.ghost{border-color:var(--teal);color:var(--teal);background:transparent}.btn.line:hover,.btn.ghost:hover{background:var(--paper2)}
.btn.light{border-color:#fff;color:#fff;background:transparent}.btn.light:hover{background:rgba(255,255,255,.1)}
.btn.sm{min-height:42px;padding:0 14px;font-size:15px}

/* Status line and header */
.status{background:var(--teal);color:#E7EFEC;font-size:14px}
.status .wrap{display:flex;gap:16px;justify-content:space-between;align-items:center;padding-block:6px;flex-wrap:wrap}
.status a{color:#fff;text-decoration:none;font-weight:600}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#9AA8A4;margin-right:7px;vertical-align:1px}
.dot.open{background:#5FD08B;box-shadow:0 0 0 3px rgba(95,208,139,.18)}
.hdr{background:var(--paper);border-bottom:1px solid var(--rule);position:sticky;top:env(safe-area-inset-top,0px);z-index:40}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--paper);z-index:41}
.hdr .wrap{display:flex;align-items:center;gap:18px;min-height:var(--hdr)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--teal);margin-right:auto}
.brand img{width:42px;height:42px}
.brand b{display:block;font:800 23px/.9 var(--cond);letter-spacing:.01em}
.brand small{display:block;font:600 12px/1.3 var(--body);color:var(--rust);letter-spacing:.06em;margin-top:3px;text-transform:uppercase}
nav.main{display:flex;gap:2px}
nav.main a{white-space:nowrap;color:var(--ink);text-decoration:none;font-weight:600;font-size:16px;padding:10px 10px;border-radius:6px}
nav.main a:hover{background:var(--paper2)}
nav.main a[aria-current]{color:var(--rust);box-shadow:inset 0 -3px 0 var(--rust);border-radius:0}
.hdr-call{font:700 16px/1 var(--body);color:var(--teal);text-decoration:none;white-space:nowrap;padding:12px 4px}
.menu{display:none}
.menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:700;color:var(--teal);min-height:44px;padding:0 4px}
.menu summary::-webkit-details-marker{display:none}
.menu nav{position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--rule);box-shadow:0 14px 24px -14px rgba(19,63,61,.35);display:grid;padding:6px max(20px,env(safe-area-inset-right,0px)) 14px max(20px,env(safe-area-inset-left,0px))}
.menu nav a{padding:13px 2px;border-bottom:1px solid var(--rule);color:var(--ink);text-decoration:none;font-weight:600;font-size:18px}
.menu nav a[aria-current]{color:var(--rust)}

/* Home: hero and the example work order */
.hero{padding-block:56px 0}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:56px;align-items:start}
.where{color:var(--rust);font-weight:600;font-size:15px;letter-spacing:.02em}
.hero h1{font-size:clamp(50px,7.4vw,96px);margin:14px 0 22px}
.hero .lede{font-size:20px;max-width:31em}
.wo{background:var(--card);border:1px solid var(--rule2);border-radius:4px;box-shadow:6px 6px 0 var(--paper2);font-family:var(--mono);font-size:13.5px;line-height:1.5;color:var(--ink);transform:rotate(.6deg);margin-top:8px;min-width:0}
.wo .h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:12px 16px;border-bottom:2px solid var(--ink)}
.wo .h b{font:800 20px/1 var(--cond);letter-spacing:.04em;text-transform:uppercase}
.wo .ex{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--rust);border:1px solid var(--rust);padding:2px 6px;border-radius:3px}
.wo dl{display:grid;grid-template-columns:auto minmax(0,1fr);margin:0;padding:10px 16px;gap:4px 14px;border-bottom:1px dashed var(--rule2)}
.wo dt{color:var(--muted)}.wo dd{margin:0}
.wo .cc{padding:10px 16px;display:grid;gap:9px;border-bottom:1px dashed var(--rule2)}
.wo .cc div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px}
.wo .cc span{color:var(--muted);text-transform:uppercase;font-size:11.5px;letter-spacing:.1em;padding-top:2px}
.wo .ln{padding:8px 16px;display:grid;gap:3px}
.wo .ln div{display:flex;justify-content:space-between;gap:12px}
.wo .ok{padding:10px 16px 14px;display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:2px solid var(--ink);font-weight:600}
.stamp{font:800 15px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--green);border:2px solid var(--green);padding:4px 8px;border-radius:3px;transform:rotate(-4deg)}
.horizon{margin-top:56px;border-bottom:6px solid var(--teal);background:#fff;padding-top:18px}
.horizon img{width:100%;max-width:1180px;margin:0 auto;padding-inline:20px}

/* Sticky side heading + content */
.split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:56px;align-items:start}
.split .side{position:sticky;top:calc(var(--hdr) + 28px)}
.side h2{font-size:clamp(36px,4.6vw,56px)}
.side p{margin-top:16px;color:var(--ink2);max-width:24em}
.side .btn{margin-top:22px}

/* What we work on: a ruled list, tap a row for detail */
.work{border-top:2px solid var(--ink)}
.work details{border-bottom:1px solid var(--rule2);scroll-margin-top:calc(var(--hdr) + 12px)}
.work summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 20px;padding:22px 0}
.work summary::-webkit-details-marker{display:none}
.work h3{font-size:32px;color:var(--ink)}
.work .what{grid-column:1;color:var(--ink2)}
.work .tags{grid-column:1;font-family:var(--mono);font-size:13px;color:var(--muted);overflow-wrap:anywhere;min-width:0}
.work .tags i{font-style:normal;color:var(--rule2);padding:0 6px}
.plus{grid-column:2;grid-row:1/4;align-self:center;width:38px;height:38px;border:2px solid var(--teal);border-radius:50%;position:relative}
.plus::before,.plus::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;background:var(--teal);transform:translate(-50%,-50%)}
.plus::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s}
details[open] .plus::after{transform:translate(-50%,-50%) rotate(0)}
.work ul{margin:0 0 24px;padding:0;list-style:none;columns:2;column-gap:32px}
.work li{padding:6px 0 6px 18px;position:relative;break-inside:avoid}
.work li::before{content:"";position:absolute;left:0;top:15px;width:8px;height:2px;background:var(--rust)}
.work li.pt::after{content:"with a partner";font:500 11px/1 var(--mono);color:var(--muted);border:1px solid var(--rule2);border-radius:3px;padding:2px 5px;margin-left:8px;white-space:nowrap}
.work .ask{margin:0 0 24px}
.foot-note{margin-top:18px;color:var(--muted);font-size:15px}

/* Planned work and the Tucson year */
.planned{background:var(--teal);color:#E9F0EE}
.planned .split{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.planned h2{font-size:clamp(36px,4.6vw,56px);color:#fff}
.planned .say{font-size:20px;line-height:1.55;margin-top:20px;max-width:28em}
.planned .say+.say{margin-top:14px;color:#C7D6D2;font-size:17px}
.sig{margin-top:22px;font:600 15px/1.4 var(--body);color:var(--gold)}
.year{border-top:1px solid rgba(255,255,255,.25)}
.yr{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.yr .m{font:700 13px/1.3 var(--mono);color:#AFC4BF;text-transform:uppercase;letter-spacing:.06em;padding-top:4px}
.yr h3{font-size:24px;color:#fff}
.yr p{color:#CFDDD9;font-size:16px;margin-top:4px}
.yr.now .m{color:var(--gold)}
.yr.now .m::after{content:"Now";display:block;margin-top:6px;width:max-content;background:var(--gold);color:var(--teal);padding:2px 7px;border-radius:3px;font-size:11px}

/* A breakdown call, by the clock */
.morning .intro{margin-top:14px;color:var(--ink2);max-width:36em}
.tl{margin:40px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:2px solid var(--ink)}
.tl li{padding:16px 18px 0 0;position:relative}
.tl li::before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:var(--paper);border:2px solid var(--ink)}
.tl li:last-child::before{background:var(--rust);border-color:var(--rust)}
.tl time{display:block;font:600 14px/1 var(--mono);color:var(--rust);margin-top:6px}
.tl b{display:block;font:700 22px/1.2 var(--cond);margin:8px 0 6px;color:var(--ink)}
.tl p{font-size:15.5px;color:var(--ink2)}
.note{margin-top:28px;font-size:14px;color:var(--muted)}

/* Fleet accounts: the ledger */
.fleet{background:var(--paper2);border-block:1px solid var(--rule)}
.fleet .split{grid-template-columns:minmax(0,1.35fr) minmax(0,.75fr);align-items:center}
.fleet .lead{margin-top:16px;color:var(--ink2);max-width:32em}
.ledger{margin:28px 0 0;border-top:2px solid var(--ink)}
.ledger div{display:flex;align-items:baseline;gap:10px;padding:13px 0;border-bottom:1px solid var(--rule2)}
.ledger dt{font-weight:700;white-space:nowrap}
.ledger .dots{flex:1;border-bottom:2px dotted var(--rule2);transform:translateY(-4px);min-width:20px}
.ledger dd{margin:0;text-align:right;color:var(--ink2)}
.phone{margin:0}
.phone img{background:#121816;border-radius:30px;padding:10px;max-width:290px;width:100%;margin:0 auto;box-shadow:0 20px 40px -18px rgba(19,63,61,.45)}
.phone figcaption{text-align:center;color:var(--muted);font-size:14px;margin:14px auto 0;max-width:290px}

/* ShopHub, the core competency */
.hub .top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:end}
.hub h2{margin-top:12px}
.gets{margin-top:44px;border-top:2px solid var(--ink)}
.gets>div{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1.4fr) minmax(0,1fr);gap:28px;padding:26px 0;border-bottom:1px solid var(--rule2)}
.gets h3{font-size:28px}
.gets h3 small{display:block;font:500 13px/1.4 var(--mono);color:var(--muted);letter-spacing:.02em;margin-top:6px}
.gets ul,.ticks{margin:0;padding:0;list-style:none;display:grid;gap:7px}
.gets li,.ticks li{padding-left:18px;position:relative;color:var(--ink2)}
.gets li::before,.ticks li::before{content:"";position:absolute;left:0;top:13px;width:8px;height:2px;background:var(--rust)}
.val{border-left:3px solid var(--gold);padding-left:16px}
.val span{display:block;font:600 12px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:6px}
.val p{font:700 21px/1.25 var(--cond);color:var(--ink)}
.signrow{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px 14px;align-items:center;padding:18px 20px;border:1px solid var(--line);border-left:4px solid var(--rust);background:var(--card,#fff);border-radius:8px}
.signrow>div{flex:1 1 320px;min-width:0}.signrow h3{margin:0 0 4px;font-size:19px}.signrow p{margin:0;color:var(--muted);font-size:15px}
.staged{margin-top:16px;font-size:14px;color:var(--muted)}
.pledge{margin-top:48px;background:var(--teal);color:#E9F0EE;border-radius:4px;padding:34px 36px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px;align-items:start}
.pledge h2,.pledge h3{font-size:clamp(30px,3.4vw,40px);color:#fff}
.pledge p{font-size:18px;line-height:1.6}
.pledge p+p{margin-top:12px;color:#C7D6D2;font-size:16.5px}
.pledge .three{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.pledge .three span{font:600 13px/1 var(--mono);border:1px solid rgba(255,255,255,.35);border-radius:3px;padding:7px 10px;color:#fff}

/* The shop */
.shop .grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.art{margin:0}.art svg,.art img{display:block;width:100%;height:auto;border-radius:6px;border:1px solid var(--rule)}
.art figcaption{font-size:14px;color:var(--muted);margin-top:10px}
.shop p.body{margin-top:18px;color:var(--ink2);max-width:32em}
.rules{margin:30px 0 0;padding:0;list-style:none;border-top:2px solid var(--ink)}
.rules li{padding:16px 0;border-bottom:1px solid var(--rule2);display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:16px}
.rules b{font:700 21px/1.2 var(--cond)}
.rules span{color:var(--ink2)}

/* Call, text or stop by */
.visit{background:var(--card);border-top:1px solid var(--rule)}
.visit .cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:36px}
.visit h3,.lbl{font:600 13px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--rust);margin-bottom:12px}
.big{font:800 40px/1 var(--cond);color:var(--teal);text-decoration:none;display:inline-block}
.visit p{color:var(--ink2)}
.visit .mt{margin-top:10px}
.hours{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:0}
.hours dt{font-weight:700}.hours dd{margin:0;color:var(--ink2)}
.ready{margin-top:44px;background:var(--paper);border:1px solid var(--rule);border-left:5px solid var(--gold);padding:20px 22px;border-radius:4px;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:20px;align-items:center}
.ready h3{font-size:26px;color:var(--ink);margin:0}
.ready ol{margin:0;padding-left:20px;display:grid;gap:4px;color:var(--ink2)}

/* Inner page heads */
.phead{padding-block:56px 40px;border-bottom:1px solid var(--rule)}
.phead h1{font-size:clamp(44px,6vw,76px);margin:12px 0 14px}

/* Tiles (request, contact, 404) */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));border-top:2px solid var(--ink)}
.tile{padding:22px 22px 22px 0;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--ink);min-width:0;overflow-wrap:anywhere;border-bottom:1px solid var(--rule2)}
a.tile:hover b{color:var(--rust)}
.tile b{font:800 26px/1.1 var(--cond);color:var(--teal)}
.tile .big{font-size:30px}
.tile small{color:var(--muted);font-size:14px}
.note-card{border:1px solid var(--rule);border-left:5px solid var(--gold);border-radius:4px;padding:22px;background:var(--card);display:grid;gap:10px;justify-items:start}
.note-card h3{font-size:26px}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.two h2{font-size:clamp(30px,3.6vw,42px);margin-bottom:16px}

/* Sign-in doors */
.doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-top:2px solid var(--ink);padding-top:26px}
.door{display:flex;flex-direction:column;gap:12px;scroll-margin-top:calc(var(--hdr) + 12px);min-width:0}
.door h2{font-size:34px}
.door ul{margin:0;padding-left:18px;color:var(--ink2)}
.door small{color:var(--muted);font-size:14px}
.door .soon{background:var(--paper2);border-radius:4px;padding:10px 12px;color:var(--ink2)}
.door .btn{margin-top:auto;align-self:flex-start}
.fine{margin-top:22px;color:var(--muted);font-size:15px}

/* Legal pages */
.prose{max-width:760px}
.prose h2{font-size:28px;margin:28px 0 8px}
.prose p,.prose ul{color:var(--ink2);margin:0 0 10px}
.draft{background:#FFF5DC;border:1px solid var(--gold);border-radius:4px;padding:10px 14px;font-weight:700;color:var(--ink)}

/* Call-to-action band */
.band{background:var(--rust);color:#fff;padding-block:48px}
.band .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.band h2{color:#fff;font-size:clamp(32px,4vw,44px)}
.band p{color:rgba(255,255,255,.92);margin-top:6px;max-width:36em}
.band .ctas{margin-top:0}
.band .btn.rust{background:var(--teal)}.band .btn.rust:hover{background:var(--teal2)}

/* Footer */
.foot{background:var(--teal3);color:#C8D5D1;padding-block:44px 30px;font-size:15px}
.foot .row{display:flex;gap:40px;justify-content:space-between;flex-wrap:wrap;align-items:flex-start}
.foot .logo{display:flex;gap:12px;align-items:center;color:#fff}
.foot .logo img{width:52px;height:52px}
.foot .logo b{display:block;font:800 24px/1 var(--cond)}
.foot .tag{color:var(--gold);font:600 15px/1.3 var(--body);margin-top:4px}
.foot .addr{margin-top:14px;line-height:1.5}
.foot nav{display:grid;gap:2px}
.foot nav h2{color:#fff;font:600 12px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}
.foot a{color:#E6EEEB;text-decoration:none;display:inline-block;padding:5px 0}.foot a:hover{text-decoration:underline}
.foot .legal{margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;font-size:13.5px;color:#9FB2AD}
.foot .legal a{color:#C8D5D1;padding:0}
.callbar{display:none}

/* Fleet accounts hero, Where we do it */
.fhead .wrap{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;align-items:center}
.fhead h1{font-size:clamp(40px,5vw,64px)}
.board.sm{max-width:460px;justify-self:end;width:100%}
.places{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px}
.place{background:var(--card);border:1px solid var(--rule2);border-top:4px solid var(--teal);border-radius:6px;padding:20px 22px;display:flex;flex-direction:column;gap:8px;min-width:0}
.place.go{border-top-color:var(--rust)}
.place .lbl{font:600 12px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--rust)}
.place h3{font-size:26px;margin:0}
.place p{margin:0;color:var(--ink2);font-size:16px}
.place .addr{font:600 15px/1.4 var(--mono);color:var(--teal)}
.place .btn{margin-top:auto;align-self:flex-start}
/* Fleet resources page */
.know-rules .rhead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 28px;align-items:end;padding-bottom:18px;border-bottom:2px solid var(--ink)}
.know-rules .rhead h2{font-size:clamp(32px,4vw,46px)}
.know-rules .rhead .lede{grid-column:1;margin:0}
.know-rules .checked{grid-column:2;grid-row:1/span 2;display:flex;flex-direction:column;gap:4px;text-align:right;margin:0}
.know-rules .checked span{font:600 12px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.know-rules .checked time{font:800 24px/1 var(--cond);color:var(--teal)}
.brief{padding-block:34px;border-bottom:1px solid var(--rule2);scroll-margin-top:calc(var(--hdr) + 12px)}
.brief .bhead{max-width:46em}
.brief h3{font-size:clamp(28px,3.2vw,38px);margin:8px 0 10px}
.brief .bsum{font-size:18px;line-height:1.55;color:var(--ink);margin:0}
.brief .bbody{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;margin-top:22px}
.brief h4{font:600 12.5px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--rust);margin:0 0 10px}
.brief ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.brief .rl li{position:relative;padding-left:22px;color:var(--ink2);font-size:16px;line-height:1.5}
.brief .rl li::before{content:"";position:absolute;left:2px;top:.6em;width:9px;height:9px;border:2px solid var(--teal);border-radius:2px}
.brief .means{background:var(--teal);color:#E6EEEB;border-radius:10px;padding:20px 22px;align-self:start}
.brief .means h4{color:var(--gold)}
.brief .means li{font-size:16px;line-height:1.5;padding-left:16px;border-left:3px solid var(--gold)}
.brief .srcs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:20px 0 0;font-size:14.5px}
.brief .srcs span{font:600 12px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.brief .srcs a{color:var(--teal);font-weight:600;display:inline-block;padding:8px 0;overflow-wrap:anywhere}
.brief .srcs em{font:500 12.5px/1.2 var(--mono);font-style:normal;color:var(--muted);margin-left:auto}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lgroup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:28px;padding-block:34px;border-bottom:1px solid var(--rule2)}
.lgroup:last-child{border-bottom:0}
.lgroup h2{font-size:clamp(28px,3vw,36px);margin-bottom:8px}
.lgroup>div>p{color:var(--ink2);margin:0}
.links{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 28px;border-top:2px solid var(--ink)}
.links a{display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--rule2);padding:16px 0;text-decoration:none;color:var(--ink);min-width:0;overflow-wrap:anywhere}
.links a:hover b{color:var(--rust)}
.links b{font:800 21px/1.15 var(--cond);color:var(--teal)}
.links span{color:var(--ink2);font-size:15.5px}
.links small{margin-top:auto;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--muted);font:500 12.5px/1.3 var(--mono)}
.links small i{font-style:normal;color:var(--rust)}
.notes{list-style:none;margin:14px 0 0;padding:0;display:grid;border-top:2px solid var(--ink)}
.notes li{border-bottom:1px solid var(--rule2);padding:16px 0}
.notes time{font:600 13px/1 var(--mono);color:var(--rust)}
.notes b{display:block;font:800 22px/1.15 var(--cond);color:var(--teal);margin:6px 0 4px}
.jump{display:flex;flex-wrap:wrap;gap:8px;padding-block:22px 0}
.jump a{font:600 14px/1 var(--body);padding:12px 14px;border:1px solid var(--rule2);border-radius:4px;text-decoration:none;color:var(--teal);background:var(--card)}
.jump a:hover{border-color:var(--rust);color:var(--rust)}
.seasons{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:0 28px;margin-top:22px;border-top:2px solid var(--ink)}
.season{position:relative;border-bottom:1px solid var(--rule2);padding:18px 0;min-width:0}
.season h3{font-size:26px;margin:6px 0 6px}
.season p{color:var(--ink2);font-size:15.5px}
.season ul{margin:10px 0 0;padding-left:18px;font-size:15px;color:var(--ink2)}
.season li+li{margin-top:4px}
.season .nowtag{display:none;position:absolute;top:18px;right:0;background:var(--gold);color:var(--teal);font:600 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:4px 7px;border-radius:3px}
.season.now .nowtag{display:block}
.sandbg{background:var(--paper2);border-block:1px solid var(--rule)}
.insp{margin-top:22px}
.insp .when{font-weight:700;color:var(--rust)}
#inspection-weeks .ctas{align-items:center}
#inspection-weeks .ctas span{color:var(--ink2);font-size:15.5px;min-width:0}

/* Tablet */
.tl.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.know{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px}
.know>div{border-top:2px solid var(--ink);padding-top:16px;min-width:0}
.know .num{font:600 14px/1 var(--mono);color:var(--rust)}
.know h3{font:700 28px/1.1 var(--cond);margin:10px 0 8px}.know p{color:var(--ink2)}
.ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
.way{background:var(--card);border:1px solid var(--rule);border-radius:8px;padding:24px;min-width:0}
.way.go{background:var(--teal);border-color:var(--teal);color:#fff}.way.go .lbl{color:var(--gold)}.way.go p{color:rgba(255,255,255,.88)}.way.go h3{color:#fff}
.way h3{font:700 30px/1.1 var(--cond);margin:8px 0 8px}.way p{color:var(--ink2)}.way .addr{margin-top:12px;font:600 15px/1.4 var(--mono);color:var(--teal)}
.stand .halves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;margin-top:14px}
.stand .halves>div{min-width:0}.stand h2{font-size:clamp(34px,4.2vw,50px);color:var(--teal);margin-bottom:14px}
.stand .close{margin-top:36px;padding-top:18px;border-top:2px solid var(--ink);font:700 clamp(22px,2.6vw,28px)/1.25 var(--cond);max-width:none}
.edge{margin-top:48px;border-top:2px solid var(--ink);padding-top:22px}
.edge .ehead{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px;align-items:end}
.edge h3{font:700 clamp(28px,3.2vw,38px)/1.05 var(--cond);margin:0}.edge .ehead p{color:var(--ink2);font-size:17px}
.etable{overflow-x:auto;margin-top:22px}
.etable table{width:100%;border-collapse:collapse;font-size:16px}
.etable th,.etable td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--rule)}
.etable thead th{font:600 13px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:2px solid var(--ink)}
.etable thead th:last-child{color:var(--rust)}
.etable tbody th{font:700 18px/1.25 var(--cond);color:var(--ink);width:20%}
.etable tbody td:nth-child(2){color:var(--muted);width:34%}
.etable tbody td:last-child{color:var(--ink);font-weight:600;background:var(--card)}
.edge .enote{margin-top:16px;color:var(--ink2);font-size:16px;max-width:70ch}
.logwrap{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:48px;align-items:center}
.logintro .body{margin-top:14px;font-size:18px}
.log{background:var(--card);border:1px solid var(--rule2);border-radius:4px;box-shadow:6px 6px 0 var(--paper2);font-family:var(--mono);font-size:13.5px;line-height:1.5;color:var(--ink);transform:rotate(-.5deg);min-width:0}
.log .lh{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:12px 16px;border-bottom:2px solid var(--ink)}
.log .lh b{font:800 20px/1 var(--cond);letter-spacing:.04em;text-transform:uppercase}.log .lh span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.log dl{display:grid;grid-template-columns:auto minmax(0,1fr);margin:0;padding:10px 16px;gap:2px 14px;border-bottom:1px dashed var(--rule2)}
.log dt{color:var(--muted)}.log dd{margin:0}
.log .lg{padding:12px 16px 4px;border-bottom:1px dashed var(--rule2)}
.loggrid{display:block;width:100%;height:auto}
.loggrid .lgr{fill:none;stroke:var(--ink);stroke-width:1}
.loggrid .lgh{stroke:var(--rule2);stroke-width:1}.loggrid .lgq{stroke:var(--rule2);stroke-width:1}
.loggrid .lgl{font:600 10.5px var(--mono);fill:var(--ink2);letter-spacing:.04em}
.loggrid .lgt{font:500 10px var(--mono);fill:var(--muted)}
.loggrid .lgp{fill:none;stroke:var(--rust);stroke-width:3;stroke-linejoin:round}
.log .rm{padding:10px 16px}
.log .rmh{display:block;color:var(--muted);text-transform:uppercase;font-size:11.5px;letter-spacing:.1em;margin-bottom:6px}
.log .rm ol{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.log .rm li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px}
.log .rm .st{color:var(--rust);text-transform:uppercase;font-size:11.5px;letter-spacing:.08em;padding-top:2px;font-weight:600}
.log .rm b{font:700 17px/1.2 var(--cond);font-family:var(--cond)}.log .rm p{margin:1px 0 0;color:var(--ink2);font-family:var(--body);font-size:15px}
.log .sig{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:10px 16px 14px;border-top:2px solid var(--ink);font-size:12px;color:var(--muted)}
.log .sig b{font:700 italic 24px/1 var(--cond);color:var(--teal);border-bottom:1px solid var(--ink);padding:0 28px 2px 6px}
/* Home, look 3 (3 Nov 2026, Tyson picked "The fleet board"; breakdown band, work order and phone from the runners-up) */
.board{background:var(--teal);color:#fff;border-radius:14px;padding:16px;box-shadow:0 22px 40px -20px rgba(19,63,61,.55);min-width:0;margin-top:8px}
.board .bh{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px}
.board .bh b{font:800 22px/1 var(--cond);letter-spacing:.01em}
.board .bh span{font:600 12px/1 var(--mono);color:var(--gold);text-transform:uppercase;letter-spacing:.08em}
.board .br{display:grid;grid-template-columns:10px 60px minmax(0,1fr) auto;gap:10px;align-items:center;background:rgba(255,255,255,.07);border-radius:8px;padding:10px 12px;margin-bottom:6px;font-size:14.5px}
.board i{display:inline-block;width:10px;height:10px;border-radius:50%}
.board i.ok{background:#5BD08A}.board i.due{background:var(--gold)}.board i.bay{background:#F08A5F}
.board .br b{font:600 13.5px/1 var(--mono)}
.board .br span{color:#C9D6D4;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.board em{font-style:normal;font-size:13px;font-weight:600;white-space:nowrap}
.board em.ok{color:#7FDCA3}.board em.due{color:var(--gold)}.board em.bay{color:#F5A583}
.board .bf{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:#C9D6D4;margin-top:10px}
.board .bf i{width:8px;height:8px;margin-right:6px}
.bdown{background:#0F1716;color:#E7EFEC;background-image:radial-gradient(ellipse at 88% 0%,rgba(185,81,42,.45),transparent 60%)}
.bd-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.bdown .kick{color:var(--gold)}
.bdown h2{color:#fff;font-size:clamp(40px,5.6vw,72px);margin-top:10px}
.bdown h2 span{color:var(--gold)}
.bd-call{display:inline-flex;flex-direction:column;background:var(--rust);color:#fff;text-decoration:none;border-radius:12px;padding:14px 22px}
.bd-call:hover{background:var(--rust2)}
.bd-call small{font:600 12px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;opacity:.9}
.bd-call b{font:800 clamp(30px,3.6vw,44px)/1.05 var(--cond)}
.bd-steps{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.bd-steps li{border-top:3px solid var(--gold);padding-top:10px;color:#D3DEDB;font-size:16px}
.bd-steps b{display:block;font:800 26px/1 var(--cond);color:#fff;margin-bottom:4px}
.wosec{background:var(--paper2)}
.wosec .wo{transform:rotate(.6deg);max-width:520px;justify-self:end;width:100%}
.wosec .h2{margin:10px 0 14px}
.wosec .ticks{margin-top:16px}
.hp{background:#121816;border-radius:32px;padding:11px;max-width:290px;margin:0 auto;box-shadow:0 20px 40px -18px rgba(19,63,61,.45)}
.hp-scr{background:var(--paper2);border-radius:23px;padding:16px 12px 18px;display:grid;gap:9px;font-size:13px;line-height:1.35}
.hp-top span{font:600 11px/1 var(--mono);color:var(--rust);text-transform:uppercase;letter-spacing:.1em}
.hp-top b{display:block;font:800 21px/1.05 var(--cond);color:var(--teal);margin-top:4px}
.hp-card{background:var(--card);border:1px solid var(--rule);border-radius:11px;padding:10px 11px;display:grid;gap:2px}
.hp-card small{font:600 10.5px/1.2 var(--body);text-transform:uppercase;letter-spacing:.08em;color:var(--rust)}
.hp-card b{font-size:14px;color:var(--ink)}
.hp-card.wait{border:2px solid var(--gold)}
.hp-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:4px}
.hp-row .amt{font:800 22px/1 var(--cond);color:var(--teal)}
.hp-row .go{background:var(--green);color:#fff;font-weight:700;border-radius:7px;padding:6px 12px}
.hp-sub{color:var(--muted);font-size:12.5px}
@media (max-width:980px){.bd-steps{grid-template-columns:1fr 1fr}.wosec .wo{justify-self:stretch;max-width:none}}
@media (max-width:620px){.board .br{grid-template-columns:10px 54px minmax(0,1fr);row-gap:2px}.board .br em{grid-column:3}.bd-steps{grid-template-columns:1fr}.bd-call{width:100%}}

@media (max-width:1180px){.hdr-call{display:none}}
@media (max-width:980px){
  nav.main,.hdr-call,.hdr .req{display:none}
  .menu{display:block}
  .hero .wrap,.split,.planned .split,.fleet .split,.shop .grid,.hub .top,.pledge,.two{grid-template-columns:minmax(0,1fr);gap:40px}
  .hub .top,.pledge,.edge .ehead{gap:20px}
  .edge .ehead{grid-template-columns:minmax(0,1fr)}
  .split .side{position:static}
  .gets>div{grid-template-columns:minmax(0,1fr);gap:14px}
  .tl,.tl.four{grid-template-columns:minmax(0,1fr);border-top:0;border-left:2px solid var(--ink);margin-left:6px}
  .tl li{padding:0 0 22px 22px}
  .tl li::before{top:4px;left:-7px}
  .tl time{margin-top:0}
  .logwrap,.visit .cols,.doors,.know,.ways,.stand .halves{grid-template-columns:minmax(0,1fr);gap:30px}
  .ready{grid-template-columns:minmax(0,1fr)}
  .brief .bbody,.places,.fhead .wrap{grid-template-columns:minmax(0,1fr)}
  .board.sm{justify-self:stretch;max-width:none}
}
/* Phone */
@media (max-width:620px){
  .etable thead{display:none}.etable table,.etable tbody,.etable tr,.etable th,.etable td{display:block;width:auto}
  .etable tr{border-bottom:1px solid var(--rule);padding:12px 0}.etable th,.etable td{border:0;padding:4px 0}
  .etable tbody td:last-child{background:transparent}.etable tbody th,.etable tbody td:nth-child(2){width:auto}
  .etable td::before{content:attr(data-l);display:block;font:600 11.5px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
  .etable td:last-child::before{color:var(--rust)}
  body{font-size:16.5px;padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}
  section{padding-block:56px}
  section.tight{padding-block:36px}
  .status .wrap{justify-content:center}.status .hide-s{display:none}
  .brand small{display:none}
  .know-rules .rhead{grid-template-columns:minmax(0,1fr)}.know-rules .checked{grid-column:1;grid-row:auto;text-align:left}
  .brief .srcs em{margin-left:0}
  .hero{padding-block:36px 0}
  .hero .lede{font-size:18px}
  .hero .ctas .btn,.band .ctas .btn{flex:1 1 100%}
  .wo{transform:none;font-size:12.5px}
  .wo .cc div{grid-template-columns:minmax(0,1fr);gap:0}
  .work h3{font-size:27px}
  .work ul{columns:1}
  .yr{grid-template-columns:minmax(0,1fr);gap:6px}
  .yr.now .m::after{display:inline-block;margin:0 0 0 8px}
  .rules li{grid-template-columns:minmax(0,1fr);gap:2px}
  .ledger div{flex-wrap:wrap}
  .ledger .dots{display:none}
  .ledger dd{text-align:left;width:100%}
  .big{font-size:34px}
  .pledge{padding:26px 22px}
  .gets h3{font-size:25px}
  .horizon{margin-top:40px}
  .horizon img{padding-inline:12px}
  .lgroup{grid-template-columns:minmax(0,1fr);gap:14px;padding-block:26px}
  .callbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:8px;padding:8px max(12px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:var(--paper);border-top:1px solid var(--rule)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.mt24{margin-top:24px}.mt12{margin-top:12px}