.craft{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px;align-items:center}
.supply-gallery{min-width:0;outline-offset:6px}
.supply-stage{aspect-ratio:4/3;position:relative;background:#f1f1ef;overflow:hidden;touch-action:pan-y}
.supply-stage .supply-slide{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;filter:none}
.supply-slide[hidden]{display:none}
.supply-slide.is-active{animation:supply-appear .45s ease}
.supply-caption{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding:20px 0 16px;border-bottom:1px solid #ddd;min-height:76px}
.supply-caption p{margin:0;line-height:1.6;font-size:16px}.supply-caption>span{white-space:nowrap;font-size:12px;color:#777;font-variant-numeric:tabular-nums}
.supply-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:12px}
.supply-controls[hidden]{display:none}
.supply-dots,.supply-actions{display:flex;align-items:center;gap:8px}
.supply-dots button{width:28px;height:44px;background:transparent;border:0;cursor:pointer;padding:0;display:grid;place-items:center}
.supply-dots button:after{content:'';width:6px;height:6px;border-radius:50%;background:#bbb}.supply-dots button[aria-current=true]:after{background:#a72b25;transform:scale(1.35)}
.supply-actions button{width:44px;height:44px;border:1px solid #ccc;background:#fff;color:#242424;display:grid;place-items:center;cursor:pointer}.supply-actions svg{width:18px;height:18px}.supply-actions button:hover{background:#f1f1ef}
.supply-controls button:focus-visible{outline:2px solid #a72b25;outline-offset:3px}
.supply-actions button{flex:0 0 44px;font-size:24px;line-height:1}
.supply-play-icon{display:block;width:10px;height:14px;border-left:3px solid currentColor;border-right:3px solid currentColor}
.is-paused .supply-play-icon{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid currentColor;border-right:0}
@keyframes supply-appear{from{opacity:.3}to{opacity:1}}
@media(max-width:1100px){.craft{gap:32px}.craft-copy .section-label{margin-bottom:28px}.craft h2{margin-bottom:32px}}
@media(max-width:900px){.craft{grid-template-columns:minmax(0,1fr);gap:48px}}
@media(max-width:480px){.supply-controls{gap:12px;flex-wrap:wrap}.supply-dots{gap:2px}.supply-dots button{width:22px}.supply-actions{gap:6px;margin-left:auto}.supply-caption{gap:12px;min-height:76px}.supply-caption p{font-size:14px}.supply-actions button{width:40px;height:44px;flex-basis:40px}}
@media(prefers-reduced-motion:reduce){.supply-slide.is-active{animation:none}}