/* Auto dismantling illustration and inventory callouts. */
#dismantling{display:block;padding:38px 40px 24px;background:#e8ece3;border-radius:12px}
#dismantling .dismantling-heading{display:grid;grid-template-columns:1.35fr 1fr;gap:45px;align-items:end;margin-bottom:30px}
#dismantling .eyebrow{margin:0 0 18px;font-size:10px;color:#67745d}
#dismantling h2{font-size:clamp(32px,3.4vw,48px);line-height:1.08;letter-spacing:-.025em}
#dismantling h2 span{color:#65745a}
#dismantling .dismantling-intro p{font-size:14px;line-height:1.7;color:#626d5c;margin:0;max-width:410px}
#dismantling .text-link{margin-top:15px;font-size:13px}
.dismantling-demo{background:#f4f5ef;border:1px solid #d5dccd;border-radius:8px;overflow:hidden}
.donor-stages{display:grid;grid-template-columns:1fr 1fr;padding:20px 30px 0;gap:20px;font-size:14px;font-weight:500}
.donor-stages>span{display:flex;align-items:center;gap:12px}
.donor-stages b{font:11px var(--mono);border:1px solid #c9d0c0;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:#65745a}
.donor-scene{position:relative;isolation:isolate}
.donor-scene>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;mix-blend-mode:multiply}
.donor-connectors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.donor-connectors polyline{fill:none;stroke:#8c9980;stroke-width:1.5;vector-effect:non-scaling-stroke}
.donor-connectors circle{fill:#f4f5ef;stroke:#748368;stroke-width:1.5;vector-effect:non-scaling-stroke}
.donor-connectors .is-active polyline{stroke:#b94c2e;stroke-width:2}
.donor-connectors .is-active circle{stroke:#b94c2e;fill:#dc5634}
.donor-hotspot{position:absolute;left:var(--x);top:88%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid #ced5c5;border-radius:5px;padding:8px 12px 8px 8px;background:#fffef9;box-shadow:0 3px 12px #313c2410;font:500 17px var(--display)}
.donor-hotspot b,.donor-legend b{font:11px var(--mono);width:27px;height:27px;display:grid;place-items:center;flex-shrink:0;background:#e9eddf;border-radius:3px}
.donor-hotspot:hover,.donor-legend button:hover{border-color:#879977}
.donor-hotspot.is-active{border-color:#bf5939;background:#fff9f2}
.donor-hotspot.is-active b,.donor-legend .is-active b{background:#b94c2e;color:#fff}
.donor-legend{display:none}
.donor-detail{display:flex;align-items:center;gap:30px;padding:23px 26px;border-top:1px solid #d9dfd2;margin:0 26px;background:#eef1e7;border-radius:5px}
.donor-detail-index{font:28px var(--display);color:#a74629}
.donor-detail>div{display:flex;flex-direction:column;gap:7px;flex:1}
.donor-field-label{font:8px var(--mono);letter-spacing:.06em;color:#6c7762}
.donor-detail strong{font-size:16px;font-weight:500}
.donor-detail strong.mono{font-size:13px}
.donor-detail-hint{font-size:11px;line-height:1.6;color:#747e6b}
.donor-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 26px}
.donor-caption>span{font:8px var(--mono);color:#617054;letter-spacing:.03em}
.donor-caption p{font-size:10px;line-height:1.5;color:#76806d;margin:0}
@media(max-width:1000px){#dismantling{padding:28px}#dismantling .dismantling-heading{grid-template-columns:1.2fr 1fr;gap:24px}.donor-hotspot{font-size:14px;padding:6px;gap:5px}.donor-detail{gap:20px;margin:0 16px;padding:20px 16px}.donor-detail-hint{display:none}.donor-caption{padding:16px;display:block}.donor-caption p{margin-top:7px}}
@media(max-width:700px){#dismantling{padding:24px 16px}#dismantling .dismantling-heading{display:block;margin-bottom:24px}#dismantling h2{font-size:35px}#dismantling .dismantling-intro{margin-top:18px}#dismantling .dismantling-intro p{font-size:13px}.donor-stages{padding:14px 12px 0;gap:10px;font-size:11px;line-height:1.3}.donor-stages>span{gap:7px}.donor-stages b{width:24px;height:24px;flex-shrink:0;font-size:9px}.donor-hotspot{min-width:44px;min-height:44px;padding:7px;justify-content:center;border-radius:50%;background:#fffef9}.donor-hotspot>span{display:none}.donor-hotspot b{width:25px;height:25px;background:transparent}.donor-legend{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 12px 16px}.donor-legend button{display:flex;align-items:center;gap:7px;text-align:left;padding:8px 6px;background:#fffef9;border:1px solid #d5dccd;border-radius:4px;font:500 15px/1.1 var(--display);min-height:46px}.donor-legend button.is-active{border-color:#bf5939}.donor-legend b{width:23px;height:23px;font-size:10px}.donor-detail{margin:0 12px;padding:16px 12px;display:grid;grid-template-columns:1fr 1fr;gap:18px 12px}.donor-detail-index{display:none}.donor-detail>div:first-of-type{grid-column:1/-1}.donor-detail strong{font-size:17px}.donor-detail strong.mono{font-size:12px}.donor-field-label{font-size:7px}.donor-caption{padding:16px 12px}.donor-caption>span{font-size:7px}}
@media(max-width:360px){#dismantling h2{font-size:30px}.donor-legend button{font-size:13px}.donor-stages{font-size:10px}}