/* Grand Forks Mobile Welding - shop sheet */
:root{color-scheme:light}
*{box-sizing:border-box}
html{min-height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;color:#1A1A1A;background-color:#8A9099;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Crect x='-7.5' y='-2' width='15' height='4' rx='2' fill='%235B6169' transform='translate(9.2 9.2) rotate(-45)'/%3E%3Crect x='-7.5' y='-2' width='15' height='4' rx='2' fill='%23D3D8DE' transform='translate(8 8) rotate(-45)'/%3E%3Crect x='-6' y='-1.6' width='10' height='1.3' rx='.6' fill='%23F1F3F5' transform='translate(8 8) rotate(-45)'/%3E%3Crect x='-7.5' y='-2' width='15' height='4' rx='2' fill='%235B6169' transform='translate(25.2 9.2) rotate(45)'/%3E%3Crect x='-7.5' y='-2' width='15' height='4' rx='2' fill='%23D3D8DE' transform='translate(24 8) rotate(45)'/%3E%3Crect x='-6' y='-1.6' width='10' height='1.3' rx='.6' fill='%23F1F3F5' transform='translate(24 8) rotate(45)'/%3E%3Crect x='-7.5' y='-2' width='15' height='4' rx='2' fill='%235B6169' transform='translate(9.2 25.2) rotate(45)'/%3E%3Crect x='-7.5' y='-2' width='15' height='4' rx='2' fill='%23D3D8DE' transform='translate(8 24) rotate(45)'/%3E%3Crect x='-6' y='-1.6' width='10' height='1.3' rx='.6' fill='%23F1F3F5' transform='translate(8 24) rotate(45)'/%3E%3Crect x='-7.5' y='-2' width='15' height='4' rx='2' fill='%235B6169' transform='translate(25.2 25.2) rotate(-45)'/%3E%3Crect x='-7.5' y='-2' width='15' height='4' rx='2' fill='%23D3D8DE' transform='translate(24 24) rotate(-45)'/%3E%3Crect x='-6' y='-1.6' width='10' height='1.3' rx='.6' fill='%23F1F3F5' transform='translate(24 24) rotate(-45)'/%3E%3C/svg%3E"),linear-gradient(170deg,#A9AFB7 0%,#8A9099 50%,#7B818A 100%);font:15px/1.6 Arial,Helvetica,sans-serif}
a{color:#FFC20E;background:#1A1A1A;text-decoration:underline;text-underline-offset:2px;padding:0 3px}
a:hover{color:#FFFFFF}
a:focus-visible{outline:3px solid #FF5A00;outline-offset:2px}
.yard{max-width:920px;margin:0 auto;padding:0 16px 30px}
.plate-top{padding:26px 0 0}
.nameplate{display:flex;align-items:center;justify-content:center;gap:16px;padding:18px 40px;background:radial-gradient(circle at 12px 12px,#E3E6EA 0 2px,#7B8189 3px 4px,transparent 5px),radial-gradient(circle at calc(100% - 12px) 12px,#E3E6EA 0 2px,#7B8189 3px 4px,transparent 5px),radial-gradient(circle at 12px calc(100% - 12px),#E3E6EA 0 2px,#7B8189 3px 4px,transparent 5px),radial-gradient(circle at calc(100% - 12px) calc(100% - 12px),#E3E6EA 0 2px,#7B8189 3px 4px,transparent 5px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Crect x='-7.5' y='-2' width='15' height='4' rx='2' fill='%230A0A0A' transform='translate(9.2 9.2) rotate(-45)'/%3E%3Crect x='-7.5' y='-2' width='15' height='4' rx='2' fill='%232B2E32' transform='translate(8 8) rotate(-45)'/%3E%3Crect x='-6' y='-1.6' width='10' height='1.3' rx='.6' fill='%233A3E43' transform='translate(8 8) rotate(-45)'/%3E%3Crect x='-7.5' y='-2' width='15' height='4' rx='2' fill='%230A0A0A' transform='translate(25.2 9.2) rotate(45)'/%3E%3Crect x='-7.5' y='-2' width='15' height='4' rx='2' fill='%232B2E32' transform='translate(24 8) rotate(45)'/%3E%3Crect x='-6' y='-1.6' width='10' height='1.3' rx='.6' fill='%233A3E43' transform='translate(24 8) rotate(45)'/%3E%3Crect x='-7.5' y='-2' width='15' height='4' rx='2' fill='%230A0A0A' transform='translate(9.2 25.2) rotate(45)'/%3E%3Crect x='-7.5' y='-2' width='15' height='4' rx='2' fill='%232B2E32' transform='translate(8 24) rotate(45)'/%3E%3Crect x='-6' y='-1.6' width='10' height='1.3' rx='.6' fill='%233A3E43' transform='translate(8 24) rotate(45)'/%3E%3Crect x='-7.5' y='-2' width='15' height='4' rx='2' fill='%230A0A0A' transform='translate(25.2 25.2) rotate(-45)'/%3E%3Crect x='-7.5' y='-2' width='15' height='4' rx='2' fill='%232B2E32' transform='translate(24 24) rotate(-45)'/%3E%3Crect x='-6' y='-1.6' width='10' height='1.3' rx='.6' fill='%233A3E43' transform='translate(24 24) rotate(-45)'/%3E%3C/svg%3E"),#1A1A1A;border:3px solid;border-color:#B9BEC5 #4A4F56 #4A4F56 #B9BEC5}
.nameplate svg{flex:none;width:58px;height:46px}
.np-name{font:46px/1.05 Impact,Haettenschweiler,"Arial Narrow Bold","Arial Black",sans-serif;color:#FFC20E;text-transform:uppercase;letter-spacing:.03em;text-shadow:2px 2px 0 #000}
.tape{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:9px 10px;background:repeating-linear-gradient(-45deg,#FFC20E 0 18px,#1A1A1A 18px 36px);border:3px solid #1A1A1A;border-top:0}
.tape a{display:inline-block;min-height:44px;padding:9px 18px;background:#1A1A1A;color:#FFC20E;font:21px/1.2 Impact,Haettenschweiler,"Arial Narrow Bold","Arial Black",sans-serif;text-transform:uppercase;letter-spacing:.05em;text-underline-offset:4px;border:2px solid #FFC20E}
.tape a:hover{color:#FFFFFF}
.tape a[aria-current="page"]{background:#FF5A00;color:#1A1A1A;border-color:#1A1A1A}
.tape.bare{height:26px;padding:0}
.sign{margin:20px 0 18px;padding:24px 28px 24px;background:radial-gradient(circle at 12px 12px,#E3E6EA 0 2px,#7B8189 3px 4px,transparent 5px),radial-gradient(circle at calc(100% - 12px) 12px,#E3E6EA 0 2px,#7B8189 3px 4px,transparent 5px),radial-gradient(circle at 12px calc(100% - 12px),#E3E6EA 0 2px,#7B8189 3px 4px,transparent 5px),radial-gradient(circle at calc(100% - 12px) calc(100% - 12px),#E3E6EA 0 2px,#7B8189 3px 4px,transparent 5px),linear-gradient(180deg,#232323,#161616);color:#DADDE1;border:3px solid;border-color:#50555C #0B0B0B #0B0B0B #50555C}
.sign h1{margin:0 0 12px;font:46px/1.06 Impact,Haettenschweiler,"Arial Narrow Bold","Arial Black",sans-serif;text-transform:uppercase;letter-spacing:.02em;color:#F2F2F2}
.sign .hot{color:#FF5A00}
.sign .sub{margin:0 0 16px;font-size:16px;max-width:62ch}
.sign p{margin:0 0 10px}
.weld-call{display:inline-block;min-height:54px;margin:4px 0 0;padding:10px 26px;background:#FF5A00;color:#1A1A1A;font:28px/1.2 Impact,Haettenschweiler,"Arial Narrow Bold","Arial Black",sans-serif;text-transform:uppercase;letter-spacing:.03em;text-decoration:none;border:3px solid;border-color:#FF9C6B #A33A00 #A33A00 #FF9C6B}
.weld-call:hover{background:#FFC20E;color:#1A1A1A}
.weld-call:focus-visible{outline:3px solid #FFC20E;outline-offset:3px}
.refer{margin:10px 0 0;font-size:15px;max-width:56ch;color:#DADDE1}
.chips{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{border:1px solid #FFC20E;color:#FFC20E;font:bold 13px/1.4 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.06em;padding:4px 9px}
.steel{position:relative;margin:0 0 18px;padding:20px 26px 20px;color:#1A1A1A;background:radial-gradient(circle at 10px 10px,#F4F6F8 0 1.5px,#6E747C 2.5px 3.5px,transparent 4.5px),radial-gradient(circle at calc(100% - 10px) 10px,#F4F6F8 0 1.5px,#6E747C 2.5px 3.5px,transparent 4.5px),radial-gradient(circle at 10px calc(100% - 10px),#F4F6F8 0 1.5px,#6E747C 2.5px 3.5px,transparent 4.5px),radial-gradient(circle at calc(100% - 10px) calc(100% - 10px),#F4F6F8 0 1.5px,#6E747C 2.5px 3.5px,transparent 4.5px),linear-gradient(180deg,#D7DCE2 0%,#C5CBD2 55%,#B6BCC4 100%);border:2px solid;border-color:#EEF1F4 #5E646C #5E646C #EEF1F4}
.steel h2{display:inline-block;margin:0 0 12px;padding:3px 12px 2px;background:#1A1A1A;color:#FFC20E;font:24px/1.15 Impact,Haettenschweiler,"Arial Narrow Bold","Arial Black",sans-serif;text-transform:uppercase;letter-spacing:.04em}
.steel h3{margin:0 0 4px;font:20px/1.2 Impact,Haettenschweiler,"Arial Narrow Bold","Arial Black",sans-serif;text-transform:uppercase;letter-spacing:.03em;color:#1A1A1A}
.steel p{margin:0 0 10px}
.steel p:last-child{margin:0}
.bays{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bay{background:#DEE2E7;border:1px solid #7E848C;box-shadow:inset 1px 1px 0 #FFFFFF;padding:12px 14px}
.taped{padding-left:50px}
.taped::before{content:"";position:absolute;left:0;top:0;bottom:0;width:24px;background:repeating-linear-gradient(-45deg,#FFC20E 0 10px,#1A1A1A 10px 20px);border-right:2px solid #1A1A1A}
.runlist{list-style:none;margin:0;padding:0;columns:2;column-gap:20px}
.runlist li{position:relative;padding:2px 0 2px 20px;break-inside:avoid}
.runlist li::before{content:"";position:absolute;left:2px;top:.55em;border-left:9px solid #1A1A1A;border-top:5px solid transparent;border-bottom:5px solid transparent}
.steel ul.speeds{margin:0;padding:0 0 0 20px}
.steel ul.speeds li{margin:0 0 6px}
.qa{padding:14px 22px}
.qa summary{position:relative;display:block;min-height:34px;padding:4px 0 4px 44px;font:bold 17px/1.4 Arial,Helvetica,sans-serif;cursor:pointer;list-style:none}
.qa summary::-webkit-details-marker{display:none}
.qa summary::before{content:"+";position:absolute;left:0;top:2px;width:30px;height:30px;background:#1A1A1A;color:#FFC20E;font:26px/30px Impact,Haettenschweiler,"Arial Narrow Bold","Arial Black",sans-serif;text-align:center}
.qa[open] summary::before{content:"\2013";background:#FF5A00;color:#1A1A1A}
.qa summary:focus-visible{outline:3px solid #FF5A00;outline-offset:3px}
.qa>div{margin:12px 0 2px;padding:12px 0 0;border-top:1px solid #7E848C}
.big-number{display:inline-block;min-height:44px;padding:4px 14px;font:44px/1.15 Impact,Haettenschweiler,"Arial Narrow Bold","Arial Black",sans-serif;letter-spacing:.03em}
.shopfoot{position:relative;margin:24px 0 0;padding:26px 24px 18px;background:#1A1A1A;color:#D5D9DE;font-size:14px;line-height:1.6;border:3px solid #0B0B0B}
.shopfoot::before{content:"";position:absolute;left:0;right:0;top:0;height:10px;background:repeating-linear-gradient(-45deg,#FFC20E 0 10px,#1A1A1A 10px 20px)}
.shopfoot p{margin:0 0 8px}
.shopfoot p:last-child{margin:0}
.shopfoot strong{color:#FFFFFF}
@media (max-width:640px){
  body{font-size:16px}
  .plate-top{padding:16px 0 0}
  .nameplate{padding:16px 22px;gap:10px}
  .nameplate svg{width:40px;height:32px}
  .np-name{font-size:28px}
  .tape{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px}
  .tape a{font-size:18px;padding:9px 8px;text-align:center}
  .sign{padding:20px 18px}
  .sign h1{font-size:33px}
  .weld-call{display:block;text-align:center;font-size:26px}
  .refer{font-size:16px}
  .chips li{font-size:15px}
  .steel{padding:18px 18px}
  .taped{padding-left:40px}
  .taped::before{width:20px}
  .bays{grid-template-columns:1fr}
  .runlist{columns:1}
  .qa{padding:12px 16px}
  .qa summary{font-size:17px}
  .big-number{font-size:36px}
  .shopfoot{padding:24px 16px 16px;font-size:15px}
}