.paint-inspection{--pi-bronze:#b9a186;background:#08090a;color:#f5f5f3;padding-block:clamp(64px,9vw,120px)}
.paint-inspection .pi-heading{max-width:720px;margin:0 auto 40px;text-align:center}
.paint-inspection .pi-kicker{font-size:11px;letter-spacing:.22em;color:var(--pi-bronze);margin:0 0 22px}
.paint-inspection h2{font-size:clamp(36px,6vw,76px);line-height:1.02;letter-spacing:-.045em;margin:0 0 24px;font-weight:500}
.paint-inspection h2 span{color:#bfc0c2}
.paint-inspection .pi-heading>p:last-child{font-size:clamp(15px,1.5vw,18px);line-height:1.7;color:#aeb0b4;max-width:610px;margin:auto}
.paint-inspection .pi-experience{max-width:820px;margin:auto;border:1px solid #ffffff20;border-radius:22px;overflow:hidden;background:#101113;box-shadow:0 24px 80px #0005}
.paint-inspection .pi-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 22px;color:#b3b4b6;font-size:10px;letter-spacing:.14em}
.paint-inspection .pi-zoom{color:#dfd2c2;border:1px solid #b9a18655;padding:6px 10px;border-radius:30px;font-size:12px;letter-spacing:.06em}
.paint-inspection .pi-stage{position:relative;width:100%;isolation:isolate;touch-action:pan-y}
.paint-inspection .pi-original{display:block;width:100%;height:auto;aspect-ratio:1179/1548;max-width:none;user-select:none;-webkit-user-drag:none}
.paint-inspection .pi-stage.pi-ready{cursor:crosshair}
.paint-inspection .pi-lens{position:absolute;left:0;top:0;width:clamp(126px,20vw,210px);aspect-ratio:1;border-radius:50%;overflow:hidden;touch-action:none;cursor:grab;z-index:2;box-shadow:0 0 0 1px #28282a,0 0 0 3px #ddd7ce,0 0 0 5px #756759,0 15px 38px #0008;outline:none;will-change:transform}
.paint-inspection .pi-lens:active{cursor:grabbing}
.paint-inspection .pi-lens:focus-visible{outline:3px solid white;outline-offset:9px}
.paint-inspection .pi-lens-image{position:absolute;inset:0;border-radius:inherit;background-image:url('/assets/paint-inspection-original.jpeg');background-repeat:no-repeat;pointer-events:none}
.paint-inspection .pi-lens:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #fff9,inset 0 0 0 4px #ffffff18;pointer-events:none}
.paint-inspection .pi-crosshair{position:absolute;left:50%;top:50%;width:5px;height:5px;transform:translate(-50%,-50%);border:1px solid #fff9;border-radius:50%;box-shadow:0 0 2px #000;pointer-events:none}
.paint-inspection .pi-status{min-height:70px;padding:20px 24px;display:flex;align-items:center;justify-content:center;text-align:center;border-top:1px solid #ffffff14;color:#e9e4de;font-size:14px;letter-spacing:.015em}
.paint-inspection .pi-status-copy.pi-change{animation:pi-label .24s ease-out}
.paint-inspection .pi-controls{display:flex;justify-content:center;gap:10px;padding:0 20px}
.paint-inspection .pi-controls[hidden],.paint-inspection .pi-lens[hidden]{display:none}
.paint-inspection .pi-controls button{min-height:44px;padding:10px 15px;border-radius:24px;border:1px solid #ffffff26;background:#ffffff05;color:#d5d6d8;font:inherit;font-size:12px;cursor:pointer;transition:border-color .2s,background .2s}
.paint-inspection .pi-controls button:hover,.paint-inspection .pi-controls button:focus-visible{border-color:var(--pi-bronze);background:#b9a18615}
.paint-inspection .pi-controls button[aria-pressed=true]{border-color:#b9a18699;color:#fff}
.paint-inspection .pi-hint{text-align:center;color:#a9a9ad;font-size:12px;padding:20px;margin:0;line-height:1.7}
.paint-inspection .pi-hint span{display:block;font-size:10px;color:#81848a;margin-top:5px}
.paint-inspection.pi-enter{animation:pi-enter .65s cubic-bezier(.2,.65,.2,1) both}
@keyframes pi-label{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes pi-enter{from{opacity:.4;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:600px){.paint-inspection{padding-inline:18px}.paint-inspection .pi-heading{margin-bottom:28px}.paint-inspection .pi-experience{border-radius:16px}.paint-inspection .pi-toolbar{padding:12px 14px;font-size:8px;letter-spacing:.1em}.paint-inspection .pi-status{font-size:12px;padding:16px 12px;min-height:66px}.paint-inspection .pi-controls{gap:8px;padding:0 10px}.paint-inspection .pi-controls button{font-size:11px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.paint-inspection.pi-enter,.paint-inspection .pi-status-copy.pi-change{animation:none}.paint-inspection *{transition:none!important}}