/* INDEX / chapter craft — paper, pencil, a quarter turn of steel. */
.chapter-craft-ready .checked-title.is-visible,
.chapter-craft-ready .checked-copy.is-visible,
.chapter-craft-ready .process-card.is-visible,
.chapter-craft-ready .faq-heading.is-visible { animation: none; }

.chapter-craft-ready .signature { position: relative; border-bottom-color: transparent; }
.craft-signature-ink { display: inline-block; white-space: nowrap; }
.craft-signature-rule { position: absolute; inset: auto 0 -1px 0; height: 2px; pointer-events: none; transform-origin: 0 50%; background: linear-gradient(90deg, #74776a 0%, #74776aaa 74%, transparent); clip-path: polygon(0 30%, 88% 0, 100% 55%, 55% 82%, 0 100%); }
.chapter-craft-ready .check-list li { transform-origin: 0 50%; }
.chapter-craft-ready .check-list .check { transform-origin: 45% 60%; }

.chapter-craft-ready .process-image { isolation: isolate; }
.craft-inspection-gauge { position: absolute; inset: 12px; z-index: 1; color: #e8e4d3; pointer-events: none; opacity: .47; transition: opacity 260ms ease; }
.craft-gauge-corner { position: absolute; width: 18px; height: 18px; transition: transform 550ms cubic-bezier(.18,.8,.26,1.18); }
.craft-gauge-corner-a { top: 0; right: 0; border-top: 1px solid currentColor; border-right: 1px solid currentColor; box-shadow: 1px -1px 0 #26302438; transform: translate(var(--craft-gauge-x,0px),var(--craft-gauge-y,0px)); }
.craft-gauge-corner-b { bottom: 0; left: 0; border-left: 1px solid currentColor; border-bottom: 1px solid currentColor; box-shadow: -1px 1px 0 #26302438; transform: translate(calc(-1 * var(--craft-gauge-x,0px)),calc(-1 * var(--craft-gauge-y,0px))); }
.craft-gauge-rule { position: absolute; bottom: 1px; right: 0; width: 72px; height: 5px; border-bottom: 1px solid currentColor; background: repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 6px); opacity: .85; }
.craft-gauge-jaw { position: absolute; right: 33px; bottom: -3px; width: 7px; height: 12px; border: 1px solid #e2decd; border-radius: 1px; background: linear-gradient(90deg,#727969,#c1c3ae 42%,#919985); box-shadow: 1px 1px 1px #1c251a55; transform: translateX(var(--craft-jaw-shift,0px)); transition: transform 600ms cubic-bezier(.18,.8,.26,1.14); }
.craft-gauge-jaw::after { content: ''; position: absolute; width: 3px; height: 1px; left: 1px; top: 5px; background: #3a4432; }
.chapter-craft-ready .process-count { z-index: 2; transform-origin: 12px 6px; rotate: var(--craft-slip-angle,0deg); translate: 0 var(--craft-slip-lift,0px); box-shadow: 1px 2px 0 rgba(36,44,30,.09); backface-visibility: hidden; transition: rotate 660ms cubic-bezier(.18,.8,.24,1.16),translate 560ms cubic-bezier(.18,.8,.24,1.12),box-shadow 360ms ease,background-color 300ms ease; }
.chapter-craft-ready .process-count::before { content: ''; position: absolute; top: 4px; left: 10px; width: 4px; height: 4px; border-radius: 50%; background: #818875; border-top: 1px solid #dbdccc; box-shadow: 0 1px 1px #38422e55; pointer-events: none; }
.chapter-craft-ready .process-count::after { content: ''; position: absolute; right: 0; bottom: 0; width: 5px; height: 5px; pointer-events: none; background: linear-gradient(135deg, #e1dccf 48%, #52594a99 50%, transparent 52%); }
.chapter-craft-ready .process-card.craft-pointer-active .craft-inspection-gauge,
.chapter-craft-ready .process-card:focus-within .craft-inspection-gauge { opacity: .9; }
.chapter-craft-ready .process-card.craft-pointer-active .craft-gauge-corner,
.chapter-craft-ready .process-card.craft-pointer-active .craft-gauge-jaw { transition-duration: 110ms; transition-timing-function: ease-out; }
.chapter-craft-ready .process-card.craft-pointer-active .process-count { transition-duration: 140ms,140ms,300ms,300ms; transition-timing-function: ease-out; box-shadow: 2px 4px 0 rgba(36,44,30,.11),0 6px 10px rgba(23,32,19,.1); }
.chapter-craft-ready .process-footnote { position: relative; }
.craft-process-line { position: absolute; left: 0; top: -1px; width: 100%; height: 2px; transform: scaleX(var(--craft-progress,0)); transform-origin: 0 50%; pointer-events: none; background: linear-gradient(90deg, #858b70, #3d4434); }
.chapter-craft-ready .process-card.craft-stage-current .process-count { background-color: #eee9db; }

.chapter-craft-ready .inspection-link { position: relative; padding-left: 26px; min-height: 32px; }
.craft-inspection-fastener { position: absolute; width: 17px; height: 17px; border: 1px solid #858e77; border-radius: 50%; background: linear-gradient(135deg,#d7d6c4,#9aa48c 64%,#c3c4b2); box-shadow: 0 1px 1px #30392838,inset 0 0 0 2px #b7bca3; pointer-events: none; }
.craft-link-fastener { left: 0; top: calc(50% - 10px); }
.craft-fastener-head { position: absolute; inset: 2px; border: 1px solid #68735d; border-radius: 50%; background: linear-gradient(120deg,#e2e1d0,#c1c8b2 46%,#8b957d); transform: rotate(0deg); transition: transform 520ms cubic-bezier(.18,.8,.25,1.13); }
.craft-fastener-head::after { content: ''; position: absolute; height: 1px; left: 1px; right: 1px; top: 50%; background: #414c36; box-shadow: 0 1px 0 #e5e6d180; }
.craft-inspection-fastener.craft-unlatched .craft-fastener-head { transform: rotate(90deg); }
.craft-fastened-header > .eyebrow { margin-left: 25px; }
.craft-dialog-fastener { left: 0; top: calc(50% - 6px); }
.chapter-craft-ready .inspection-link:focus-visible .craft-inspection-fastener { outline: 1px solid #58644a; outline-offset: 3px; }

.chapter-craft-ready .faq-list details { position: relative; }
.chapter-craft-ready .faq-list summary { position: relative; isolation: isolate; }
.chapter-craft-ready .faq-list summary::before { content: ''; position: absolute; inset: 6px -12px; z-index: -1; opacity: 0; pointer-events: none; background: linear-gradient(90deg,rgba(161,165,140,.15),transparent 80%); transition: opacity 240ms ease; }
.chapter-craft-ready .faq-list summary:hover::before,
.chapter-craft-ready .faq-list summary:focus-visible::before { opacity: 1; }
.chapter-craft-ready .faq-list details[open] .faq-answer { animation: none; }
.chapter-craft-ready .faq-list summary .plus { transition: transform 340ms cubic-bezier(.2,.72,.2,1); }
.chapter-craft-ready .faq-list details[data-craft-open="false"] summary .plus { transform: rotate(0); }
.chapter-craft-ready .faq-list details[data-craft-open="true"] summary .plus { transform: rotate(45deg); }

.chapter-craft-ready .paper-dialog[open] { animation: none; transform-origin: 50% 12%; }
.chapter-craft-ready .paper-dialog .form-grid label { position: relative; }
.chapter-craft-ready .paper-dialog .form-grid input,
.chapter-craft-ready .paper-dialog .form-grid select,
.chapter-craft-ready .paper-dialog .form-grid textarea { transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease; }
.chapter-craft-ready .paper-dialog .form-grid input:focus,
.chapter-craft-ready .paper-dialog .form-grid select:focus,
.chapter-craft-ready .paper-dialog .form-grid textarea:focus { border-color: #626c51; background-color: #fffdf6; box-shadow: inset 3px 0 0 #8f977c; }
.chapter-craft-ready .paper-dialog .form-grid label:focus-within { color: #3d4434; }
.chapter-craft-ready .service-slip { position: relative; transform-origin: 50% 0; }
.chapter-craft-ready .service-slip .slip-top span:last-child { display: inline-block; transform-origin: 50% 50%; }

@media (hover: none), (pointer: coarse) {
 .craft-inspection-gauge { opacity: .42; }
 .craft-gauge-jaw { transform: none; }
 .chapter-craft-ready .process-count { rotate: none; translate: none; }
}
@media (max-width: 540px) {
 .craft-inspection-gauge { inset: 10px; }
 .craft-gauge-rule { width: 62px; }
 .craft-gauge-jaw { right: 28px; }
 .chapter-craft-ready .faq-list summary::before { inset-inline: -6px; }
}
@media (prefers-reduced-motion: reduce) {
 .chapter-craft-ready .process-count { rotate: none; translate: none; }
 .craft-gauge-corner,.craft-gauge-jaw { transform: none; }
 .craft-inspection-gauge,
 .craft-gauge-corner,
 .craft-gauge-jaw,
 .craft-fastener-head,
 .chapter-craft-ready .process-count,
 .chapter-craft-ready .faq-list summary::before,
 .chapter-craft-ready .faq-list summary .plus,
 .chapter-craft-ready .paper-dialog .form-grid input,
 .chapter-craft-ready .paper-dialog .form-grid select,
 .chapter-craft-ready .paper-dialog .form-grid textarea { transition: none; }
}
.workshop-motion-paused .process-count { rotate: none; translate: none; }
.workshop-motion-paused .craft-gauge-corner,
.workshop-motion-paused .craft-gauge-jaw { transform: none; }
.workshop-motion-paused .craft-inspection-gauge,
.workshop-motion-paused .craft-gauge-corner,
.workshop-motion-paused .craft-gauge-jaw,
.workshop-motion-paused .craft-fastener-head,
.workshop-motion-paused .chapter-craft-ready .process-count,
.workshop-motion-paused .process-count,
.workshop-motion-paused .faq-list summary::before,
.workshop-motion-paused .faq-list summary .plus,
.workshop-motion-paused .paper-dialog .form-grid input,
.workshop-motion-paused .paper-dialog .form-grid select,
.workshop-motion-paused .paper-dialog .form-grid textarea { transition: none; }
