.sheet-hero { grid-template-rows: 1fr; padding-bottom: clamp(66px, 7vh, 86px); }
.sheet-hero h1 { max-width: 735px; font-size: clamp(50px, 4.35vw, 67px); }
.sheet-hero .axis-hero-specs strong { font-size: clamp(17px, 1.35vw, 21px); }
.sheet-hero .axis-hero-specs > div:nth-child(2) strong { color: var(--axis-blue-light); }

.sheet-assembly { position: absolute; z-index: 1; top: 16%; right: 12%; width: 68%; height: 48%; transform: skewY(-4deg); }
.sheet-panel { position: absolute; inset: 8% 8% 16%; border: 1px solid rgba(112,151,174,.72); background: rgba(38,49,55,.45); }
.sheet-flange { position: absolute; right: 0; bottom: 0; width: 74%; height: 27%; border: 1px solid rgba(157,175,183,.55); transform: skewX(-28deg); }
.sheet-bracket { position: absolute; top: 1%; left: 0; width: 28%; height: 55%; border: 1px solid rgba(157,175,183,.55); border-right: 0; }
.sheet-hole { position: absolute; width: 18px; aspect-ratio: 1; border: 1px solid rgba(78,137,176,.82); border-radius: 50%; }
.sheet-hole-one { top: 25%; left: 36%; }
.sheet-hole-two { top: 43%; right: 26%; }
.sheet-weld { position: absolute; right: 10%; bottom: 19%; width: 38%; border-top: 2px dashed rgba(78,137,176,.7); transform: rotate(-2deg); }
.sheet-assembly-detail { top: 18%; right: 10%; width: 76%; height: 50%; }

.sheet-part-image::before { content: ''; position: absolute; z-index: 1; top: 24%; left: 20%; width: 58%; height: 40%; border: 1px solid rgba(94,146,177,.72); box-shadow: 13px 13px 0 -12px rgba(157,175,183,.58), 26px 26px 0 -25px rgba(157,175,183,.45); }
.sheet-part-image::after { inset: 16px; }
.sheet-part-bracket::before { width: 42%; border-right-width: 12px; transform: skewY(-8deg); }
.sheet-part-panel::before { height: 48%; border-radius: 50% 0 0; }
.sheet-part-frame::before { background: linear-gradient(90deg, transparent 42%, rgba(94,146,177,.5) 43% 48%, transparent 49%); }
.sheet-part-welded::before { transform: rotate(-8deg); border-bottom: 2px dashed rgba(141,199,237,.6); }
.sheet-part-custom::before { clip-path: polygon(0 0, 76% 0, 100% 28%, 100% 100%, 18% 100%, 0 72%); }

