@font-face { font-family: 'Oswald'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/Oswald-500.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/Oswald-700.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/WorkSans-400.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url(/assets/fonts/WorkSans-600.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Roboto Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/RobotoMono-400.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Roboto Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/RobotoMono-500.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root{--kraft:#E3CFA2;--ink:#1D1B18;--yellow:#FFC20E;--red:#B3261E;--paper:#FBF6E8;--tape:#8B8068;--kraft2:#D6BF8B;--line:#1D1B18}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--kraft);background-image:radial-gradient(rgba(29,27,24,.06) 1px,transparent 1.2px),radial-gradient(rgba(255,255,255,.12) 1px,transparent 1.2px);background-size:7px 7px,11px 11px;background-position:0 0,3px 4px;color:var(--ink);font:16px/1.55 'Work Sans',system-ui,sans-serif}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--yellow);padding:6px 10px;z-index:99}
a{color:#7a3b00;text-underline-offset:2px}a:hover{background:var(--yellow);color:var(--ink)}
h1,h2,h3{font-family:Oswald,Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em;line-height:1.1;margin:0 0 .5em}
h1{font-size:clamp(30px,5vw,52px);font-weight:700}h2{font-size:26px;margin-top:1.6em;border-bottom:3px solid var(--ink);padding-bottom:4px}h3{font-size:20px}
.mono,code,.num,.amt{font-family:'Roboto Mono',monospace}
.wrap{max-width:1180px;margin:0 auto;padding:0 18px}
.top{background:var(--ink);color:var(--paper);border-bottom:6px solid var(--yellow)}
.top .wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center;gap:10px;color:var(--paper);text-decoration:none;font:700 26px Oswald,sans-serif;text-transform:uppercase;letter-spacing:.04em}
.brand svg{width:38px;height:38px}.brand:hover{background:none;color:var(--yellow)}
.top nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.top nav a{display:block;color:var(--paper);text-decoration:none;font:500 15px Oswald,sans-serif;text-transform:uppercase;letter-spacing:.06em;padding:6px 10px;border-radius:2px}
.top nav a:hover,.top nav a[aria-current]{background:var(--yellow);color:var(--ink)}
.indep{margin-left:auto;font-size:13px}.indep a{color:var(--yellow)}
.crumbs{font-size:13px;margin:14px 0 4px}
main{padding-bottom:30px}
.lede{font-size:19px;max-width:70ch}
.small{font-size:13px;color:#4a4333}
/* calculator = work order form */
.crewbox{background:var(--yellow);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:0;margin:18px 0}
.crewbox .hz{height:14px;background:repeating-linear-gradient(-45deg,var(--ink) 0 14px,var(--yellow) 14px 28px)}
.crewbox form{padding:16px 18px 14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:end}
label{display:block;font:500 12px Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em}
input,select,textarea{width:100%;font:16px 'Work Sans',sans-serif;padding:8px 10px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:0}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:1px}
.snap{display:flex;gap:4px;margin-top:6px}.snap button{flex:1;font:500 14px 'Roboto Mono',monospace;padding:4px 0;border:2px solid var(--ink);background:var(--paper);cursor:pointer}.snap button.on{background:var(--ink);color:var(--yellow)}
.btn,button.btn{display:inline-block;font:700 17px Oswald,sans-serif;text-transform:uppercase;letter-spacing:.06em;background:var(--ink);color:var(--yellow);border:2px solid var(--ink);padding:9px 18px;cursor:pointer;text-decoration:none;box-shadow:3px 3px 0 var(--red)}
.btn:hover{background:var(--red);color:#fff}.btn.ghost{background:var(--paper);color:var(--ink);box-shadow:none;padding:5px 12px;font-size:14px}
#summary{margin:8px 0 12px;font-weight:600}
/* tickets */
.tickets{display:grid;gap:12px}
.ticket{display:grid;grid-template-columns:200px 1fr;background:var(--paper);border:2px solid var(--ink);position:relative;filter:drop-shadow(3px 3px 0 rgba(29,27,24,.35))}
.stub{background:var(--paper);border-right:3px dashed var(--ink);padding:12px 12px 12px 16px;display:flex;flex-direction:column;justify-content:center;gap:2px;position:relative;
 -webkit-mask:radial-gradient(circle 7px at 0 14px,transparent 98%,#000) top left/100% 28px repeat-y;mask:radial-gradient(circle 7px at 0 14px,transparent 98%,#000) top left/100% 28px repeat-y}
.stub .lbl{font:500 11px Oswald,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--tape)}
.amt{font-size:21px;font-weight:700;line-height:1.15}.stub .sub{font-size:11px;color:#4a4333}
.tbody{padding:10px 14px}.tbody h3{margin:0 0 2px}.tbody h3 a{text-decoration:none;color:var(--ink)}.tbody h3 a:hover{background:var(--yellow)}
.plan{margin:0;font-size:14px}.badge{display:inline-block;font:500 11px 'Roboto Mono',monospace;border:1px solid var(--ink);padding:0 6px;background:#fff8d0}.badge.b3{background:#ffe0dc;border-color:var(--red);color:var(--red)}
.st-quote .amt{color:var(--red)}.st-quote{background:#f5eedb}
.st-from .amt,.st-beyond .amt{font-size:17px}
.stamp{display:inline-block;transform:rotate(-4deg);border:2px solid var(--red);color:var(--red);font:700 12px Oswald,sans-serif;letter-spacing:.12em;padding:0 6px;margin-left:6px;vertical-align:middle}
.stamp.ok{border-color:var(--ink);color:var(--ink);border-radius:50%;padding:6px 8px;transform:rotate(-8deg);font-size:11px}
details{font-size:13px;margin-top:4px}summary{cursor:pointer;color:#7a3b00}.est{font-size:13px;margin:4px 0 0;background:#fff2c2;padding:4px 8px;border-left:4px solid var(--yellow)}
/* home grid */
.grid3{display:grid;grid-template-columns:150px minmax(0,1fr) 260px;gap:22px;align-items:start;margin-top:10px}
.rail{position:sticky;top:12px;background:var(--paper);border:2px solid var(--ink);padding:10px}.rail h3{font-size:15px;border-bottom:2px solid var(--ink)}
.rail ul{list-style:none;margin:0;padding:0}.rail a{display:block;padding:3px 4px;text-decoration:none;font-size:14px;border-bottom:1px dotted var(--tape)}
.side .card{margin-bottom:16px}
.card{background:var(--paper);border:2px solid var(--ink);padding:14px;position:relative}
.card.tape{background:#fff6cf}.card.tape:before{content:"";position:absolute;left:30%;top:-11px;width:40%;height:20px;background:rgba(255,194,14,.9);border:1px dashed var(--ink);transform:rotate(-2deg)}
.tapebar{background:var(--yellow);border:2px dashed var(--ink);padding:6px 12px;font:700 13px Oswald,sans-serif;letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px}
.scroll{overflow-x:auto}
table{border-collapse:collapse;width:100%;background:var(--paper);border:2px solid var(--ink);font-size:14px}th{background:var(--ink);color:var(--yellow);font:500 13px Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em;text-align:left;padding:7px 9px}td{padding:7px 9px;border-top:1px solid rgba(29,27,24,.25);vertical-align:top}td.num{text-align:right;white-space:nowrap}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.chips a{border:2px solid var(--ink);background:var(--paper);padding:2px 10px;text-decoration:none;font:500 14px Oswald,sans-serif;text-transform:uppercase;letter-spacing:.05em}.chips a:hover{background:var(--yellow)}
.callout{background:#fff2c2;border:2px solid var(--ink);border-left:10px solid var(--yellow);padding:12px 16px;margin:16px 0}
.cols2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.cols2>*{min-width:0}
ul.plain{padding-left:20px}ul.plain li{margin:6px 0}
.mailform{display:grid;gap:12px;max-width:640px;background:var(--paper);border:2px solid var(--ink);padding:16px}
.facts{margin:0;padding:0;list-style:none}.facts li{padding:5px 0 5px 22px;position:relative;border-bottom:1px dotted var(--tape)}.facts li:before{content:"▪";position:absolute;left:4px;color:var(--red)}
.foot{background:var(--ink);color:var(--paper);margin-top:30px;border-top:6px solid var(--yellow);padding:24px 0 80px}
.foot .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:24px}.foot a{color:var(--yellow)}.foot ul{list-style:none;margin:6px 0 0;padding:0}.foot li{margin:3px 0}.foot b{font:500 14px Oswald,sans-serif;text-transform:uppercase;letter-spacing:.1em}
.foot .legal a{display:inline-block;margin-right:14px}.clioos{margin:10px 0 0;font-size:13px}
.mbar{display:none}
@media(max-width:900px){.grid3{grid-template-columns:1fr}.rail{position:static}.rail ul{display:flex;flex-wrap:wrap;gap:4px}.rail a{border:1px solid var(--ink);padding:2px 8px}.cols2{grid-template-columns:minmax(0,1fr)}.foot .wrap{grid-template-columns:1fr 1fr}.indep{margin-left:0}}
@media(max-width:640px){.ticket{grid-template-columns:1fr}.stub{border-right:0;border-bottom:3px dashed var(--ink);-webkit-mask:none;mask:none;flex-direction:row;align-items:baseline;gap:10px;flex-wrap:wrap}.crewbox form{grid-template-columns:1fr 1fr}.foot .wrap{grid-template-columns:1fr}.mbar{display:block;position:fixed;left:0;right:0;bottom:0;background:var(--ink);color:var(--yellow);font:700 15px Oswald,sans-serif;text-transform:uppercase;letter-spacing:.06em;text-align:center;padding:10px;z-index:20;border-top:4px solid var(--yellow)}.top nav a{padding:5px 8px;font-size:14px}}
