:root{--c:#2b2d2f;--c2:#1b1c1e;--o:#ff6a13;--od:#c94d00;--w:#fff;--g:#e7e5e1;--m:#8a8d90}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--c);background:var(--g)}
img{max-width:100%;display:block}a{color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.h,h1,h2,h3{font-family:"MTC Oswald",Impact,"Arial Narrow Bold","Oswald",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:.95;margin:0 0 .4em}
.conc{background-color:#3a3c3e;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.3px),radial-gradient(rgba(0,0,0,.18) 1px,transparent 1.5px),linear-gradient(135deg,#3a3c3e,#2b2d2f);background-size:7px 7px,11px 11px,100% 100%;background-position:0 0,3px 5px,0 0;color:var(--w)}
.bp{background-color:var(--c2);background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:96px 96px,96px 96px,24px 24px,24px 24px;color:var(--w)}
.cut{height:14px;background:repeating-linear-gradient(90deg,var(--o) 0 64px,transparent 64px 76px);opacity:.95}
header.top{position:sticky;top:0;z-index:20;background:var(--c2);border-bottom:4px solid var(--o)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:8px;padding-bottom:8px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}.brand img{width:44px;height:58px;object-fit:cover;border-radius:4px}
.brand b{font-family:"MTC Oswald",Impact,sans-serif;font-size:22px;letter-spacing:.04em;text-transform:uppercase;line-height:1}.brand small{display:block;color:var(--o);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
nav.nav{display:flex;gap:20px}nav.nav a{color:#ddd;text-decoration:none;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.1em}nav.nav a:hover{color:var(--o)}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--o);color:#111;font-weight:800;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;padding:14px 22px;border:3px solid #111;box-shadow:6px 6px 0 #111;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 #111}.btn.ghost{background:transparent;color:#fff;border-color:#fff;box-shadow:6px 6px 0 var(--o)}
.top .btn{padding:10px 14px;font-size:13px;box-shadow:4px 4px 0 #000}
.hero{position:relative;overflow:hidden;padding:72px 0 0}
.hero .wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:end}
.kick{color:var(--o);font-weight:800;letter-spacing:.24em;text-transform:uppercase;font-size:13px;display:flex;align-items:center;gap:10px}.kick:before{content:"";width:34px;height:4px;background:var(--o)}
.hero h1{font-size:clamp(52px,9.5vw,128px);margin:.15em 0 .2em}.hero h1 em{font-style:normal;color:var(--o);display:block;-webkit-text-stroke:0}
.hero h1 .ln{display:block;position:relative}.hero h1 .ln.s{color:transparent;-webkit-text-stroke:2px #fff}
.lede{font-size:20px;max-width:34ch;color:#e9e9e9}
.acts{display:flex;flex-wrap:wrap;gap:16px;margin:26px 0 48px}
.badge{background:#fff;padding:14px;border:4px solid #111;transform:rotate(2deg);box-shadow:12px 12px 0 var(--o);margin-bottom:-30px;position:relative;z-index:2}
.badge img{width:100%;height:auto}
.bgword{position:absolute;right:-60px;top:24px;font-family:"MTC Oswald",Impact,sans-serif;font-size:220px;color:rgba(255,255,255,.04);line-height:.8;pointer-events:none;text-transform:uppercase}
.dims{display:flex;gap:0;border-top:2px dashed rgba(255,255,255,.25);margin-top:10px}.dims div{flex:1;padding:16px 10px;border-right:2px dashed rgba(255,255,255,.25);font-size:13px;text-transform:uppercase;letter-spacing:.14em;color:#cfcfcf}.dims div b{display:block;color:#fff;font-size:15px}
section{padding:84px 0}
.sh{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px;flex-wrap:wrap}.sh h2{font-size:clamp(38px,6vw,72px)}.sh p{max-width:46ch;margin:0}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:3px solid var(--c)}
.card{position:relative;background:#fff;padding:28px 22px 26px;border-right:3px solid var(--c);border-bottom:3px solid var(--c);text-decoration:none;transition:background .2s,color .2s}
.grid .card:nth-child(4n){border-right:0}.grid .card:nth-last-child(-n+4){border-bottom:0}
.card .n{font-family:"MTC Oswald",Impact,sans-serif;color:var(--o);font-size:40px;line-height:1}.card h3{font-size:24px;margin:.4em 0 .3em}.card p{margin:0;font-size:15px;color:#555}
.card:hover{background:var(--c);color:#fff}.card:hover p{color:#ddd}.card .ar{position:absolute;right:18px;top:24px;font-weight:900}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:s}
.step{border-top:4px solid var(--o);padding-top:18px}.step h3{font-size:26px}.step p{color:#cfd0d1;margin:0}
.step:before{counter-increment:s;content:"0" counter(s);font-family:"MTC Oswald",Impact,sans-serif;font-size:56px;color:transparent;-webkit-text-stroke:1.5px var(--o);display:block;line-height:1}
.slab{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.slab a{display:block;padding:26px 22px;text-decoration:none;color:#fff;background:#3a3c3e;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.4px);background-size:6px 6px;border-left:8px solid var(--o);transition:transform .2s}
.slab a:hover{transform:translateX(6px)}.slab b{font-family:"MTC Oswald",Impact,sans-serif;font-size:30px;text-transform:uppercase;display:block}.slab span{font-size:14px;color:#cfcfcf}
.no{background:#fff;border:3px solid var(--c);padding:22px;display:flex;gap:16px;align-items:center;margin-top:26px}.no b{font-family:"MTC Oswald",Impact,sans-serif;font-size:30px;color:var(--od);text-transform:uppercase}
details{background:#fff;border:3px solid var(--c);margin-bottom:-3px}summary{cursor:pointer;padding:18px 22px;font-weight:800;list-style:none;display:flex;justify-content:space-between}summary:after{content:"+";color:var(--o);font-size:26px;line-height:1}details[open] summary:after{content:"–"}details p{margin:0;padding:0 22px 20px}
.cta{text-align:center}.cta h2{font-size:clamp(44px,8vw,104px)}.cta .ph{font-family:"MTC Oswald",Impact,sans-serif;font-size:clamp(34px,6vw,64px);color:var(--o);text-decoration:none;display:inline-block;margin:6px 0 26px}
footer{background:#111;color:#aaa;padding:36px 0;font-size:14px}footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer a{color:#fff}
.crumb{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#bbb;margin-bottom:10px}.crumb a{color:var(--o);text-decoration:none}
.page h1{font-size:clamp(44px,8vw,96px)}.prose{max-width:760px}.prose h2{font-size:36px;margin-top:1.2em}.prose li{margin:.3em 0}
.two{display:grid;grid-template-columns:1.3fr .7fr;gap:40px}.side{background:var(--c);color:#fff;padding:26px;border-top:8px solid var(--o);align-self:start;position:sticky;top:100px}.side a.l{display:block;color:#ddd;padding:6px 0;border-bottom:1px dashed #555;text-decoration:none}.side a.l:hover{color:var(--o)}
.mbar{display:none}
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.rv.in{opacity:1;transform:none}
.js .cutin{transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}.cutin.in{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.rv,.cutin{opacity:1;transform:none;transition:none}}
@media(max-width:959px){nav.nav{display:none}.hero .wrap,.two{grid-template-columns:1fr}.badge{max-width:300px;margin:0 auto -30px}.grid{grid-template-columns:1fr 1fr}.grid .card{border-right:3px solid var(--c)!important;border-bottom:3px solid var(--c)!important}.grid .card:nth-child(2n){border-right:0!important}.steps{grid-template-columns:1fr 1fr}.slab{grid-template-columns:1fr 1fr}.side{position:static}.bgword{display:none}
.mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--o);border-top:3px solid #111}.mbar a{flex:1;text-align:center;padding:15px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#111;text-decoration:none}body{padding-bottom:56px}.top .btn{display:none}}
@media(max-width:560px){.grid,.steps,.slab{grid-template-columns:1fr}.grid .card{border-right:0!important}.dims{flex-wrap:wrap}.dims div{flex:1 1 50%}section{padding:60px 0}.lede{font-size:18px}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.split{display:grid;grid-template-columns:150px 1fr;min-height:100vh}
.spine{position:sticky;top:62px;height:calc(100vh - 62px);display:flex;align-items:center;justify-content:center;border-right:6px solid var(--o);overflow:hidden}
.vt{writing-mode:vertical-rl;transform:rotate(180deg);font-family:"MTC Oswald",Impact,"Arial Narrow Bold","Oswald",sans-serif;font-weight:700;text-transform:uppercase;font-size:min(4.2vh,40px);line-height:.9;color:#fff;white-space:nowrap}.vt i{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--o)}
.feed{min-width:0}
.lbl{padding:0 0 22px;border-bottom:3px solid var(--c);margin-bottom:26px}.lbl span{font:700 12px/1 ui-monospace,Menlo,monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--od)}.lbl h2{font-size:clamp(34px,5.4vw,70px);margin:.25em 0 .2em}.lbl p{margin:0;max-width:52ch}
.ticket{padding:0;margin:34px clamp(14px,4vw,56px);background:#fbfaf7;border:3px solid #111;box-shadow:14px 14px 0 #111;position:relative}
.tk-top{display:flex;justify-content:space-between;background:#111;color:var(--o);font:800 13px ui-monospace,Menlo,monospace;letter-spacing:.24em;padding:10px 16px}
.tk-body{display:grid;grid-template-columns:minmax(180px,300px) 1fr;gap:0}
.tk-logo{border-right:3px dashed #111;padding:18px;background:repeating-linear-gradient(0deg,transparent 0 31px,rgba(0,0,0,.06) 31px 32px)}.tk-logo img{width:100%;height:auto;border:3px solid #111}
.tk-fields{padding:22px clamp(16px,3vw,34px)}.tk-fields h1{font-size:clamp(48px,7.5vw,108px);margin:0 0 14px}.tk-fields h1 span{display:block;color:var(--o)}
dl{margin:0 0 22px;border-top:2px solid #111}dl div{display:grid;grid-template-columns:130px 1fr;border-bottom:1px solid #b9b6b0}dt{font:700 11px/1 ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.16em;padding:12px 10px 0 0;color:#666}dd{margin:0;padding:8px 0;font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-size:20px;color:#1d3a8a}dd a{color:#1d3a8a}
.box{display:inline-flex;align-items:center;gap:6px;margin-right:16px;font-family:system-ui,sans-serif;font-size:15px;color:var(--c)}.box:before{content:"";width:16px;height:16px;border:2px solid #111;display:inline-block}.box.on:before{content:"✓";color:#1d3a8a;font:900 16px/14px sans-serif;text-align:center}.box.off{text-decoration:line-through;color:#888}
.tk-stamp{position:absolute;right:26px;bottom:26px;border:5px solid var(--od);color:var(--od);font:900 26px/1 "MTC Oswald",Impact,"Arial Narrow Bold",Oswald,sans-serif;text-transform:uppercase;padding:8px 14px;transform:rotate(-12deg);opacity:.85;text-align:center}
.slabsec,.routesec,.notes{padding:70px clamp(14px,4vw,56px)}
.slab2{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(150px,auto);gap:10px;background:#111;padding:10px;border:3px solid #111}
.pn{position:relative;text-decoration:none;color:#fff;padding:22px;background-color:#55585b;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.4px),radial-gradient(rgba(0,0,0,.2) 1px,transparent 1.5px);background-size:6px 6px,9px 9px;display:flex;flex-direction:column;transition:background-color .25s,transform .25s}
.pn:nth-child(odd){background-color:#4a4d50}.pn:hover,.pn:focus-visible{background-color:var(--o);color:#111;transform:translate(-3px,-3px)}
.pno{font:900 64px/1 "MTC Oswald",Impact,"Arial Narrow Bold",Oswald,sans-serif;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.55)}.pn:hover .pno{-webkit-text-stroke-color:#111}
.pn h3{font-size:clamp(24px,2.4vw,34px);margin:.3em 0}.pn p{margin:0 0 12px;font-size:15px;color:#e6e6e6}.pn:hover p{color:#111}.go{margin-top:auto;font:800 12px ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase}
.pa{grid-column:span 4;grid-row:span 2}.pb,.pc,.pd,.pe,.pf,.pg,.ph,.pi{grid-column:span 2}
.pa .pno{font-size:120px}.pa h3{font-size:clamp(34px,4vw,58px)}
.xsec{padding:70px clamp(14px,4vw,56px)}.xsec .lbl{border-color:rgba(255,255,255,.4)}.xsec .lbl span{color:var(--o)}
.xs{display:flex;flex-direction:column;border:3px solid #fff;max-width:980px}
.ly{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:20px;padding:0 20px;text-decoration:none;color:#fff;border-bottom:2px dashed rgba(255,255,255,.5);transition:padding-left .25s}.ly:last-child{border-bottom:0}.ly:hover,.ly:focus-visible{padding-left:34px}
.lyn{font:900 30px/1 "MTC Oswald",Impact,"Arial Narrow Bold",Oswald,sans-serif;text-transform:uppercase}.lyd{font-size:15px}
.ly-finish{height:54px;background:#cfcac2;color:#111;border-bottom:6px solid var(--o)}
.ly-mud{height:110px;background:#8d8f91 radial-gradient(rgba(0,0,0,.18) 1px,transparent 1.6px) 0 0/8px 8px}
.ly-steel{height:46px;background:repeating-linear-gradient(90deg,#5b3d2b 0 22px,#3b3d3f 22px 30px)}
.ly-base{height:90px;background:#6b6258 radial-gradient(circle,#9a9187 3px,transparent 3.5px) 0 0/14px 12px}
.ly-grade{height:64px;background:#4a3826 repeating-linear-gradient(135deg,transparent 0 10px,rgba(0,0,0,.25) 10px 12px)}
.xnote{font:12px ui-monospace,monospace;color:#bbb;margin-top:12px}
.route{list-style:none;margin:0;padding:10px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:44px 0}
.route li{position:relative;padding-top:46px;min-width:0}
.route li:before{content:"";position:absolute;left:0;right:0;top:18px;height:10px;background:repeating-linear-gradient(90deg,#111 0 40px,var(--o) 40px 60px)}
.route li:after{content:"";position:absolute;left:18px;top:8px;width:26px;height:26px;border-radius:50%;background:var(--o);border:4px solid #111}
.route li:nth-child(4){grid-column:3;grid-row:2}.route li:nth-child(5){grid-column:2;grid-row:2}.route li:nth-child(6){grid-column:1;grid-row:2}
.route li:nth-child(3):before{right:0;border-right:10px solid #111}
.route li:nth-child(3) a:after{content:"";position:absolute;right:-3px;top:22px;bottom:-60px;width:10px;background:repeating-linear-gradient(180deg,#111 0 30px,var(--o) 30px 45px);z-index:-1}
.route a{position:relative;display:block;margin-right:18px;padding:22px;background:#fff;border:3px solid #111;text-decoration:none;box-shadow:8px 8px 0 #111;transition:transform .2s}.route a:hover,.route a:focus-visible{transform:translateY(-6px)}
.mi{font:800 12px ui-monospace,monospace;letter-spacing:.2em;color:var(--od)}.route b{display:block;font:900 40px/1 "MTC Oswald",Impact,"Arial Narrow Bold",Oswald,sans-serif;text-transform:uppercase;margin:.2em 0}.cty{font-size:14px;color:#666}
.notes .note{border:0;border-bottom:1px solid #9fb3d9;background:repeating-linear-gradient(0deg,#fdfcf6 0 33px,#c9d6ee 33px 34px);margin:0}.notes summary{font-family:"Bradley Hand","Segoe Print",cursive;color:#1d3a8a;font-size:19px;gap:14px;justify-content:flex-start}.notes summary:after{margin-left:auto}.nq{font:900 18px "MTC Oswald",Impact,"Arial Narrow Bold",Oswald,sans-serif;color:var(--od);min-width:34px}.notes{background:#fdfcf6;border-left:6px double #d85b5b}
.sign{padding:80px clamp(14px,4vw,56px);text-align:left}.sign h2{font-size:clamp(56px,10vw,140px)}.sign .ph{font:900 clamp(36px,6vw,72px) "MTC Oswald",Impact,"Arial Narrow Bold",Oswald,sans-serif;color:var(--o);text-decoration:none}
a:focus-visible{outline:3px solid var(--o);outline-offset:3px}
@media(max-width:959px){.split{grid-template-columns:1fr}.spine{position:relative;top:0;height:auto;border-right:0;border-bottom:6px solid var(--o);padding:18px 14px}.vt{writing-mode:horizontal-tb;transform:none;font-size:clamp(34px,10vw,64px);white-space:normal;text-align:left}
.tk-body{grid-template-columns:1fr}.tk-logo{border-right:0;border-bottom:3px dashed #111}.tk-logo img{max-width:260px;margin:0 auto}.tk-stamp{position:static;display:inline-block;margin:0 0 22px 22px}
.slab2{grid-template-columns:1fr 1fr}.pa{grid-column:span 2;grid-row:auto}.pb,.pc,.pd,.pe,.pf,.pg,.ph,.pi{grid-column:span 1;grid-row:auto}.pi{grid-column:span 2}.pa .pno{font-size:80px}
.ly{grid-template-columns:100px 1fr;gap:12px;padding:0 12px}.lyn{font-size:22px}.lyd{font-size:13px}.ly-mud{height:96px}.ly-base{height:80px}}
@media(max-width:560px){.slab2{grid-template-columns:1fr}.pa,.pi{grid-column:span 1}dl div{grid-template-columns:96px 1fr}.ticket{box-shadow:8px 8px 0 #111}.ly-finish,.ly-steel{height:auto;padding:10px 12px}}

.mbtn{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#111;border:3px solid #111;box-shadow:4px 4px 0 var(--o);font:800 13px system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:9px 14px;cursor:pointer}
.mbtn .bars{width:20px;height:14px;background:linear-gradient(#111 0 0) 0 0/100% 3px no-repeat,linear-gradient(#111 0 0) 0 50%/100% 3px no-repeat,linear-gradient(#111 0 0) 0 100%/60% 3px no-repeat}
.mbtn[aria-expanded=true]{background:var(--o)}
.mnav{position:absolute;left:0;right:0;top:100%;background:#2b2d2f;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.3px);background-size:7px 7px;border-bottom:10px solid var(--o);max-height:calc(100vh - 70px);overflow:auto;animation:pour .45s cubic-bezier(.2,.8,.2,1)}
@keyframes pour{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
.mnav .mgrid{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:30px;padding-top:26px;padding-bottom:30px}
.mh{font:700 12px ui-monospace,monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--o);margin:0 0 8px}
.mnav a:not(.btn){display:block;color:#fff;text-decoration:none;font:700 22px/1.1 "MTC Oswald",Impact,"Arial Narrow Bold",Oswald,sans-serif;text-transform:uppercase;padding:9px 0;border-bottom:2px dashed rgba(255,255,255,.2)}.mnav a:not(.btn):hover,.mnav a:not(.btn):focus-visible{color:var(--o)}
.mnav .btn{margin-top:18px}
header.top{position:sticky}header.top .wrap{position:static}
@media(prefers-reduced-motion:reduce){.mnav{animation:none}}
@media(max-width:959px){.route{grid-template-columns:1fr;gap:0;padding-left:44px}.route li,.route li:nth-child(n){grid-column:1;grid-row:auto;padding:0 0 22px}
.route li:before,.route li:nth-child(3):before{left:-30px;right:auto;top:0;bottom:0;width:10px;height:auto;border:0;background:repeating-linear-gradient(180deg,#111 0 30px,var(--o) 30px 45px)}
.route li:after{left:-38px;top:22px}.route li:nth-child(3) a:after{display:none}.route a{margin-right:8px}.mnav .mgrid{grid-template-columns:1fr;gap:12px}.mnav a:not(.btn){font-size:20px}.top .brand small{display:none}}
@font-face{font-family:"MTC Oswald";src:url(../fonts/oswald.woff2) format("woff2");font-weight:200 700;font-display:swap}
/* sample-board services */
.swg{list-style:none;margin:0;padding:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#111;border:3px solid #111}
.sw{position:relative;min-width:0}
.sw a{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:5/3;padding:14px;color:#fff;text-decoration:none;overflow:hidden;transition:transform .2s}
.sw a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--o);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.sw a:hover,.sw a:focus-visible{transform:translate(-3px,-3px)}.sw a:hover:after,.sw a:focus-visible:after{transform:scaleX(1)}
.sw .tag{position:absolute;top:10px;left:10px;font:700 11px ui-monospace,Menlo,monospace;letter-spacing:.14em;background:#111;color:var(--o);padding:4px 7px}
.sw b{align-self:flex-start;font:700 clamp(18px,2vw,28px)/1.02 "MTC Oswald",Impact,sans-serif;text-transform:uppercase;background:#111;padding:6px 9px;overflow-wrap:anywhere;max-width:100%}
.sw small{align-self:flex-start;font:700 11px/1.2 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;background:var(--o);color:#111;padding:4px 8px}
.t-broom a{background:repeating-linear-gradient(90deg,#7b7e81 0 2px,#696c6f 2px 5px)}
.t-broom2 a{background:repeating-linear-gradient(0deg,#8b8e90 0 2px,#76797c 2px 6px)}
.t-walk a{background:linear-gradient(90deg,transparent 49.4%,#2a2b2d 49.4% 50.6%,transparent 50.6%),repeating-linear-gradient(90deg,#86898b 0 2px,#727578 2px 5px)}
.t-smooth a{background:#8e9193 radial-gradient(rgba(0,0,0,.14) 1px,transparent 1.5px) 0 0/7px 7px}
.t-rebar a{background:linear-gradient(90deg,rgba(94,58,36,.85) 3px,transparent 3px) 0 0/34px 34px,linear-gradient(rgba(94,58,36,.85) 3px,transparent 3px) 0 0/34px 34px,#5b5e61}
.t-floor a{background:linear-gradient(90deg,#2a2b2d 2px,transparent 2px) 0 0/50% 50%,linear-gradient(#2a2b2d 2px,transparent 2px) 0 0/50% 50%,linear-gradient(135deg,#a3a6a8,#7f8285)}
.t-patch a{background:linear-gradient(118deg,#6a6d70 0 46%,#2a2b2d 46% 47%,#9a9c9e 47%)}
.t-stamp a{background:linear-gradient(#3e3f41 3px,transparent 3px) 0 0/100% 30px,linear-gradient(90deg,#3e3f41 3px,transparent 3px) 0 0/60px 60px,linear-gradient(90deg,#3e3f41 3px,transparent 3px) 30px 30px/60px 60px,#9a8f84}
.t-split a{background:linear-gradient(90deg,transparent 49%,#111 49% 51%,transparent 51%),linear-gradient(90deg,transparent 50%,#949698 50%),repeating-linear-gradient(90deg,#7b7e81 0 2px,#686b6e 2px 5px)}
.t-patch a,.t-stamp a{background-color:#777}
/* route: always fit */
.route b{font-size:clamp(22px,6.4vw,40px);line-height:1;overflow-wrap:anywhere;hyphens:auto}
.route a{min-width:0}.go2{display:block;margin-top:8px;font:700 12px ui-monospace,monospace;letter-spacing:.08em;color:var(--od);text-transform:uppercase}
@media(min-width:960px){.route b{font-size:clamp(22px,2.1vw,34px)}}
/* inner pages */
.crumbs{padding:20px clamp(14px,4vw,56px) 0;font:700 12px ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#666}.crumbs a{color:var(--od)}
.tk-body.solo{grid-template-columns:1fr}.ih{font-size:clamp(40px,6.5vw,90px)!important}.ilede{font-size:19px;max-width:60ch;margin:0 0 18px}
.sheetwrap{display:grid;grid-template-columns:1.5fr .8fr;gap:28px;padding:10px clamp(14px,4vw,56px) 60px;align-items:start}
.sheet{background:#fbfaf7;border:3px solid #111;padding:clamp(18px,3vw,36px);box-shadow:10px 10px 0 #111;min-width:0}
.sheet h2{font-size:clamp(26px,3.4vw,40px);margin:.1em 0 .4em}.sec{font:700 12px ui-monospace,monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--od);margin:28px 0 0;border-top:2px dashed #bbb;padding-top:14px}.sec:first-child{margin-top:0;border:0;padding:0}
.steps2{counter-reset:k;list-style:none;padding:0;margin:0}.steps2 li{counter-increment:k;display:flex;gap:14px;align-items:baseline;padding:10px 0;border-bottom:1px solid #ddd}.steps2 li:before{content:"0" counter(k);font:700 26px "MTC Oswald",Impact,sans-serif;color:var(--o)}
.chk{list-style:none;padding:0}.chk li{padding:6px 0 6px 30px;position:relative;font-family:"Bradley Hand","Segoe Print",cursive;color:#1d3a8a;font-size:19px}.chk li:before{content:"✓";position:absolute;left:0;top:6px;width:20px;height:20px;border:2px solid #111;font:900 15px/18px sans-serif;text-align:center;color:#1d3a8a}
.lk{padding-left:18px}.lk li{margin:.4em 0}.lk a{color:var(--od);font-weight:700}
.sheetside{position:sticky;top:90px;padding:22px;border-top:8px solid var(--o)}.sbx{margin-bottom:20px}.sbx a{display:block;color:#fff;text-decoration:none;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.3);font-weight:600}.sbx a:hover,.sbx a:focus-visible{color:var(--o)}
.pours{padding:70px clamp(14px,4vw,56px)}.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}.pgrid figure{margin:0;border:3px solid #111}.pgrid img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.fdir{display:grid!important;grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:24px;border-bottom:1px dashed #444;margin-bottom:22px}.fdir a{display:block;color:#ddd;text-decoration:none;padding:3px 0}.fdir a:hover{color:var(--o)}
@media(max-width:959px){.sheetwrap{grid-template-columns:1fr}.sheetside{position:static}.fdir{grid-template-columns:1fr 1fr}
.route li,.route li:nth-child(n){padding:0 0 12px}.route a{padding:14px 16px;box-shadow:6px 6px 0 #111}.route li:after{top:14px}.go2{margin-top:4px}
.swg{grid-template-columns:1fr 1fr;gap:6px;padding:6px}.sw a{aspect-ratio:1/1;padding:10px}.sw b{font-size:clamp(15px,4.6vw,20px)}.sw small{font-size:10px}}
@media(max-width:560px){.fdir{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.sw a,.sw a:after{transition:none}}
@media(max-width:959px){.swg .sw:last-child{grid-column:span 2}.swg .sw:last-child a{aspect-ratio:2/1}.tk-top{font-size:11px;letter-spacing:.14em;gap:10px}.tk-top span:last-child{text-align:right}}
/* menu fit + scroll lock */
.mnav{max-height:calc(100vh - var(--hh,70px));max-height:calc(100dvh - var(--hh,70px));overflow-y:auto;overscroll-behavior:contain;z-index:40}
body.mopen{overflow:hidden}body.mopen .mbar{display:none}
@media(max-width:959px){.mnav .mgrid{grid-template-columns:1fr;gap:6px;padding-top:14px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
.mnav .mgrid>div:nth-child(n+2){display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.mnav .mgrid>div .mh{grid-column:1/-1;margin:8px 0 2px}
.mnav .mgrid>div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:0 16px}.mnav .mgrid>div:first-child .mh{flex-basis:100%}.mnav .mgrid>div:first-child .btn{margin-top:8px;padding:10px 14px;font-size:13px}
.mnav a:not(.btn){font-size:16px;padding:7px 0;line-height:1.1}}
.top .mnav .btn{display:inline-flex}
/* legible blue-ink phone + no link artifacts in handwritten fields */
dd a,.chk a,.notes a{text-decoration:none;border:0;background:none;box-shadow:none}
dd a[href^="sms:"]{color:#1d3a8a;font:inherit}
@media(max-width:959px){.spine{display:flex;align-items:center;justify-content:center;text-align:center}.spine .vt{text-align:center;width:100%;margin:0 auto}}
@media(max-width:959px){.spine{padding:21px 14px 14px}}
/* mid-width fixes */
.tk-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px}
.tk-stamp,.tk-stamp:is(*){position:static!important;display:block;margin:0 auto;transform:rotate(-8deg);font-size:22px;width:max-content}
dd{font-size:19px;line-height:1.35}
@media(max-width:1199px){header.top nav.nav{display:none}}
.top .brand b{white-space:nowrap}
@media(min-width:960px) and (max-width:1099px){.split{grid-template-columns:1fr}.spine{position:relative;top:0;height:auto;border-right:0;border-bottom:6px solid var(--o);padding:21px 14px 14px;display:flex;justify-content:center}.vt{writing-mode:horizontal-tb;transform:none;font-size:clamp(40px,5vw,56px);white-space:normal;text-align:center}}
@media(min-width:960px) and (max-width:1199px){.tk-body{grid-template-columns:minmax(200px,260px) 1fr}}
@media(max-width:959px){.tk-logo{flex-direction:row;flex-wrap:wrap;gap:16px}.tk-logo img{max-width:220px;margin:0}.tk-stamp{margin:0}}
@media(max-width:400px){.top .brand b{font-size:19px}.mbtn{padding:8px 10px}}
.top .wrap>.btn{margin-left:auto}@media(max-width:440px){.top .brand b{}.top .brand img{width:38px;height:50px}}
/* header name never clipped */
.top .wrap{gap:12px}.top .brand{min-width:0;flex:1 1 auto}.top .brand>span{min-width:0}
.top .brand b{white-space:normal;overflow-wrap:break-word;font-size:clamp(16px,4.6vw,22px);line-height:1.02}
.top .brand img{flex:0 0 auto}.mbtn,.top .wrap>.btn{flex:0 0 auto}
@media(max-width:599px){.top .brand b{max-width:11ch}}
@media(max-width:400px){.mbtn .mtx{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.mbtn{padding:10px 11px}}
.pgrid2{display:grid;gap:22px;margin-top:18px}
.pcard{border:3px solid #111;background:#fff;box-shadow:8px 8px 0 #111}
.pc-top{display:flex;justify-content:space-between;background:#111;color:var(--o);font:700 12px ui-monospace,monospace;letter-spacing:.18em;padding:8px 14px;text-transform:uppercase}
.pc-body{display:grid;grid-template-columns:150px 1fr;gap:22px;padding:20px}
.pc-logo{display:flex;align-items:center;justify-content:center;border:2px dashed #999;padding:12px;background:#f3f1ec;align-self:start}.pc-logo img{width:100%;max-width:120px;height:auto}
.pcard h2{font-size:clamp(24px,3vw,34px);margin:0 0 .3em}.pcard dl{margin:12px 0 16px}.pcard dl div{grid-template-columns:110px 1fr}.pcard dd a{overflow-wrap:anywhere}
@media(max-width:560px){.pc-body{grid-template-columns:1fr}.pc-logo{max-width:160px}}
/* eyebrow spacing + unbroken phone */
.sec{display:block;line-height:1.5;margin-bottom:12px!important}.sec+h2,.sec+h3{margin-top:0;padding-top:2px}
.lbl>span{display:block;line-height:1.5;margin-bottom:10px}.lbl h2{margin-top:0}
.kick{line-height:1.5;margin:0 0 12px}.mh{line-height:1.5}
.sheet h2,.lbl h2,.pcard h2{line-height:1.02}
.nw{white-space:nowrap}.btn{flex-wrap:wrap;justify-content:center;text-align:center;row-gap:2px}
/* hard no-overflow rules (iOS wider fonts) */
.split,.sheetwrap,.tk-body,.tk-body.solo,.pc-body,dl div,.pcard dl div,.mnav .mgrid{grid-template-columns:minmax(0,1fr)}
@media(min-width:1100px){.split{grid-template-columns:150px minmax(0,1fr)}.sheetwrap{grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr)}}
@media(min-width:960px){.tk-body{grid-template-columns:minmax(180px,300px) minmax(0,1fr)}.tk-body.solo{grid-template-columns:minmax(0,1fr)}.mnav .mgrid{grid-template-columns:1fr 1.4fr 1fr}}
@media(min-width:960px) and (max-width:1099px){.sheetwrap{grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr)}}
@media(min-width:561px){.pc-body{grid-template-columns:150px minmax(0,1fr)}}
dl div{grid-template-columns:minmax(80px,130px) minmax(0,1fr)}.pcard dl div{grid-template-columns:minmax(80px,110px) minmax(0,1fr)}
dd,dt,.sec,.lbl>span,.kick,.mh,.tk-top span,.crumbs,.pcard h2,.pcard p,.sheet p,.sheet li,.ilede,.lede{min-width:0;overflow-wrap:anywhere}
.sec,.lbl>span,.kick,.tk-top span,.crumbs{white-space:normal}
.btn{max-width:100%;min-width:0}
.feed>*,.sheet,.sheetside,.ticket,.pcard{min-width:0;max-width:100%}
@media(max-width:600px){
.ticket{margin-left:12px;margin-right:16px;box-shadow:6px 6px 0 #111}.sheet{box-shadow:6px 6px 0 #111}.pcard{box-shadow:5px 5px 0 #111}
dl div{grid-template-columns:minmax(72px,96px) minmax(0,1fr)}.pcard dl div{grid-template-columns:minmax(64px,84px) minmax(0,1fr)}}
h1,h2,h3,.ih,.route b,.sw b{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;min-width:0}
/* limit long-word breaking; keep numerals/labels whole */
dd,dt,.sec,.lbl>span,.kick,.mh,.tk-top span,.crumbs,.pcard h2,.pcard p,.sheet p,.sheet li,.ilede,.lede,.sw b,.route b{overflow-wrap:break-word;word-break:normal}
.pcard dd a[href^="http"]{overflow-wrap:anywhere}
.steps2 li{align-items:baseline}.steps2 li:before{flex:0 0 2.4em;min-width:2.4em;white-space:nowrap;word-break:normal;overflow-wrap:normal}
.tag,.pno,.mi,.nq,.tk-top span,.box,.go,.go2,.lyn,.nw{white-space:nowrap;word-break:normal;overflow-wrap:normal}
.pcard dd a[href^="tel"]{white-space:nowrap;overflow-wrap:normal}
/* ===== job-ticket footer ===== */
footer.ft{background:#141516;color:#ddd;padding:0 0 calc(70px + env(safe-area-inset-bottom));font-size:15px;display:block}
@media(min-width:960px){footer.ft{padding-bottom:0}}
.ft-edge{position:relative;height:46px;background:#3a3c3e radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.4px) 0 0/7px 7px;border-top:6px solid var(--o)}
.ft-edge:before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;background:repeating-linear-gradient(90deg,#111 0 34px,transparent 34px 44px)}
.ft-edge span{position:absolute;left:clamp(14px,4vw,56px);top:50%;transform:translateY(-50%);background:var(--o);color:#111;font:700 11px ui-monospace,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;padding:5px 10px;border:2px solid #111;white-space:nowrap}
.ft-ticket{position:relative;margin:28px clamp(12px,4vw,56px) 0;border:3px solid #111;box-shadow:10px 10px 0 var(--o);padding:0 0 22px}
.ft-ticket>span[class^=rv]{position:absolute;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d9d9d9,#6b6d70 60%,#2a2b2d);box-shadow:0 1px 0 #000}
.rv1{top:42px;left:10px}.rv2{top:42px;right:10px}.rv3{bottom:10px;left:10px}.rv4{bottom:10px;right:10px}
.ft-head{display:flex;justify-content:space-between;gap:10px;background:#111;color:var(--o);font:700 12px ui-monospace,Menlo,monospace;letter-spacing:.2em;padding:9px 16px;white-space:nowrap}
.ft-main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:24px;align-items:center;padding:24px clamp(18px,3vw,34px)}
.ft-id{display:flex;gap:16px;align-items:center;min-width:0}
.ft-logo{flex:0 0 auto;background:#fff;padding:5px;border:3px solid #111;box-shadow:5px 5px 0 #111;transform:rotate(-3deg)}.ft-logo img{width:64px;height:auto}
.ft-name{margin:0;font:700 clamp(26px,3vw,40px)/1 "MTC Oswald",Impact,sans-serif;text-transform:uppercase;color:#fff}
.ft-tag{margin:6px 0 4px;font:700 clamp(15px,1.6vw,20px)/1.1 "MTC Oswald",Impact,sans-serif;text-transform:uppercase;color:#fff;letter-spacing:.04em}.ft-tag i{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--o)}
.ft-own{margin:0;font:700 11px ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:#bbb}
.ft-text{display:flex;flex-direction:column;gap:2px;background:#fbfaf7;color:#111;text-decoration:none;border:3px solid #111;box-shadow:7px 7px 0 #111;padding:14px 18px;min-width:0;transition:transform .15s,box-shadow .15s;background-image:repeating-linear-gradient(0deg,transparent 0 27px,rgba(29,58,138,.12) 27px 28px)}
.ft-text:hover,.ft-text:focus-visible{transform:translate(3px,3px);box-shadow:4px 4px 0 #111}
.ft-tl{font:700 11px ui-monospace,Menlo,monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--od)}
.ft-ph{font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-size:clamp(28px,3.2vw,38px);line-height:1.15;color:#1d3a8a}
.ft-hint{font-size:13px;color:#555}
.ft-stamp{border:4px solid var(--o);color:var(--o);font:700 22px/1 "MTC Oswald",Impact,sans-serif;text-transform:uppercase;padding:8px 12px;transform:rotate(-10deg);text-align:center;opacity:.9;white-space:nowrap;justify-self:center}
.ft-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 clamp(18px,3vw,34px);border:2px dashed rgba(255,255,255,.35)}
.ft-grid nav{padding:16px 18px;border-right:2px dashed rgba(255,255,255,.35);min-width:0}.ft-grid nav:last-child{border-right:0}
.ft-h{margin:0 0 8px;font:700 11px ui-monospace,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--o)}
.ft-grid a{display:block;color:#eee;text-decoration:none;padding:4px 0 4px 22px;position:relative;font-size:14px;line-height:1.3}
.ft-grid a:before{content:"";position:absolute;left:0;top:7px;width:11px;height:11px;border:2px solid #9a9c9e}
.ft-grid a:hover,.ft-grid a:focus-visible{color:var(--o)}.ft-grid a:hover:before{border-color:var(--o);background:var(--o)}
.ft-stub{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;margin:0;padding:18px clamp(14px,4vw,56px) 22px;font:600 12px/1.5 ui-monospace,Menlo,monospace;letter-spacing:.04em;color:#aaa;position:relative;margin-top:26px;background:radial-gradient(circle,#141516 5px,transparent 5.5px) 0 -6px/18px 12px repeat-x,#1d1e20}
.ft-stub a{color:#fff}
@media(max-width:959px){.ft-main{grid-template-columns:minmax(0,1fr);gap:20px}.ft-stamp{justify-self:start;margin-left:6px}.ft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ft-grid nav:nth-child(2n){border-right:0}.ft-grid nav:nth-child(-n+2){border-bottom:2px dashed rgba(255,255,255,.35)}}
@media(max-width:480px){.ft-grid{grid-template-columns:minmax(0,1fr)}.ft-grid nav{border-right:0;border-bottom:2px dashed rgba(255,255,255,.35)}.ft-grid nav:last-child{border-bottom:0}.ft-ticket{margin-right:16px;box-shadow:6px 6px 0 var(--o)}.ft-head{font-size:11px;letter-spacing:.14em}}
@media(prefers-reduced-motion:reduce){.ft-text{transition:none}}
/* saw-cut section breaks */
.sawcut{position:relative;height:34px;margin:0;background:#3a3c3e radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.4px) 0 0/7px 7px;border-top:4px solid var(--o);overflow:hidden}
.sawcut:before{content:"";position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1px;background:repeating-linear-gradient(90deg,#111 0 30px,transparent 30px 40px)}
.sawcut span{position:absolute;right:clamp(12px,4vw,56px);top:50%;transform:translateY(-50%);background:var(--o);color:#111;font:700 10px ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;padding:4px 9px;border:2px solid #111;white-space:nowrap;max-width:calc(100% - 24px);overflow:hidden;text-overflow:clip}
.sawcut:nth-of-type(odd) span{right:auto;left:clamp(12px,4vw,56px)}

@media(max-width:600px){.sawcut{height:26px;border-top-width:3px}.sawcut span{font-size:9px;padding:3px 7px;letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){.sawcut:after{display:none}}
/* SEO copy blocks */
.ans{position:relative;margin:0 0 26px;background:#fbfaf7;border:3px solid #111;border-left:10px solid var(--o);padding:26px 20px 16px;box-shadow:6px 6px 0 #111}
.ans-st{position:absolute;top:-14px;left:14px;background:var(--o);color:#111;border:2px solid #111;font:700 11px ui-monospace,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;padding:4px 9px;transform:rotate(-2deg);white-space:nowrap}
.ans p{margin:0;font-size:18px;line-height:1.55}
.about{padding:70px clamp(14px,4vw,56px)}
.fngrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.fn{background:#fbfaf7;border:2px solid #111;padding:20px 22px;background-image:repeating-linear-gradient(0deg,transparent 0 31px,rgba(29,58,138,.08) 31px 32px);position:relative}
.fn:before{content:"";position:absolute;top:10px;right:10px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d9d9d9,#6b6d70 60%,#2a2b2d)}
.fn h2{font-size:clamp(22px,2.6vw,30px);margin:.1em 0 .4em}.fn p{margin:0 0 .8em}
.fnwrap{display:grid;gap:16px;margin-top:28px;padding-top:24px;border-top:3px dashed #111}
.fnwrap .sec{border:0;padding:0;margin-top:0}
.fq{margin-top:28px;padding:20px;border:3px solid #111;background:#fdfcf6;border-left:6px double #d85b5b}
.fq h2{margin-bottom:.4em}
@media(max-width:760px){.fngrid{grid-template-columns:minmax(0,1fr)}.fn{padding:16px}.ans{padding:24px 16px 14px}.ans p{font-size:17px}}
/* night mode */
html[data-theme=dark] body{background-color:var(--pp);background-image:none;color:var(--ink)}
html[data-theme=dark] .badge{background-color:var(--pp);background-image:none;color:var(--ink)}
html[data-theme=dark] .card{background-color:var(--pp);background-image:none;color:var(--ink)}
html[data-theme=dark] .card p{color:var(--ink2)}
html[data-theme=dark] .no{background-color:var(--pp);background-image:none;color:var(--ink)}
html[data-theme=dark] details{background-color:var(--pp);background-image:none;color:var(--ink)}
html[data-theme=dark] .mbar a{color:var(--ink2)}
html[data-theme=dark] .ticket{background-color:var(--pp);background-image:none;color:var(--ink)}
html[data-theme=dark] dt{color:var(--ink2)}
html[data-theme=dark] dd{color:var(--ink2)}
html[data-theme=dark] dd a{color:var(--ink2)}
html[data-theme=dark] .box{color:var(--ink2)}
html[data-theme=dark] .box.on:before{color:var(--ink2)}
html[data-theme=dark] .pn:hover p{color:var(--ink2)}
html[data-theme=dark] .ly-finish{color:var(--ink2)}
html[data-theme=dark] .route a{background-color:var(--pp);background-image:none;color:var(--ink)}
html[data-theme=dark] .cty{color:var(--ink2)}
html[data-theme=dark] .notes summary{color:var(--ink2)}
html[data-theme=dark] .notes{background-color:var(--pp);background-image:none;color:var(--ink)}
html[data-theme=dark] .mbtn{background-color:var(--pp);background-image:none;color:var(--ink)}
html[data-theme=dark] /* inner pages */
.crumbs{color:var(--ink2)}
html[data-theme=dark] .sheet{background-color:var(--pp);background-image:none;color:var(--ink)}
html[data-theme=dark] .chk li{color:var(--ink2)}
html[data-theme=dark] .chk li:before{color:var(--ink2)}
html[data-theme=dark] dd a[href^="sms:"]{color:var(--ink2)}
html[data-theme=dark] .pcard{background-color:var(--pp);background-image:none;color:var(--ink)}
html[data-theme=dark] .pc-logo{background-color:var(--pp);background-image:none;color:var(--ink)}
html[data-theme=dark] .ft-logo{background-color:var(--pp);background-image:none;color:var(--ink)}
html[data-theme=dark] .ft-text{background-color:var(--pp);background-image:none;color:var(--ink)}
html[data-theme=dark] .ft-ph{color:var(--ink2)}
html[data-theme=dark] .ft-hint{color:var(--ink2)}
html[data-theme=dark] /* SEO copy blocks */
.ans{background-color:var(--pp);background-image:none;color:var(--ink)}
html[data-theme=dark] .fn{background-color:var(--pp);background-image:none;color:var(--ink)}
html[data-theme=dark] .fq{background-color:var(--pp);background-image:none;color:var(--ink)}
/* theme tokens + toggle */
:root{--pp:#fbfaf7;--ink:#2b2d2f;--ink2:#2b2d2f}
html[data-theme=dark]{--pp:#232527;--ink:#eceae6;--ink2:#d9d7d2;--g:#161718;color-scheme:dark}
html[data-theme=dark] body{background:#161718;color:var(--ink)}
html[data-theme=dark] .sheet,html[data-theme=dark] .ticket,html[data-theme=dark] .ans,html[data-theme=dark] .pcard,html[data-theme=dark] details,html[data-theme=dark] .card{border-color:#000;box-shadow:6px 6px 0 var(--od)}
html[data-theme=dark] .steps2 li,html[data-theme=dark] .notes .note{border-color:#3d4043}
html[data-theme=dark] .notes .note{background:repeating-linear-gradient(0deg,#232527 0 33px,#2f3236 33px 34px)}
html[data-theme=dark] .notes summary,html[data-theme=dark] .chk li{color:#9ec0ff}
html[data-theme=dark] .chk li:before,html[data-theme=dark] .box:before{border-color:#d9d7d2;color:var(--o)}
html[data-theme=dark] .sheet a:not(.btn),html[data-theme=dark] .ans a,html[data-theme=dark] .pcard a:not(.btn){color:#ffb07a}
html[data-theme=dark] .cty,html[data-theme=dark] .card p{color:#b9b7b2}
html[data-theme=dark] .mi,html[data-theme=dark] .no b{color:var(--o)}
html[data-theme=dark] .tk-stamp{border-color:var(--o);color:var(--o)}
html[data-theme=dark] .tk-logo{border-color:#000}
/* logo stays on white paper so the gray mule reads in both modes */
html[data-theme=dark] .badge,html[data-theme=dark] .tk-logo img,html[data-theme=dark] .pc-logo{background:#fff}
html[data-theme=dark] .brand img,html[data-theme=dark] .ft-logo img{background:#fff}
html[data-theme=dark] .sawcut{border-top-color:var(--o);box-shadow:inset 0 -1px 0 #000}
html[data-theme=dark] .route a{box-shadow:6px 6px 0 var(--od)}
.thm{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 14px;padding:10px 12px;background:transparent;color:#fff;border:2px dashed rgba(255,255,255,.35);font:700 20px/1.1 "MTC Oswald",Impact,"Arial Narrow Bold",Oswald,sans-serif;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;text-align:left;white-space:nowrap}
.thm:hover,.thm:focus-visible{border-color:var(--o);color:var(--o)}
.thm-ic{flex:none;width:44px;height:24px;border:3px solid #fff;background:#fff;position:relative;border-radius:14px}
.thm-ic:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--o);transition:transform .2s}
html[data-theme=dark] .thm-ic{background:#111}html[data-theme=dark] .thm-ic:after{transform:translateX(20px);background:var(--o);box-shadow:inset -4px -2px 0 #111}
@media(prefers-reduced-motion:reduce){.thm-ic:after{transition:none}}
/* FAQ questions on inner pages: site font, not handwriting fallback */
.fq summary{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:17px;font-weight:700;color:var(--ink)}
html[data-theme=dark] .fq summary{color:var(--ink)}
/* partner website links: never split a domain mid-word */
.pcard dd a{overflow-wrap:normal;word-break:keep-all;white-space:nowrap}
.pcard dd{min-width:0}
/* switch sits at the bottom of the menu, full width */
.mthm{grid-column:1/-1;border-top:2px dashed rgba(255,255,255,.2);padding-top:14px;margin-top:4px}
.mthm .thm{margin-bottom:6px;max-width:420px}

/* tagline animation: floating mud settles, cutting lines saw-cuts in, then a white control-joint line */
.vt .tg-f,.vt .tg-c{display:inline-block;position:relative}
.vt .tg-c:after{content:"";position:absolute;inset-inline-start:0;inset-block-end:-.14em;block-size:3px;inline-size:100%;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.35)}
@media(prefers-reduced-motion:no-preference){
.vt .tg-f{animation:mtc-float 1s cubic-bezier(.2,.75,.25,1) .15s both}
.vt .tg-c{animation:mtc-saw .45s steps(6,end) 1.15s both}
.vt .tg-c:after{animation:mtc-joint .6s cubic-bezier(.6,0,.2,1) 1.7s both}}
@media(prefers-reduced-motion:no-preference) and (min-width:1100px){.vt .tg-c{animation-name:mtc-saw-v}}
@keyframes mtc-float{0%{opacity:0;filter:blur(5px);transform:scale(1.06,.82) translateY(6px)}60%{opacity:1;filter:blur(1px);transform:scale(.99,1.03)}100%{opacity:1;filter:none;transform:none}}
@keyframes mtc-saw{0%{clip-path:inset(-20% 100% -20% 0)}100%{clip-path:inset(-20% -2% -20% 0)}}
@keyframes mtc-saw-v{0%{clip-path:inset(0 -20% 100% -20%)}100%{clip-path:inset(0 -20% -2% -20%)}}
@keyframes mtc-joint{0%{inline-size:0}100%{inline-size:100%}}