.sheet-process-section { background: var(--axis-dark); color: var(--axis-text); }
.sheet-process-section .axis-direct-title { border-color: var(--axis-line-dark); }
.sheet-process-route { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 0 0 48px; color: #dfe5e7; font: 800 clamp(16px, 1.75vw, 24px)/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .04em; }
.sheet-process-route i { flex: 1; color: var(--axis-blue-light); font-style: normal; text-align: center; }
.sheet-process-list { border-top: 1px solid #596269; }
.sheet-process-list article { display: grid; grid-template-columns: 110px 100px minmax(0, 1fr); align-items: center; gap: 30px; min-height: 132px; padding: 22px 0; border-bottom: 1px solid var(--axis-line-dark); }
.sheet-process-index { color: var(--axis-blue-light); font: 700 10px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .08em; }
.sheet-process-detail { position: relative; width: 92px; height: 64px; border: 1px solid #465158; background: #1a2024; }
.sheet-process-detail::before, .sheet-process-detail::after { content: ''; position: absolute; border-color: rgba(78,137,176,.75); }
.sheet-process-detail::before { inset: 19px 14px; border-top: 1px solid rgba(78,137,176,.75); border-bottom: 1px solid rgba(78,137,176,.75); }
.sheet-process-detail::after { top: 12px; bottom: 12px; left: 50%; border-left: 1px dashed rgba(157,175,183,.5); }
.sheet-process-list article:nth-child(2) .sheet-process-detail { transform: skewY(-10deg); }
.sheet-process-list article:nth-child(3) .sheet-process-detail::before { border-bottom: 2px dashed rgba(78,137,176,.75); }
.sheet-process-list article:nth-child(4) .sheet-process-detail::after { top: 20px; bottom: auto; width: 18px; height: 18px; border: 1px solid rgba(78,137,176,.75); border-radius: 50%; transform: translateX(-50%); }
.sheet-process-list article:nth-child(5) .sheet-process-detail::after { top: 21px; bottom: auto; width: 8px; height: 20px; border: 1px solid rgba(78,137,176,.75); transform: translateX(-50%); }
.sheet-process-list h3 { margin: 0; font-size: clamp(22px, 2.2vw, 31px); letter-spacing: -.035em; }
.sheet-process-list p { max-width: 690px; margin: 8px 0 0; color: #aeb8bb; font-size: 13px; line-height: 1.55; }

.sheet-page .axis-spec-sheet .sheet-spec-key { position: relative; padding-left: 16px; }
.sheet-page .axis-spec-sheet .sheet-spec-key::before { content: ''; position: absolute; top: 17px; bottom: 17px; left: 0; width: 2px; background: var(--axis-blue); }
.sheet-page .axis-spec-sheet .sheet-spec-key dt { color: #1d6f9f; }

.sheet-inspection-diagram { position: absolute; z-index: 1; inset: 18% 16% 34%; border-bottom: 1px solid rgba(157,175,183,.55); }
.sheet-inspection-diagram::before { content: ''; position: absolute; bottom: 0; left: 8%; width: 76%; height: 43%; border: 1px solid rgba(78,137,176,.72); transform: skewY(-5deg); }
.sheet-inspection-diagram::after { content: '90°'; position: absolute; top: 20%; right: 0; padding: 6px; border-left: 1px solid var(--axis-blue); color: var(--axis-blue-light); font: 700 10px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.sheet-inspection-diagram span { position: absolute; z-index: 1; width: 8px; aspect-ratio: 1; border: 1px solid rgba(157,175,183,.7); border-radius: 50%; }
.sheet-inspection-diagram span:nth-child(1) { left: 25%; bottom: 17%; }
.sheet-inspection-diagram span:nth-child(2) { left: 49%; bottom: 24%; }
.sheet-inspection-diagram span:nth-child(3) { left: 71%; bottom: 29%; }

@media (max-width: 900px) {
  .sheet-hero { padding-bottom: 34px; }
  .sheet-process-route { margin-bottom: 35px; }
}

@media (max-width: 760px) {
  .sheet-process-route { align-items: stretch; flex-direction: column; gap: 0; }
  .sheet-process-route span { padding: 13px 0 13px 16px; border-left: 2px solid var(--axis-blue); }
  .sheet-process-route i { flex: 0; padding: 2px 0 2px 12px; text-align: left; transform: rotate(90deg); transform-origin: 14px center; }
  .sheet-process-list article { grid-template-columns: 88px minmax(0, 1fr); gap: 14px 22px; }
  .sheet-process-detail { grid-row: 2; }
  .sheet-process-list article > div:last-child { grid-column: 2; grid-row: 1 / span 2; }
}

@media (max-width: 540px) {
  .sheet-hero h1 { font-size: clamp(41px, 11.4vw, 48px); }
  .sheet-hero .axis-hero-specs strong { font-size: 20px; }
  .sheet-process-list article { grid-template-columns: 1fr; gap: 13px; padding: 24px 0; }
  .sheet-process-detail { grid-row: auto; width: 100%; height: 72px; }
  .sheet-process-list article > div:last-child { grid-column: 1; grid-row: auto; }
  .sheet-page .axis-spec-sheet .sheet-spec-key { padding-left: 12px; }
}