/* Peak Maintenance Pros Llc - tool shed bay skeleton styles */

:root{
  --cf-bg:#F4F8F0;
  --cf-text:#2E3A30;
  --acc-main:#CC6114;
  --acc-deep:#A94E0F;
  --cf-peak:#1E281E;
  --cf-panel:#DCE2D4;
  --cf-rung:#B26C6B;
  --cf-dust:#A9AB97;
  --cf-line:#C6CDBC;
  --cf-line-soft:#D6DCCB;
  --cf-ink-soft:#4A564B;
}

*{box-sizing:border-box;}

html{scroll-behavior:smooth;}

body.toolwallboard2-body{
  margin:0;
  padding:0;
  background-color:#F4F8F0;
  color:#2E3A30;
  font-size:16px;
  font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;
  line-height:1.65;
  overflow-x:hidden;
}

.toolwallboard2-body h1,
.toolwallboard2-body h2,
.toolwallboard2-body h3,
.toolwallboard2-body h4{
  font-family:Georgia,"Times New Roman",serif;
  color:#1E281E;
  margin:0 0 0.6em 0;
  line-height:1.2;
  font-weight:700;
}

.toolwallboard2-body p{margin:0 0 1em 0;}

.toolwallboard2-body a{color:#A94E0F;text-decoration:none;}
.toolwallboard2-body a:hover{text-decoration:underline;}

/* ============ toolwallboard NAV ============ */

.toolwallboard2{
  position:fixed;
  top:0;
  left:0;
  width:212px;
  height:100vh;
  background-color:#DCE2D4;
  border-right:1px solid #C6CDBC;
  padding:22px 0 0 0;
  z-index:200;
}

.toolwallboard2-wall{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#DCE2D4;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='6' cy='8' r='1.8' fill='%23C6CDBC'/%3E%3C/svg%3E");
  pointer-events:none;
}

.toolwallboard2-battens{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  border-right:1px solid #C6CDBC;
  width:172px;
  pointer-events:none;
}

.toolwallboard2-inner{
  position:relative;
  z-index:2;
  height:100%;
  display:flex;
  flex-direction:column;
  padding:0 0 0 0;
}

.toolwallboard2-brand{
  font-family:Georgia,serif;
  font-size:15px;
  font-weight:700;
  letter-spacing:0.06em;
  text-transform:uppercase;
  color:#1E281E;
  padding:0 18px 18px 20px;
  border-bottom:1px solid #C6CDBC;
  line-height:1.25;
}

.toolwallboard2-tools{
  list-style:none;
  margin:0;
  padding:14px 0 0 0;
  flex:1 1 auto;
}

.toolwallboard2-tool{
  position:relative;
  display:flex;
  align-items:flex-start;
  padding:8px 12px 8px 54px;
  min-height:64px;
}

.toolwallboard2-hook{
  position:absolute;
  left:22px;
  top:18px;
  width:14px;
  height:14px;
  border-radius:50%;
  border:2px solid #1E281E;
  background-color:#DCE2D4;
}

.toolwallboard2-tag{
  background-color:#DCE2D4;
  border:1px solid #C6CDBC;
  border-left:3px solid #B26C6B;
  padding:7px 10px;
  font-size:13px;
  letter-spacing:0.05em;
  text-transform:uppercase;
  color:#2E3A30;
  font-weight:700;
  display:block;
  width:100%;
  transition:border-left-color 0.2s ease, margin-left 0.2s ease;
}

.toolwallboard2-tool:hover .toolwallboard2-tag{border-left-color:#CC6114;}

.toolwallboard2-tool-current .toolwallboard2-tag{
  border-left-color:#CC6114;
  background-color:#E6EBDD;
}

.toolwallboard2-tool-current .toolwallboard2-hook{
  background-color:#CC6114;
  border-color:#A94E0F;
}

.toolwallboard2-dot{
  position:absolute;
  right:16px;
  top:20px;
  width:8px;
  height:8px;
  border-radius:50%;
  background-color:#CC6114;
  box-shadow:0 0 0 3px #E4E9DA;
}

.toolwallboard2-outline{
  position:absolute;
  left:14px;
  top:34px;
  width:30px;
  height:30px;
  border:1.5px dashed #A9AB97;
  border-radius:2px;
  opacity:1;
}

.toolwallboard2-foot{
  border-top:1px solid #C6CDBC;
  padding:14px 18px 18px 20px;
  font-family:Georgia,serif;
  font-size:11px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:#1E281E;
  background-color:#D6DCCB;
}

/* ============ SHELL ============ */

.toolwallboard2-shell{
  margin-left:212px;
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

.toolwallboard2-mobilebar{display:none;}

/* ============ STEP LADDER HERO ============ */

.stepladder{
  display:grid;
  grid-template-columns:58% 42%;
  gap:0;
  background-color:#F4F8F0;
  border-bottom:1px solid #C6CDBC;
  min-height:560px;
}

.stepladder-text{
  padding:64px 48px 56px 56px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.stepladder-eyebrow{
  font-size:12px;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:#A94E0F;
  font-weight:700;
  margin:0 0 18px 0;
  border-left:3px solid #CC6114;
  padding-left:12px;
}

.stepladder-head{
  font-size:46px;
  line-height:1.08;
  margin:0 0 22px 0;
  color:#1E281E;
}

.stepladder-round{
  display:block;
  font-size:96px;
  letter-spacing:0.03em;
  color:#CC6114;
  line-height:0.95;
  margin-top:6px;
  font-family:Georgia,serif;
}

.stepladder-lede{
  font-size:17px;
  color:#2E3A30;
  max-width:52ch;
  margin:0 0 22px 0;
}

.stepladder-inline{
  color:#A94E0F;
  font-weight:700;
  border-bottom:2px solid #B26C6B;
  padding-bottom:1px;
}

.stepladder-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  max-width:520px;
  background-color:#CC6114;
  color:#F4F8F0;
  padding:16px 22px;
  font-weight:700;
  letter-spacing:0.05em;
  text-transform:uppercase;
  font-size:14px;
  margin-top:10px;
  border:1px solid #A94E0F;
}

.stepladder-bar:hover{
  background-color:#A94E0F;
  color:#F4F8F0;
  text-decoration:none;
}

.stepladder-bar-arrow{font-size:18px;line-height:1;}

/* ladder scene */

.stepladder-scene{
  position:relative;
  background-color:#E4E9DA;
  border-left:1px solid #C6CDBC;
  overflow:hidden;
  min-height:560px;
}

.stepladder-wall{
  position:absolute;
  inset:0;
  background-color:#E4E9DA;
  border-left:0;
}

.stepladder-plank{
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:64px;
  background-color:#DCE2D4;
  border-bottom:1px solid #C6CDBC;
}

.stepladder-railA,
.stepladder-railB{
  position:absolute;
  bottom:52px;
  width:16px;
  height:360px;
  background-color:#1E281E;
  border-radius:6px;
}

.stepladder-railA{left:38%;transform:rotate(6deg);}
.stepladder-railB{left:53%;transform:rotate(6deg);}

.stepladder-rungs{
  position:absolute;
  bottom:60px;
  left:40%;
  width:52%;
  height:344px;
  transform:rotate(6deg);
}

.stepladder-rung{
  position:absolute;
  left:0;
  width:42%;
  height:13px;
  background-color:#DCE2D4;
  border:1px solid #C6CDBC;
}

.stepladder-rung:nth-child(1){bottom:12px;}
.stepladder-rung:nth-child(2){bottom:72px;}
.stepladder-rung:nth-child(3){bottom:132px;}
.stepladder-rung:nth-child(4){bottom:192px;}
.stepladder-rung:nth-child(5){bottom:252px;}
.stepladder-rung:nth-child(6){bottom:312px;}

.stepladder-hat{
  position:absolute;
  right:16%;
  top:26%;
  width:110px;
  height:56px;
  background-color:#CC6114;
  border-radius:56px 56px 10px 10px;
  border:1px solid #A94E0F;
}

.stepladder-hat::after{
  content:"";
  position:absolute;
  bottom:-8px;
  left:-14px;
  width:138px;
  height:14px;
  background-color:#CC6114;
  border:1px solid #A94E0F;
  border-radius:4px;
}

.stepladder-hat-ridge{
  position:absolute;
  top:10px;
  left:50%;
  transform:translateX(-50%);
  width:36px;
  height:6px;
  background-color:#A94E0F;
  border-radius:3px;
}

.stepladder-board{
  position:absolute;
  left:-18px;
  bottom:40px;
  width:150px;
  height:196px;
  background-color:#DCE2D4;
  border:1px solid #C6CDBC;
  transform:rotate(-5deg);
  padding:16px 14px;
  box-shadow:6px 6px 0 #D0D7C2;
}

.stepladder-board-title{
  font-size:10px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:#1E281E;
  font-weight:700;
  margin-bottom:14px;
  border-bottom:1px solid #A9AB97;
  padding-bottom:6px;
}

.stepladder-tick{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
}

.stepladder-tick-box{
  width:14px;
  height:14px;
  background-color:#CC6114;
  border:1px solid #A94E0F;
  flex:0 0 auto;
}

.stepladder-tick-line{
  height:6px;
  background-color:#B26C6B;
  flex:1 1 auto;
}

.stepladder-tick .stepladder-tick-line{width:auto;}

.stepladder-dust{
  position:absolute;
  left:0;
  bottom:0;
  width:64%;
  height:44px;
  background-color:#A9AB97;
  border-top:2px solid #8E907E;
}

.stepladder-bench{
  position:absolute;
  right:0;
  bottom:0;
  width:36%;
  height:22px;
  background-color:#1E281E;
}

.stepladder-caption{
  position:absolute;
  right:18px;
  bottom:16px;
  font-size:10px;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:#2E3A30;
  font-weight:700;
}

/* ============ GENERIC SECTIONS ============ */

.inspectionsheet{
  padding:72px 56px 68px 56px;
  background-color:#F4F8F0;
  position:relative;
}

.inspectionsheet-head{
  max-width:720px;
  margin-bottom:36px;
}

.inspectionsheet-kicker{
  font-size:12px;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:#A94E0F;
  font-weight:700;
  margin:0 0 10px 0;
}

.inspectionsheet-title{
  font-size:38px;
  margin:0 0 14px 0;
  color:#1E281E;
}

.inspectionsheet-intro{
  font-size:17px;
  color:#2E3A30;
}

.inspectionsheet-board{
  background-color:#DCE2D4;
  border:1px solid #C6CDBC;
  border-top:6px solid #1E281E;
  padding:26px 24px 30px 24px;
  position:relative;
}

.inspectionsheet-clip{
  position:absolute;
  top:-6px;
  left:56px;
  width:54px;
  height:22px;
  background-color:#1E281E;
  border:1px solid #121911;
  border-radius:3px;
}

.inspectionsheet-clip::after{
  content:"";
  position:absolute;
  top:6px;
  left:50%;
  transform:translateX(-50%);
  width:26px;
  height:6px;
  background-color:#DCE2D4;
  border-radius:2px;
}

.inspectionsheet-row{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  align-items:flex-start;
}

.inspectionsheet-row + .inspectionsheet-row{margin-top:16px;}

.inspectionsheet-sheet{
  background-color:#F4F8F0;
  border:1px solid #C6CDBC;
  border-left:4px solid #B26C6B;
  padding:18px 18px 20px 18px;
  position:relative;
  flex:1 1 200px;
}

.inspectionsheet-sheet:nth-child(1){transform:rotate(-0.6deg);max-width:260px;}
.inspectionsheet-sheet:nth-child(2){transform:rotate(0.5deg);max-width:320px;}
.inspectionsheet-sheet:nth-child(3){transform:rotate(-0.4deg);max-width:230px;}
.inspectionsheet-sheet:nth-child(4){transform:rotate(0.7deg);max-width:300px;}
.inspectionsheet-sheet:nth-child(5){transform:rotate(-0.5deg);max-width:250px;}
.inspectionsheet-sheet:nth-child(6){transform:rotate(0.6deg);max-width:330px;}

.inspectionsheet-mark{
  display:inline-block;
  font-size:11px;
  letter-spacing:0.16em;
  font-weight:700;
  color:#2E3A30;
  background-color:#A9AB97;
  padding:2px 8px;
  margin-bottom:10px;
}

.inspectionsheet-sheet h3{
  font-size:19px;
  margin:0 0 8px 0;
  color:#1E281E;
}

.inspectionsheet-sheet p{
  font-size:14.5px;
  margin:0 0 12px 0;
  color:#2E3A30;
}

.inspectionsheet-tick{
  display:flex;
  align-items:center;
  gap:7px;
  font-size:11px;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:#4A564B;
  font-weight:700;
}

.inspectionsheet-tick-box{
  width:12px;
  height:12px;
  background-color:#CC6114;
  border:1px solid #A94E0F;
}

/* prose sections (services / about copy) */

.peakcopy{
  padding:70px 56px;
  background-color:#E9EEE1;
  border-top:1px solid #C6CDBC;
  border-bottom:1px solid #C6CDBC;
}

.peakcopy-inner{
  display:grid;
  grid-template-columns:1fr 1.35fr;
  gap:48px;
  max-width:1080px;
}

.peakcopy-side h2{
  font-size:32px;
  color:#1E281E;
  margin:0 0 16px 0;
}

.peakcopy-side-note{
  font-size:14px;
  color:#4A564B;
  border-left:3px solid #CC6114;
  padding-left:14px;
}

.peakcopy-body p{
  font-size:16px;
  color:#2E3A30;
}

.peakcopy-body a{font-weight:700;}

/* ============ HARD HAT BAND ============ */

.hardhatband{
  background-color:#1E281E;
  color:#F4F8F0;
  padding:40px 56px;
  display:flex;
  align-items:center;
  gap:42px;
  border-top:6px solid #CC6114;
}

.hardhatband-shelf{
  position:relative;
  flex:0 0 auto;
  width:230px;
  height:96px;
  border-bottom:8px solid #DCE2D4;
}

.hardhatband-hat{
  position:absolute;
  bottom:8px;
  background-color:#CC6114;
  border-radius:40px 40px 8px 8px;
  border:1px solid #A94E0F;
}

.hardhatband-hat::after{
  content:"";
  position:absolute;
  bottom:-6px;
  left:-8px;
  right:-8px;
  height:10px;
  background-color:#CC6114;
  border:1px solid #A94E0F;
  border-radius:3px;
}

.hardhatband-hat-a{left:6px;width:64px;height:44px;}
.hardhatband-hat-b{left:84px;width:74px;height:52px;transform:rotate(-4deg);}
.hardhatband-hat-c{left:172px;width:52px;height:36px;}

.hardhatband-line{
  font-size:21px;
  line-height:1.45;
  margin:0;
  color:#F4F8F0;
  max-width:720px;
  font-family:Georgia,serif;
}

/* ============ KEY CABINET FOOTER ============ */

.keycabinet2{
  background-color:#1E281E;
  color:#DCE2D4;
  padding:0 0 0 0;
  position:relative;
}

.keycabinet2-top{
  position:relative;
  height:118px;
  background-color:#1E281E;
}

.keycabinet2-cab{
  position:absolute;
  left:56px;
  top:18px;
  width:210px;
  height:82px;
  background-color:#DCE2D4;
  border:1px solid #A9AB97;
  border-bottom:6px solid #B26C6B;
}

.keycabinet2-door{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:24px;
  background-color:#C6CDBC;
  border-right:1px solid #A9AB97;
}

.keycabinet2-door::after{
  content:"";
  position:absolute;
  right:4px;
  top:50%;
  width:6px;
  height:6px;
  background-color:#1E281E;
  border-radius:50%;
  transform:translateY(-50%);
}

.keycabinet2-hook{
  position:absolute;
  width:6px;
  height:6px;
  border-radius:50%;
  border:2px solid #1E281E;
  background-color:#DCE2D4;
}

.keycabinet2-hook-a{left:56px;top:22px;}
.keycabinet2-hook-b{left:104px;top:22px;}
.keycabinet2-hook-c{left:150px;top:22px;}

.keycabinet2-ring{
  position:absolute;
  width:26px;
  height:26px;
  border:3px solid #B26C6B;
  border-radius:50%;
  top:30px;
}

.keycabinet2-ring-a{left:96px;}
.keycabinet2-ring-b{left:146px;border-color:#1E281E;}

.keycabinet2-tag{
  position:absolute;
  right:24px;
  top:40px;
  width:44px;
  height:20px;
  background-color:#CC6114;
  border:1px solid #A94E0F;
}

.keycabinet2-tag::before{
  content:"";
  position:absolute;
  left:-8px;
  top:8px;
  width:8px;
  height:2px;
  background-color:#A9AB97;
}

.keycabinet2-cab-label{
  position:absolute;
  left:56px;
  top:104px;
  font-size:10px;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:#A9AB97;
}

.keycabinet2-body{
  display:grid;
  grid-template-columns:1.9fr 1fr;
  gap:56px;
  padding:26px 56px 40px 56px;
  border-top:1px solid #33402F;
}

.keycabinet2-brand{
  font-family:Georgia,serif;
  font-size:26px;
  color:#F4F8F0;
  margin:0 0 12px 0;
}

.keycabinet2-blurb{
  font-size:14.5px;
  color:#C6CDBC;
  margin:0 0 18px 0;
  max-width:60ch;
}

.keycabinet2-lines{
  list-style:none;
  margin:0;
  padding:0;
  font-size:14px;
  line-height:1.85;
  color:#DCE2D4;
}

.keycabinet2-lines a{color:#F4F8F0;text-decoration:none;border-bottom:1px solid #4A564B;}
.keycabinet2-lines a:hover{color:#CC6114;}

.keycabinet2-navtitle{
  font-size:11px;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:#A9AB97;
  margin:0 0 12px 0;
}

.keycabinet2-nav{
  display:flex;
  flex-direction:column;
  gap:9px;
}

.keycabinet2-nav a{
  color:#F4F8F0;
  font-size:15px;
  text-decoration:none;
  width:fit-content;
}

.keycabinet2-nav a:hover{text-decoration:underline;color:#CC6114;}

.keycabinet2-base{
  display:flex;
  align-items:center;
  gap:8px;
  padding:14px 56px 18px 56px;
  border-top:1px solid #33402F;
  font-size:12px;
  letter-spacing:0.08em;
  color:#A9AB97;
  background-color:#182116;
}

.keycabinet2-wrench{
  display:inline-block;
  width:14px;
  height:4px;
  background-color:#CC6114;
  border-radius:2px;
  position:relative;
}

.keycabinet2-wrench::before{
  content:"";
  position:absolute;
  right:-4px;
  top:-3px;
  width:7px;
  height:10px;
  border:3px solid #CC6114;
  border-radius:2px;
}

/* ============ REVEAL ============ */

.reveal-item{
  opacity:0;
  transform:translateY(14px);
  transition:opacity 0.6s ease, transform 0.6s ease;
}

.reveal-item.is-revealed{
  opacity:1;
  transform:none;
}

.no-js .reveal-item{opacity:1;transform:none;}

/* ============ INNER PAGES ============ */

.pagehero{
  background-color:#1E281E;
  color:#F4F8F0;
  padding:64px 56px 56px 56px;
  border-bottom:6px solid #CC6114;
}

.pagehero-kicker{
  font-size:12px;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:#CC6114;
  font-weight:700;
  margin:0 0 12px 0;
}

.pagehero h1{
  color:#F4F8F0;
  font-size:44px;
  margin:0 0 14px 0;
}

.pagehero p{
  color:#DCE2D4;
  font-size:17px;
  max-width:70ch;
  margin:0;
}

.servicelist{
  padding:64px 56px;
  background-color:#F4F8F0;
}

.servicelist-item{
  display:grid;
  grid-template-columns:88px 1fr;
  gap:28px;
  padding:30px 0;
  border-top:1px solid #C6CDBC;
}

.servicelist-item:last-child{border-bottom:1px solid #C6CDBC;}

.servicelist-mark{
  font-size:13px;
  letter-spacing:0.16em;
  font-weight:700;
  color:#2E3A30;
  background-color:#A9AB97;
  padding:4px 0;
  text-align:center;
  height:fit-content;
}

.servicelist-item h2{
  font-size:26px;
  margin:0 0 10px 0;
}

.servicelist-item p{
  font-size:16px;
  color:#2E3A30;
  margin:0 0 10px 0;
}

.processblock{
  padding:64px 56px;
  background-color:#E9EEE1;
  border-top:1px solid #C6CDBC;
  border-bottom:1px solid #C6CDBC;
}

.processblock h2{font-size:32px;margin:0 0 18px 0;}

.processblock p{font-size:16px;color:#2E3A30;max-width:78ch;}

.ctaband{
  background-color:#1E281E;
  color:#F4F8F0;
  padding:48px 56px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  flex-wrap:wrap;
}

.ctaband h2{color:#F4F8F0;font-size:30px;margin:0 0 8px 0;}

.ctaband p{color:#DCE2D4;margin:0;font-size:16px;}

.ctaband-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background-color:#CC6114;
  color:#F4F8F0;
  padding:15px 26px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.05em;
  font-size:14px;
  border:1px solid #A94E0F;
}

.ctaband-link:hover{background-color:#A94E0F;color:#F4F8F0;text-decoration:none;}

/* contact */

.contactgrid{
  display:grid;
  grid-template-columns:1.1fr 0.9fr;
  gap:48px;
  padding:64px 56px;
  background-color:#F4F8F0;
}

.contactform label{
  display:block;
  font-size:12px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  font-weight:700;
  color:#4A564B;
  margin:0 0 6px 0;
}

.contactform-field{margin:0 0 18px 0;}

.contactform input,
.contactform textarea{
  width:100%;
  font-size:16px;
  font-family:inherit;
  color:#2E3A30;
  background-color:#FFFFFF;
  border:1px solid #A9AB97;
  padding:11px 12px;
}

.contactform input:focus,
.contactform textarea:focus{
  outline:2px solid #CC6114;
  outline-offset:0;
  border-color:#CC6114;
}

.contactform textarea{min-height:150px;resize:vertical;}

.contactform button{
  background-color:#CC6114;
  color:#F4F8F0;
  border:1px solid #A94E0F;
  font-size:14px;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
  padding:15px 30px;
  cursor:pointer;
}

.contactform button:hover{background-color:#A94E0F;}

.contactside{
  background-color:#DCE2D4;
  border:1px solid #C6CDBC;
  border-top:6px solid #1E281E;
  padding:28px;
}

.contactside h2{font-size:22px;margin:0 0 14px 0;}

.contactside p,
.contactside li{font-size:15px;color:#2E3A30;}

.contactside ul{list-style:none;margin:0 0 20px 0;padding:0;}

.contactside li{padding:6px 0;border-bottom:1px solid #C6CDBC;}

.contactside a{color:#A94E0F;font-weight:700;}

.faqblock{
  padding:64px 56px;
  background-color:#E9EEE1;
  border-top:1px solid #C6CDBC;
}

.faqblock h2{font-size:30px;margin:0 0 22px 0;}

.faqitem{
  border-top:1px solid #C6CDBC;
  padding:18px 0;
}

.faqitem h3{font-size:18px;margin:0 0 8px 0;}

.faqitem p{margin:0;font-size:15px;color:#2E3A30;}

/* ============ RESPONSIVE ============ */

@media (max-width:1080px){
  .stepladder{grid-template-columns:1fr;}
  .stepladder-scene{min-height:420px;border-left:0;border-top:1px solid #C6CDBC;}
  .stepladder-head{font-size:38px;}
  .stepladder-round{font-size:76px;}
  .peakcopy-inner{grid-template-columns:1fr;}
  .contactgrid{grid-template-columns:1fr;}
}

@media (max-width:820px){
  .toolwallboard2{
    position:relative;
    width:100%;
    height:auto;
    right:auto;
    padding:0;
    border-right:0;
    border-bottom:1px solid #C6CDBC;
  }
  .toolwallboard2-wall,
  .toolwallboard2-battens{display:none;}
  .toolwallboard2-inner{height:auto;}
  .toolwallboard2-brand{
    display:block;
    border-bottom:1px solid #C6CDBC;
    padding:12px 18px;
    font-size:13px;
  }
  .toolwallboard2-tools{
    display:flex;
    flex-wrap:wrap;
    padding:8px 10px;
    gap:4px;
  }
  .toolwallboard2-tool{
    flex:0 0 auto;
    min-height:0;
    padding:0;
  }
  .toolwallboard2-hook,
  .toolwallboard2-outline,
  .toolwallboard2-dot{display:none;}
  .toolwallboard2-tag{
    padding:8px 10px;
    font-size:12px;
    border:1px solid #C6CDBC;
    border-left:3px solid #B26C6B;
    width:auto;
  }
  .toolwallboard2-foot{display:none;}
  .toolwallboard2-shell{margin-left:0;}
  .stepladder-text{padding:44px 24px;}
  .inspectionsheet,
  .peakcopy,
  .servicelist,
  .processblock,
  .ctaband,
  .contactgrid,
  .faqblock{padding-left:24px;padding-right:24px;}
  .hardhatband{flex-direction:column;align-items:flex-start;padding:32px 24px;gap:24px;}
  .keycabinet2-body{grid-template-columns:1fr;gap:32px;padding:26px 24px 32px 24px;}
  .keycabinet2-base{padding:14px 24px 18px 24px;}
  .keycabinet2-cab{left:24px;}
  .keycabinet2-cab-label{left:24px;}
  .pagehero{padding:48px 24px;}
  .pagehero h1{font-size:34px;}
  .stepladder-head{font-size:32px;}
  .stepladder-round{font-size:60px;}
  .servicelist-item{grid-template-columns:1fr;gap:10px;}
}

/* ============ LEGAL (shared minimal, full styles in legal.css) ============ */

.legal-shell{max-width:860px;margin:0 auto;padding:0 24px;}