/* Scroll linked saw and sawdust overlay */
@view-transition{navigation:auto}
::view-transition-old(root){animation:site-page-exit 180ms ease both}
::view-transition-new(root){animation:site-page-enter 260ms cubic-bezier(.2,.7,.2,1) both}
.brand img{view-transition-name:site-brand-mark}
@keyframes site-page-exit{to{opacity:0;transform:translateX(-8px)}}
@keyframes site-page-enter{from{opacity:0;transform:translateX(8px)}}
.scroll-saw{--page-progress:0;position:fixed;z-index:80;top:12vh;bottom:12vh;right:max(10px,calc((100vw - 1160px)/2 - 50px));width:54px;pointer-events:none;opacity:.9}
.scroll-saw-board{position:absolute;z-index:1;left:50%;top:18px;bottom:18px;width:44px;transform:translateX(-50%);border:1px solid #573b25;border-radius:3px;background:repeating-linear-gradient(177deg,transparent 0 11px,#58372044 12px 13px,transparent 14px 23px),linear-gradient(90deg,#9b663d,#c6935d 34%,#d1a16c 54%,#91603b);box-shadow:2px 2px 5px #26170d55}
.scroll-saw-front{position:absolute;z-index:3;left:calc(50% - 22px);top:18px;bottom:18px;width:22px;border:1px solid #573b25;border-right:0;border-radius:3px 0 0 3px;background:repeating-linear-gradient(177deg,transparent 0 11px,#58372055 12px 13px,transparent 14px 23px),linear-gradient(90deg,#9b663d,#bd8955 70%,#d1a16c);box-shadow:inset 2px 0 3px #f1c28b55}
.scroll-saw-kerf{position:absolute;z-index:4;left:50%;top:18px;bottom:auto;width:3px;height:calc(100% - 36px);transform:translateX(-50%) scaleY(var(--page-progress));transform-origin:top;background:linear-gradient(90deg,#4b2a18,#21150e,#694126);box-shadow:0 0 4px #21150e}
.scroll-saw-blade{position:absolute;z-index:2;top:calc(var(--page-progress) * 100%);left:50%;width:48px;height:48px;transform:translate(-50%,-50%) rotate(0rad);transform-origin:50% 50%;filter:drop-shadow(1px 3px 2px #21150e77)}
.sawdust-canvas{position:fixed;inset:0;z-index:70;pointer-events:none}
@media(max-width:760px){.scroll-saw{top:9vh;bottom:calc(94px + env(safe-area-inset-bottom));right:4px;width:37px;opacity:.78}.scroll-saw-board{width:30px;top:14px;bottom:14px}.scroll-saw-front{left:calc(50% - 15px);width:15px;top:14px;bottom:14px}.scroll-saw-kerf{top:14px;height:calc(100% - 28px)}.scroll-saw-blade{width:34px;height:34px}}
@media(max-width:430px){.scroll-saw{right:1px}}
@media(prefers-reduced-motion:reduce){.scroll-saw-blade{filter:none}::view-transition-old(root),::view-transition-new(root){animation-duration:1ms}}
.shop-vac-widget{position:fixed;inset:0;z-index:120;pointer-events:none}
.shop-vac-hose{position:fixed;inset:0;width:100vw;height:100vh;overflow:visible;pointer-events:none}
.shop-vac-hose-shadow,.shop-vac-hose-line{fill:none;stroke-linecap:round;stroke-linejoin:round}
.shop-vac-hose-shadow{stroke:#201b16;stroke-width:13;opacity:.9}
.shop-vac-hose-line{stroke:#56514a;stroke-width:8;stroke-dasharray:2 1}
.shop-vac-hint{position:fixed;right:9px;bottom:111px;padding:5px 7px;border:1px solid #2b2118;background:#f4e8ce;color:#44291b;font:700 8px/1 Arial,sans-serif;letter-spacing:.04em;white-space:nowrap;box-shadow:2px 2px 0 #9e7046;pointer-events:none;transition:opacity .25s}
.shop-vac-widget.is-used .shop-vac-hint{opacity:0}
.shop-vac-unit{position:fixed;right:16px;bottom:16px;width:82px;height:90px;padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto;filter:drop-shadow(2px 4px 2px #21150e77);touch-action:manipulation}
.shop-vac-unit:focus-visible,.shop-vac-nozzle:focus-visible{outline:3px solid #f6d783;outline-offset:3px}
.shop-vac-handle{position:absolute;top:1px;left:22px;width:39px;height:26px;border:6px solid #29251f;border-bottom:0;border-radius:12px 12px 0 0}
.shop-vac-lid{position:absolute;top:17px;left:9px;width:64px;height:14px;border:2px solid #25211c;border-radius:5px;background:linear-gradient(#51483e,#2e2a24)}
.shop-vac-lid i{position:absolute;right:7px;top:3px;width:9px;height:6px;border-radius:50%;background:#d4b061}
.shop-vac-tank{position:absolute;top:27px;left:14px;width:54px;height:43px;display:grid;place-items:center;border:2px solid #612a1b;border-radius:9px 9px 13px 13px;background:linear-gradient(100deg,#a83c20,#e05a2d 45%,#bd3e20);color:#fff0cc;text-align:center;font:bold 8px/1.05 Arial,sans-serif;letter-spacing:.08em;text-shadow:1px 1px #54291a}
.shop-vac-tank:after{content:"";position:absolute;right:-6px;top:9px;width:5px;height:16px;border:1px solid #31281f;border-radius:0 4px 4px 0;background:#d2a36c}
.shop-vac-wheel{position:absolute;top:65px;width:16px;height:16px;border:3px solid #2a241e;border-radius:50%;background:#62584c}
.shop-vac-wheel-left{left:8px}.shop-vac-wheel-right{right:8px}
.shop-vac-port{position:absolute;left:7px;top:43px;width:14px;height:14px;border:3px solid #27231e;border-radius:50%;background:#b4a38a}
.shop-vac-power{position:absolute;top:32px;right:18px;width:5px;height:5px;border-radius:50%;background:#76685b;box-shadow:0 0 0 2px #302820}
.shop-vac-nozzle{position:fixed;left:0;top:0;width:50px;height:26px;padding:0;border:0;background:transparent;cursor:grab;pointer-events:auto;touch-action:none;filter:drop-shadow(1px 2px 2px #21150e99)}
.shop-vac-nozzle:active{cursor:grabbing}
.shop-vac-nozzle-shape{position:absolute;left:2px;top:8px;width:46px;height:11px;border:1px solid #24211c;border-radius:7px;background:linear-gradient(180deg,#777168,#302e29 55%,#1e1c19)}
.shop-vac-nozzle-shape:before{content:"";position:absolute;left:0;top:-4px;width:10px;height:17px;border:1px solid #211e19;border-radius:3px 1px 1px 3px;background:linear-gradient(90deg,#d1b88c,#756c5c)}
.shop-vac-nozzle-shape:after{content:"";position:absolute;right:4px;top:3px;width:17px;height:3px;border-radius:3px;background:#9a9180}
.shop-vac-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.shop-vac-widget.is-on .shop-vac-tank{background:linear-gradient(100deg,#c94a24,#f06a35 45%,#cc4923)}
.shop-vac-widget.is-on .shop-vac-power{background:#8ee271;box-shadow:0 0 7px 3px #87ef62aa}
.shop-vac-widget.is-on .shop-vac-hose-line{stroke:#857d70}
@media(max-width:760px){.shop-vac-unit{right:12px;bottom:84px;width:72px;height:80px;transform:scale(.9);transform-origin:bottom right}.shop-vac-hint{right:7px;bottom:174px}}
@media print{.shop-vac-widget{display:none}}