.inspection-section {
  --inspection-gold: #d6af55;
  --inspection-line: rgba(214, 175, 85, .2);
  position: relative;
  margin-top: clamp(0px, .75vw, 12px);
  padding: clamp(72px, 7vw, 112px) clamp(20px, 5.5vw, 92px) clamp(82px, 7vw, 118px);
  overflow: hidden;
  isolation: isolate;
  border-block: 1px solid var(--inspection-line);
  color: #f5f1e9;
  background:
    radial-gradient(ellipse at 52% 56%, rgba(158, 111, 35, .1), transparent 38%),
    linear-gradient(180deg, #040404, #070604 48%, #030303);
}

.inspection-section::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .28;
  background-image:
    repeating-linear-gradient(112deg, transparent 0 31px, rgba(255,255,255,.022) 32px, transparent 33px),
    radial-gradient(circle at 50% 58%, rgba(214,175,85,.12), transparent 44%);
  content: "";
  pointer-events: none;
  mask-image: linear-gradient(180deg, transparent, #000 20%, #000 84%, transparent);
}

.inspection-intro,
.inspection-explorer { width: min(100%, 1500px); margin-inline: auto; }

.inspection-intro {
  display: grid;
  grid-template-columns: minmax(170px, .35fr) minmax(0, 1.65fr);
  gap: clamp(30px, 5vw, 82px);
}

.inspection-kicker {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin: 12px 0 0;
  color: var(--inspection-gold);
  font: 700 11px/1.2 "Montserrat", sans-serif;
  letter-spacing: .25em;
  text-transform: uppercase;
}

.inspection-kicker::before { width: 42px; height: 1px; margin-top: 5px; flex: 0 0 auto; content: ""; background: currentColor; }

.inspection-intro__copy {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(260px, .65fr);
  align-items: end;
  gap: clamp(38px, 6vw, 110px);
}

.inspection-intro h2 {
  margin: 0;
  color: #f5f2ec;
  font: 600 clamp(68px, 6.6vw, 112px)/.79 "Cormorant Garamond", serif;
  letter-spacing: -.06em;
}

.inspection-intro h2 em { color: var(--inspection-gold); font-weight: 500; }

.inspection-intro__summary > p {
  max-width: 430px;
  margin: 0;
  color: rgba(245, 241, 233, .68);
  font: 500 clamp(15px, 1.05vw, 17px)/1.55 "EB Garamond", serif;
}

.inspection-intro__summary { display: grid; align-content: end; gap: 24px; }

.inspection-page-cta {
  display: inline-flex;
  width: fit-content;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 0 17px;
  border: 1px solid rgba(214,175,85,.48);
  color: #f4ead6;
  background: rgba(214,175,85,.055);
  font: 700 10px/1 "Montserrat", sans-serif;
  letter-spacing: .13em;
  text-transform: uppercase;
  transition: color .25s ease, background-color .25s ease, transform .25s ease;
}

.inspection-page-cta:hover,
.inspection-page-cta:focus-visible { color: #080704; background: var(--inspection-gold); transform: translateY(-2px); }

.inspection-explorer {
  display: grid;
  grid-template-columns: minmax(190px, 230px) minmax(420px, 1fr) minmax(290px, 340px);
  min-height: 680px;
  margin-top: clamp(58px, 6vw, 92px);
  border: 1px solid rgba(214, 175, 85, .22);
  background: rgba(3, 3, 3, .92);
  box-shadow: 0 40px 100px rgba(0, 0, 0, .48), 0 0 70px rgba(143, 99, 27, .045);
}

.inspection-layer-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1px;
  padding: 28px;
  border-right: 1px solid rgba(214, 175, 85, .16);
}

.inspection-layer-list button {
  display: grid;
  grid-template-columns: 34px 1fr;
  align-items: center;
  min-height: 54px;
  padding: 0 0 0 13px;
  border: 0;
  border-left: 1px solid rgba(255, 255, 255, .13);
  color: rgba(245, 241, 233, .42);
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition: color .25s ease, border-color .25s ease, transform .25s ease;
}

.inspection-layer-list button:hover,
.inspection-layer-list button:focus-visible,
.inspection-layer-list button.is-active { color: #f7f2e8; border-color: var(--inspection-gold); transform: translateX(5px); }
.inspection-layer-list button span { color: rgba(214, 175, 85, .68); font: 700 11px/1 "Montserrat", sans-serif; }
.inspection-layer-list button.is-active span { color: var(--inspection-gold); }
.inspection-layer-list button b { font: 600 12px/1.25 "Montserrat", sans-serif; letter-spacing: .04em; }

.inspection-stage {
  --inspection-rx: 0deg;
  --inspection-ry: 0deg;
  position: relative;
  min-height: 680px;
  overflow: hidden;
  perspective: 1200px;
  background: #020202;
}

.inspection-stage::before,
.inspection-stage::after { position: absolute; z-index: 1; content: ""; pointer-events: none; }

.inspection-stage::before {
  display: none;
}

.inspection-stage::after {
  top: 9%; bottom: 9%; left: 51%; width: 1px;
  background: linear-gradient(transparent, rgba(214,175,85,.2) 20%, rgba(214,175,85,.32) 52%, rgba(214,175,85,.12) 82%, transparent);
  transform: rotate(-8deg);
  transform-origin: center;
}

.inspection-stage__grid {
  display: none;
}

.inspection-stage__grid::after {
  position: absolute;
  top: 3%;
  bottom: 3%;
  left: 50%;
  width: 1px;
  content: "";
  background: linear-gradient(transparent,rgba(214,175,85,.08) 13%,rgba(214,175,85,.2) 48%,rgba(214,175,85,.08) 87%,transparent);
  transform: translateX(-50%);
}

.inspection-stack {
  position: absolute; z-index: 2; top: 50%; left: 50%; width: min(88%, 560px); height: 96%;
  transform: translate(-50%, -50%) rotateX(var(--inspection-rx)) rotateY(var(--inspection-ry));
  transform-style: preserve-3d;
  transition: transform .34s cubic-bezier(.2,.7,.2,1);
}

.inspection-layer {
  --layer-left: 20%;
  --layer-top: 0%;
  --layer-width: 60%;
  --layer-height: 18%;
  --layer-offset-x: 0px;
  --layer-offset-y: 0px;
  --layer-depth: 0px;
  --layer-rotation: 0deg;
  --layer-scale: 1;
  --layer-state-y: 0px;
  --layer-state-depth: 0px;
  --layer-state-scale: 1;
  position: absolute;
  z-index: var(--layer-order, 2);
  left: var(--layer-left); top: var(--layer-top); width: var(--layer-width); height: var(--layer-height);
  object-fit: contain; pointer-events: none;
  opacity: .72;
  transform:
    translate3d(
      var(--layer-offset-x),
      calc(var(--layer-offset-y) + var(--layer-state-y)),
      calc(var(--layer-depth) + var(--layer-state-depth))
    )
    rotateZ(var(--layer-rotation))
    scale(var(--layer-scale))
    scale(var(--layer-state-scale));
  transform-origin: var(--layer-origin, center);
  transition:
    opacity .38s ease,
    transform .48s cubic-bezier(.16,1,.3,1),
    filter .35s ease,
    left .48s cubic-bezier(.16,1,.3,1),
    top .48s cubic-bezier(.16,1,.3,1),
    width .48s cubic-bezier(.16,1,.3,1),
    height .48s cubic-bezier(.16,1,.3,1);
}

/* Full-size watch assembly: the case anchors the stack and the bracelet
   continues behind it through the lower edge, like a watch on the wrist. */
.inspection-layer[data-inspection-layer="0"] {
  --layer-left: 27%; --layer-top: 2%; --layer-width: 44%; --layer-height: 16.5%;
  --layer-offset-x: 0px; --layer-offset-y: 0px; --layer-depth: 42px;
  --layer-rotation: -1.5deg; --layer-scale: 1; --layer-order: 7;
  object-fit: cover; object-position: 50% 56%;
}
.inspection-layer[data-inspection-layer="1"] {
  --layer-left: 20%; --layer-top: 12.5%; --layer-width: 58%; --layer-height: 23.5%;
  --layer-offset-x: -2px; --layer-offset-y: 0px; --layer-depth: 34px;
  --layer-rotation: -1deg; --layer-scale: 1; --layer-order: 6;
  object-position: 50% 51%;
}
.inspection-layer[data-inspection-layer="2"] {
  --layer-left: 23%; --layer-top: 24%; --layer-width: 53%; --layer-height: 21.5%;
  --layer-offset-x: 0px; --layer-offset-y: 0px; --layer-depth: 26px;
  --layer-rotation: -.5deg; --layer-scale: 1; --layer-order: 5;
  object-position: 50% 50%;
}
.inspection-layer[data-inspection-layer="3"] {
  --layer-left: 20%; --layer-top: 35.5%; --layer-width: 58%; --layer-height: 22.5%;
  --layer-offset-x: 0px; --layer-offset-y: 0px; --layer-depth: 18px;
  --layer-rotation: 0deg; --layer-scale: 1; --layer-order: 4;
  object-position: 50% 52%;
}
.inspection-layer[data-inspection-layer="4"] {
  --layer-left: 23%; --layer-top: 49.5%; --layer-width: 54%; --layer-height: 20.5%;
  --layer-offset-x: 1px; --layer-offset-y: 0px; --layer-depth: 10px;
  --layer-rotation: .5deg; --layer-scale: 1; --layer-order: 3;
  object-position: 50% 52%;
}
.inspection-layer[data-inspection-layer="5"] {
  --layer-left: 12%; --layer-top: 59.5%; --layer-width: 76%; --layer-height: 29%;
  --layer-offset-x: 0px; --layer-offset-y: 0px; --layer-depth: 0px;
  --layer-rotation: -1deg; --layer-scale: 1; --layer-order: 2;
  --layer-origin: 50% 62%;
  object-position: 50% 53%;
}
.inspection-layer[data-inspection-layer="6"] {
  --layer-left: 20%; --layer-top: 72%; --layer-width: 43%; --layer-height: 40%;
  --layer-offset-x: 0px; --layer-offset-y: 0px; --layer-depth: -8px;
  --layer-rotation: 11deg; --layer-scale: 1; --layer-order: 1;
  --layer-origin: 50% 4%;
}

.inspection-layer.is-active {
  z-index: 9; opacity: 1;
  filter: brightness(1.1) drop-shadow(0 0 16px rgba(214,175,85,.34));
  --layer-state-y: -2px;
  --layer-state-depth: 8px;
  --layer-state-scale: 1.006;
}

.inspection-stack.is-isolated .inspection-layer:not(.is-active) { opacity: .025; filter: grayscale(1) brightness(.28); transform: scale(.96); }
.inspection-stack.is-isolated .inspection-layer.is-active {
  left: 8%; top: 15%; width: 84%; height: 70%;
  filter: brightness(1.1) drop-shadow(0 18px 28px rgba(0,0,0,.52)) drop-shadow(0 0 24px rgba(214,175,85,.3));
  transform: translate3d(0,0,82px) scale(1);
  transform-origin: center;
}

.inspection-hotspot {
  position: absolute; z-index: 6; left: 13%; width: 74%; border: 0; border-radius: 50%;
  background: transparent; cursor: crosshair;
}

.inspection-hotspot::after {
  position: absolute; top: 50%; right: 12%; width: 8px; height: 8px;
  border: 1px solid rgba(214,175,85,.55); border-radius: 50%; background: #070706;
  content: ""; opacity: 0; transform: translateY(-50%);
  transition: opacity .2s ease, transform .25s ease, background-color .25s ease;
}

.inspection-hotspot:hover::after,
.inspection-hotspot:focus-visible::after { opacity: 1; background: var(--inspection-gold); transform: translateY(-50%) scale(1.65); box-shadow: 0 0 0 6px rgba(214,175,85,.1), 0 0 25px rgba(214,175,85,.7); }

.inspection-hotspot--1 { top: 2%; left: 23%; width: 53%; height: 14%; }
.inspection-hotspot--2 { top: 13%; left: 17%; width: 64%; height: 17%; }
.inspection-hotspot--3 { top: 25%; left: 19%; width: 61%; height: 16%; }
.inspection-hotspot--4 { top: 37%; left: 16%; width: 67%; height: 17%; }
.inspection-hotspot--5 { top: 50%; left: 19%; width: 62%; height: 16%; }
.inspection-hotspot--6 { top: 61%; left: 8%; width: 84%; height: 22%; }
.inspection-hotspot--7 { top: 76%; left: 15%; width: 56%; height: 23%; }

.inspection-stage__hint {
  position: absolute; right: 20px; bottom: 18px; z-index: 7; margin: 0;
  color: rgba(245,241,233,.42); font: 700 9px/1 "Montserrat", sans-serif; letter-spacing: .14em; text-transform: uppercase;
}

.inspection-detail {
  display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: 32px;
  border-left: 1px solid rgba(214,175,85,.16);
  background: linear-gradient(145deg, rgba(214,175,85,.045), transparent 42%);
}

.inspection-detail__code { margin: 0; color: var(--inspection-gold); font: 700 10px/1 "Montserrat", sans-serif; letter-spacing: .2em; text-transform: uppercase; }
.inspection-detail h3 { margin: 22px 0 14px; color: #f7f2e8; font: 600 clamp(38px,3.1vw,54px)/.92 "Cormorant Garamond", serif; letter-spacing: -.045em; }
.inspection-detail > p:not(.inspection-detail__code) { min-height: 3.3em; margin: 0; color: rgba(245,241,233,.64); font: 500 15px/1.55 "EB Garamond", serif; }

.inspection-detail figure {
  display: grid; width: 100%; aspect-ratio: 1.25; margin: 28px 0 22px; overflow: hidden; place-items: center;
  border: 1px solid rgba(214,175,85,.14);
  background: radial-gradient(circle, rgba(214,175,85,.13), #050505 70%);
}

.inspection-detail figure img { width: 100%; height: 100%; object-fit: contain; transition: opacity .24s ease, transform .42s cubic-bezier(.16,1,.3,1); }
.inspection-detail figure img.is-changing { opacity: 0; transform: scale(.94); }

.inspection-pagination { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 6px; margin-bottom: 22px; }
.inspection-pagination button { position: relative; height: 28px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.inspection-pagination button::after { position: absolute; top: 13px; right: 0; left: 0; height: 2px; content: ""; background: rgba(245,241,233,.18); transition: background-color .25s ease, transform .25s ease; }
.inspection-pagination button:hover::after,
.inspection-pagination button:focus-visible::after,
.inspection-pagination button.is-active::after { background: var(--inspection-gold); transform: scaleY(1.5); }

.inspection-reset {
  display: inline-flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 0 16px;
  border: 1px solid rgba(214,175,85,.48); color: #f4ead6; background: rgba(214,175,85,.055);
  font: 700 10px/1 "Montserrat", sans-serif; letter-spacing: .13em; text-transform: uppercase; cursor: pointer;
  transition: color .25s ease, background-color .25s ease;
}

.inspection-reset:hover,
.inspection-reset:focus-visible { color: #080704; background: var(--inspection-gold); }

@media (max-width: 1180px) {
  .inspection-explorer { grid-template-columns: 180px minmax(360px,1fr) 280px; }
  .inspection-layer-list { padding: 20px; }
  .inspection-detail { padding: 24px; }
}

@media (max-width: 900px) {
  .inspection-intro,
  .inspection-intro__copy { grid-template-columns: 1fr; }
  .inspection-intro { gap: 28px; }
  .inspection-intro__copy { gap: 26px; }
  .inspection-intro__summary > p { max-width: 540px; }
  .inspection-explorer { grid-template-columns: 1fr; }
  .inspection-layer-list { flex-direction: row; justify-content: flex-start; overflow-x: auto; padding: 14px 16px; border-right: 0; border-bottom: 1px solid rgba(214,175,85,.16); scrollbar-width: thin; }
  .inspection-layer-list button { min-width: 156px; }
  .inspection-stage { min-height: 670px; }
  .inspection-detail { display: grid; grid-template-columns: minmax(0,1fr) minmax(220px,.75fr); align-items: center; gap: 14px 28px; border-top: 1px solid rgba(214,175,85,.16); border-left: 0; }
  .inspection-detail h3 { margin: 12px 0 0; }
  .inspection-detail figure { grid-column: 2; grid-row: 1 / 5; margin: 0; }
  .inspection-pagination,
  .inspection-reset { grid-column: 1; }
}

@media (max-width: 620px) {
  .inspection-section { padding: 66px 18px 76px; }
  .inspection-kicker { font-size: 10px; }
  .inspection-intro h2 { font-size: clamp(58px,18vw,82px); }
  .inspection-explorer { margin-top: 48px; }
  .inspection-stage { min-height: 570px; }
  .inspection-stack { width: min(96%,460px); height: 95%; }
  .inspection-stage__hint { right: 14px; bottom: 14px; font-size: 8px; }
  .inspection-detail { display: flex; padding: 24px 20px; }
  .inspection-detail figure { width: 100%; aspect-ratio: 1.3; margin: 24px 0 18px; }
  .inspection-layer-list button { min-width: 142px; }
}

@media (prefers-reduced-motion: reduce) {
  .inspection-stack,
  .inspection-layer,
  .inspection-detail figure img,
  .inspection-layer-list button { transition: none; }
}

/* Homepage inspection — exact companion to the restored inspection-page study. */
.inspection-section {
  position: relative;
  isolation: isolate;
  padding: clamp(72px,6.5vw,112px) clamp(24px,5vw,84px);
  overflow: hidden;
  background: #050504;
}

.inspection-section::before {
  position: absolute;
  z-index: -2;
  inset: -4%;
  content: "";
  pointer-events: none;
  opacity: .13;
  background: url("assets/inspection-chronograph-v2.webp") center / cover no-repeat;
  filter: grayscale(.35) sepia(.12) blur(2px) brightness(.62);
}

.inspection-section::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  pointer-events: none;
  background:
    linear-gradient(90deg,rgba(3,3,3,.76),rgba(3,3,3,.46) 44%,rgba(3,3,3,.78)),
    radial-gradient(circle at 31% 48%,rgba(181,132,43,.1),transparent 29%),
    repeating-linear-gradient(0deg,transparent 0 59px,rgba(255,255,255,.018) 60px),
    repeating-linear-gradient(90deg,transparent 0 59px,rgba(255,255,255,.018) 60px);
}

.inspection-section .inspection-explorer {
  position: relative;
  z-index: 1;
  display: grid;
  width: min(100%,1580px);
  min-height: 760px;
  grid-template-columns: minmax(430px,43%) minmax(0,57%);
  gap: clamp(32px,4vw,66px);
  margin: 0 auto;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.inspection-section .inspection-stage {
  grid-column: 1;
  min-height: 760px;
  border: 1px solid rgba(214,175,85,.48);
  background: #020202;
  box-shadow: inset 0 0 80px rgba(0,0,0,.46),0 30px 80px rgba(0,0,0,.42);
}

.inspection-section .inspection-stage::before {
  top: 47%;
  left: 50%;
  width: min(74%,500px);
  aspect-ratio: 1;
  border-color: rgba(214,175,85,.13);
  transform: translate(-50%,-50%);
  box-shadow: 0 0 0 52px rgba(214,175,85,.018),inset 0 0 70px rgba(214,175,85,.025);
}

.inspection-section .inspection-stage::after {
  inset: 10px;
  width: auto;
  height: auto;
  border: 1px solid rgba(214,175,85,.08);
  background: none;
  transform: none;
}

.inspection-section .inspection-stage__grid {
  opacity: .3;
  background-size: 58px 58px;
  mask-image: radial-gradient(circle at center,#000 10%,rgba(0,0,0,.72) 54%,transparent 86%);
}

.inspection-section .inspection-stack {
  top: 50%;
  left: 50%;
  width: min(96%,620px);
  height: 98%;
  transform: translate(-50%,-50%);
}

.inspection-section .inspection-stack.is-isolated .inspection-layer.is-active {
  top: 16%;
  height: 68%;
}

.inspection-section .inspection-workbench__content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
}

.inspection-section .inspection-workbench__heading {
  display: block;
  width: auto;
  margin: 0 0 clamp(32px,3.4vw,54px);
}

.inspection-section .inspection-workbench__heading h2 {
  max-width: 720px;
  margin-top: 16px;
  font-size: clamp(58px,5.3vw,90px);
  line-height: .82;
}

.inspection-section .inspection-workbench__heading > p:last-child {
  max-width: 720px;
  margin: 24px 0 0;
  color: rgba(245,241,233,.7);
  font: 500 clamp(15px,1.05vw,17px)/1.55 "EB Garamond",serif;
}

.inspection-section .inspection-workbench__controls {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(170px,.36fr) minmax(360px,.64fr);
}

.inspection-section .inspection-layer-list {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  gap: 0;
  padding: 0;
  border: 1px solid rgba(214,175,85,.16);
  border-right: 0;
  background: rgba(3,3,3,.5);
}

.inspection-section .inspection-layer-list button {
  grid-template-columns: 34px 1fr auto;
  min-height: 58px;
  padding: 0 17px;
  border: 0;
  border-bottom: 1px solid rgba(214,175,85,.1);
  transform: none;
}

.inspection-section .inspection-layer-list button:last-child { border-bottom: 0; }
.inspection-section .inspection-layer-list button::after { color: var(--inspection-gold); content: "→"; opacity: 0; transition: opacity .25s ease,transform .25s ease; }
.inspection-section .inspection-layer-list button:hover,
.inspection-section .inspection-layer-list button:focus-visible,
.inspection-section .inspection-layer-list button.is-active { color: #f7f2e8; background: linear-gradient(90deg,rgba(214,175,85,.09),transparent); }
.inspection-section .inspection-layer-list button.is-active::after { opacity: 1; transform: translateX(3px); }

.inspection-section .inspection-detail {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0,1fr) 136px;
  grid-template-rows: auto auto auto auto auto;
  align-content: start;
  gap: 10px 24px;
  padding: 27px 28px;
  border: 1px solid rgba(214,175,85,.38);
  background: rgba(4,4,3,.74);
  backdrop-filter: blur(9px);
}

.inspection-section .inspection-detail__code,
.inspection-section .inspection-detail h3,
.inspection-section .inspection-detail > p:not(.inspection-detail__code) { grid-column: 1; }

.inspection-section .inspection-detail h3 { margin: 8px 0 5px; font-size: clamp(34px,3vw,48px); }
.inspection-section .inspection-detail > p:not(.inspection-detail__code) { min-height: 0; margin: 0; font-size: 15px; }

.inspection-section .inspection-detail figure {
  grid-column: 2;
  grid-row: 1 / 5;
  width: 100%;
  aspect-ratio: .9;
  margin: 0;
  border-color: rgba(214,175,85,.12);
  background: radial-gradient(circle,rgba(214,175,85,.11),#050505 72%);
}

.inspection-section .inspection-detail__checks {
  grid-column: 1 / -1;
  margin-top: 10px;
  padding-top: 16px;
  border-top: 1px solid rgba(214,175,85,.18);
}

.inspection-section .inspection-detail__checks > span { color: var(--inspection-gold); font: 700 9px/1 "Montserrat",sans-serif; letter-spacing: .18em; text-transform: uppercase; }
.inspection-section .inspection-detail__checks ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 20px; margin: 15px 0 0; padding: 0; list-style: none; }
.inspection-section .inspection-detail__checks li { position: relative; padding-left: 20px; color: rgba(245,241,233,.68); font: 500 13px/1.35 "EB Garamond",serif; }
.inspection-section .inspection-detail__checks li::before { position: absolute; top: .16em; left: 0; display: grid; width: 12px; height: 12px; place-items: center; border: 1px solid var(--inspection-gold); border-radius: 50%; color: var(--inspection-gold); content: "✓"; font: 700 8px/1 sans-serif; }

.inspection-section .inspection-pagination { grid-column: 1 / -1; margin: 6px 0 0; }
.inspection-section .inspection-detail__actions { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.inspection-section .inspection-reset,
.inspection-section .inspection-detail__cta { display: inline-flex; min-height: 46px; align-items: center; justify-content: space-between; padding: 0 14px; border: 1px solid rgba(214,175,85,.44); color: #f4ead6; background: rgba(214,175,85,.045); font: 700 9px/1 "Montserrat",sans-serif; letter-spacing: .1em; text-transform: uppercase; transition: color .25s ease,background-color .25s ease; }
.inspection-section .inspection-detail__cta { border-color: var(--inspection-gold); color: #12100b; background: var(--inspection-gold); }
.inspection-section .inspection-detail__cta:hover { background: #f1d18c; }

@media (max-width: 1180px) {
  .inspection-section .inspection-explorer { grid-template-columns: minmax(390px,42%) minmax(0,58%); gap: 28px; }
  .inspection-section .inspection-workbench__controls { grid-template-columns: 160px minmax(0,1fr); }
  .inspection-section .inspection-detail { grid-template-columns: minmax(0,1fr) 112px; padding: 23px; }
  .inspection-section .inspection-detail__checks ul { grid-template-columns: 1fr; gap: 8px; }
  .inspection-section .inspection-detail__actions { grid-template-columns: 1fr; }
}

@media (max-width: 980px) {
  .inspection-section .inspection-explorer { grid-template-columns: 1fr; gap: 42px; }
  .inspection-section .inspection-stage { grid-column: auto; min-height: 720px; }
  .inspection-section .inspection-workbench__content { grid-row: 2; }
  .inspection-section .inspection-workbench__controls { grid-template-columns: minmax(190px,.34fr) minmax(0,.66fr); }
  .inspection-section .inspection-detail__checks ul { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .inspection-section .inspection-detail__actions { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 700px) {
  .inspection-section { padding: 64px 18px 76px; }
  .inspection-section .inspection-stage { min-height: 600px; }
  .inspection-section .inspection-stack { width: min(100%,500px); height: 96%; }
  .inspection-section .inspection-workbench__heading h2 { font-size: clamp(54px,15vw,72px); }
  .inspection-section .inspection-workbench__controls { grid-template-columns: 1fr; }
  .inspection-section .inspection-layer-list { flex-direction: row; justify-content: flex-start; overflow-x: auto; border-right: 1px solid rgba(214,175,85,.16); border-bottom: 0; }
  .inspection-section .inspection-layer-list button { min-width: 158px; border-right: 1px solid rgba(214,175,85,.1); border-bottom: 0; }
  .inspection-section .inspection-detail { grid-template-columns: minmax(0,1fr) 100px; border-top: 0; }
  .inspection-section .inspection-detail__checks ul,
  .inspection-section .inspection-detail__actions { grid-template-columns: 1fr; }
}

@media (max-width: 470px) {
  .inspection-section .inspection-stage { min-height: 540px; }
  .inspection-section .inspection-detail { display: grid; grid-template-columns: 1fr; padding: 22px 18px; }
  .inspection-section .inspection-detail figure { grid-column: 1; grid-row: auto; width: 100%; max-height: 160px; aspect-ratio: 1.8; }
}