/* Printed planes. Essential text remains still and above decorative objects. */
[data-paper]{position:relative;isolation:isolate;--paper-p:0;--paper-x:0;--paper-y:0}
.paper-margin{position:absolute;inset:0;overflow:clip;z-index:-1;pointer-events:none;perspective:900px}
.paper-bit,.room-item{position:absolute;background-image:url('/assets/junk-objects.webp');background-repeat:no-repeat;background-size:300% 200%;aspect-ratio:1;clip-path:inset(2% 2% 10% 2%);filter:drop-shadow(6px 9px 2px #222a2740)}
.paper-chair{background-position:50% 0}.paper-tools{background-position:100% 0}.paper-oil{background-position:0 0}.paper-tire{background-position:0 100%}.paper-tv{background-position:50% 100%}.paper-boxes{background-position:100% 100%}
.paper-bit{width:clamp(80px,10vw,160px);transform:translate3d(calc(var(--paper-x)*-14px + var(--paper-p)*-75px),calc(var(--paper-y)*12px + var(--paper-p)*-58px),35px) rotate(calc(-17deg + var(--paper-p)*28deg)) rotateY(calc(var(--paper-x)*-12deg));opacity:.9}
.paper-slot-0{left:-3%;top:10%}.paper-slot-1{right:-3%;bottom:0;transform:translate3d(calc(var(--paper-x)*20px + var(--paper-p)*75px),calc(var(--paper-y)*-15px + var(--paper-p)*-45px),70px) rotate(calc(16deg - var(--paper-p)*34deg)) rotateX(calc(var(--paper-y)*8deg))}
.paper-star{position:absolute;font:70px Georgia;color:var(--red);transform:translate3d(calc(var(--paper-x)*10px),calc(var(--paper-p)*-65px),0) rotate(calc(var(--paper-p)*85deg));text-shadow:3px 5px 0 #222a2720}.star-one{right:2%;top:3%}.star-two{left:2%;bottom:3%;font-size:40px;color:var(--blue)}
.hero .paper-margin{z-index:0;left:53%}.hero .paper-slot-0{left:5%;top:7%;width:110px}.hero .paper-slot-1{width:140px;right:0;bottom:8%}.hero .star-one{display:none}.hero .hero-copy{position:relative;z-index:2}
.services>.paper-margin .paper-slot-0{top:4%;left:-6%}.services>.paper-margin .paper-slot-1{bottom:2%;right:-4%}.how>.paper-margin .paper-bit{width:95px;opacity:.55}.how>.paper-margin .paper-slot-0{top:2%;left:-3%}.how>.paper-margin .paper-slot-1{bottom:0}
.bros>.paper-margin .paper-bit{left:auto;right:-4%;top:1%;width:125px}.crew-portraits{transform:perspective(1000px) rotateX(calc(var(--paper-y)*-3deg)) rotateY(calc(var(--paper-x)*4deg));transform-style:preserve-3d}.portrait{backface-visibility:hidden}.show>.paper-margin .paper-star{color:var(--yellow)}.show>.paper-margin .paper-slot-0{left:-4%;top:1%}.show>.paper-margin .paper-slot-1{bottom:1%;right:-5%}.truck-strip>.paper-margin{z-index:1}.truck-strip>.paper-margin .paper-bit{left:43%;top:auto;bottom:-10%;width:180px;transform:translateY(calc(var(--paper-p)*-50px)) rotate(calc(var(--paper-p)*95deg))}.truck-strip>.paper-margin .paper-star{display:none}
.area>.paper-margin .paper-bit{left:auto;right:0;top:0;width:100px}.proof>.paper-margin .paper-star{font-size:40px;opacity:.4}.faq>.paper-margin .star-one{top:20px;right:4%;font-size:90px;opacity:.35}.faq>.paper-margin .star-two{bottom:15px}.final-cta>.paper-margin .paper-slot-0{left:1%;top:35%;width:190px;transform:translateX(calc(var(--paper-p)*-200px)) rotate(calc(var(--paper-p)*-40deg))}.final-cta>.paper-margin .paper-slot-1{right:0;bottom:8%;width:190px;transform:translateX(calc(var(--paper-p)*200px)) rotate(calc(var(--paper-p)*40deg))}.final-cta>.paper-margin .paper-star{color:var(--yellow)}
/* Small, explicitly illustrated messy-to-clear scene. */
.pile-to-space{margin:40px 0 30px;border:2px solid var(--ink);background:var(--yellow);box-shadow:7px 8px 0 #222a2720;overflow:clip;transform:rotate(-1deg)}
.paper-room{height:280px;position:relative;overflow:clip;perspective:850px;background:linear-gradient(180deg,#f8e4b8 0 72%,#eac278 72%)}
.paper-room:before{content:'';position:absolute;inset:9% 6% 23%;border:2px solid #222a2725;border-bottom:0;border-radius:70px 70px 0 0}
.paper-floor{position:absolute;inset:66% -20% -20%;background:repeating-linear-gradient(90deg,transparent 0 90px,#222a2725 90px 92px);transform:perspective(300px) rotateX(43deg);border-top:3px solid #222a2740}
.room-message{position:absolute;right:9%;top:24%;font:clamp(30px,4vw,60px)/1 var(--display);color:var(--blue);transform:translateY(calc(25px - var(--paper-p)*25px));opacity:calc(.35 + var(--paper-p)*.65)}
.room-sun{position:absolute;right:3%;top:5%;font:80px Georgia;color:var(--red);transform:rotate(calc(var(--paper-p)*90deg))}
.room-item{width:210px;bottom:-3%;transition:none;transform-origin:50% 100%}
.room-chair{left:7%;transform:translate3d(calc(var(--paper-p)*-490px),calc(var(--paper-p)*-90px),45px) rotate(calc(-7deg - var(--paper-p)*55deg))}.room-tv{left:26%;width:185px;bottom:-6%;transform:translate3d(calc(var(--paper-p)*-400px),calc(var(--paper-p)*130px),80px) rotate(calc(10deg - var(--paper-p)*85deg))}.room-boxes{right:12%;width:230px;transform:translate3d(calc(var(--paper-p)*510px),calc(var(--paper-p)*-75px),70px) rotate(calc(9deg + var(--paper-p)*40deg))}.room-tire{left:46%;width:170px;bottom:5%;transform:translate3d(calc(var(--paper-p)*650px),0,100px) rotate(calc(var(--paper-p)*145deg))}
.pile-to-space figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 22px;background:var(--ink);color:var(--cream);font-size:11px;font-weight:800;letter-spacing:.08em}.clean-toggle{color:var(--cream);background:transparent;border:1px solid var(--cream);padding:10px 15px;min-height:44px;font:700 12px var(--sans);cursor:pointer;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%)}.clean-toggle:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.cleared-floor{position:absolute;inset:0;z-index:-2;background:var(--blue);clip-path:inset(0 calc((1 - var(--clear-progress,0))*100%) 0 0);pointer-events:none}.cleared-floor:after{content:'';position:absolute;inset:55% -15% -30%;background:repeating-linear-gradient(90deg,transparent 0 100px,#fff4da22 100px 102px);transform:perspective(400px) rotateX(50deg);border-top:2px solid #fff4da30}.cleared-floor span{position:absolute;right:7%;top:10%;font:150px Georgia;color:var(--yellow);transform:rotate(calc(var(--clear-progress,0)*110deg))}.clear-stage .ink-spill{opacity:calc(1 - var(--clear-progress,0));transform:scale(calc(1 - var(--clear-progress,0)*.55)) rotate(calc(var(--clear-progress,0)*-40deg))}.clear-stage .junk-object{opacity:calc(1 - var(--clear-progress,0)*.75)}
.service-page-hero>.paper-margin .paper-slot-0{left:56%;top:0;width:90px;opacity:.7}.service-page-hero>.paper-margin .paper-slot-1{right:-4%;bottom:0;width:110px}.service-body section[data-paper]>.paper-margin .star-one{font-size:35px;right:0;top:0;opacity:.3}.service-body section[data-paper]>.paper-margin .star-two{display:none}.paper-motion-control{background:var(--cream);color:var(--ink);padding:10px 16px;min-height:44px;border:1px solid var(--ink);font:700 12px var(--sans);cursor:pointer;margin-top:15px}
@media(max-width:1100px){.paper-bit{width:100px}.paper-star{font-size:45px}.room-item{width:175px}.room-boxes{width:195px}.paper-room{height:260px}.hero .paper-slot-0{top:13%;left:26%;width:80px}.hero .paper-slot-1{width:100px}.final-cta>.paper-margin .paper-bit{width:120px}.room-message{right:5%;font-size:42px}}
@media(max-width:760px){.paper-bit{width:75px;opacity:.65}.paper-slot-0{left:-7%;top:1%}.paper-slot-1{right:-7%;bottom:0}.paper-star{font-size:35px}.star-one{right:1%;top:1%}.star-two{font-size:26px}.hero .paper-margin{left:0;top:48%}.hero .paper-slot-0{left:0;top:5%;width:85px}.hero .paper-slot-1{right:-3%;width:100px;bottom:13%}.hero .star-two{display:none}.services>.paper-margin .paper-bit,.how>.paper-margin .paper-bit{width:65px;opacity:.4}.bros>.paper-margin .paper-bit{right:-5%;width:80px}.show>.paper-margin .paper-bit{width:80px;opacity:.55}.truck-strip>.paper-margin .paper-bit{left:75%;top:280px;bottom:auto;width:110px}.area>.paper-margin .paper-bit{width:70px}.faq>.paper-margin .star-one{font-size:50px;opacity:.25}.final-cta>.paper-margin .paper-bit{width:90px}.final-cta>.paper-margin .paper-slot-0{top:15%;left:-7%}.final-cta>.paper-margin .paper-slot-1{bottom:3%;right:-7%}.pile-to-space{margin:30px 0 25px;box-shadow:4px 5px #222a2720}.paper-room{height:235px}.room-message{font-size:30px;top:13%;right:9%;max-width:80%}.room-sun{font-size:45px}.room-item{width:145px}.room-chair{left:-3%;bottom:1%}.room-tv{left:22%;bottom:-7%;width:125px}.room-boxes{right:-5%;bottom:0;width:150px}.room-tire{left:45%;width:110px;bottom:5%}.pile-to-space figcaption{padding:11px;gap:8px;font-size:8px;letter-spacing:.03em}.clean-toggle{padding:8px 10px;font-size:10px;flex-shrink:0}.cleared-floor span{font-size:80px;top:5%;right:2%}.service-page-hero>.paper-margin .paper-slot-0{left:auto;right:0;width:65px;opacity:.3}.service-page-hero>.paper-margin .paper-slot-1{bottom:0;width:70px;opacity:.4}.service-body section[data-paper]>.paper-margin .star-one{font-size:25px;opacity:.25}.crew-portraits{transform:perspective(1000px) rotateY(calc((var(--paper-p) - .5)*3deg))}}
@media(prefers-reduced-motion:reduce){[data-paper]{--paper-p:.55!important;--paper-x:0!important;--paper-y:0!important}.paper-bit,.paper-star,.crew-portraits,.room-item,.room-message,.room-sun{transform:none!important}.room-message{opacity:1}.pile-to-space[data-static-clear="true"] .room-item{opacity:0}.clear-stage .cleared-floor{clip-path:none}.clear-stage .ink-spill{opacity:.4}.clear-stage .junk-object{opacity:.5}}
.motion-paused [data-paper]{--paper-x:0!important;--paper-y:0!important}.motion-paused .paper-bit,.motion-paused .paper-star,.motion-paused .crew-portraits{transform:none!important}

/* Worn photographic objects; fine felt and pressed paper, October 21 refinement. */
.garage-rainbow,.service-art,.friendship-patch,.round-sticker,.show-poster,.paper-room,.area-graphic,.truck-strip,.proof{background-image:url('/assets/felt-paper.webp');background-size:256px 256px;background-blend-mode:multiply}
.paper-room{background-image:linear-gradient(180deg,#f8e4b877 0 72%,#eac27899 72%),url('/assets/felt-paper.webp');background-size:auto,256px 256px}
.clear-stage:before{content:'';position:absolute;inset:0;background:url('/assets/felt-paper.webp') repeat;background-size:240px;opacity:.09;mix-blend-mode:screen;pointer-events:none;z-index:-1}
.show{background-image:linear-gradient(#782f27e8,#782f27e8),url('/assets/felt-paper.webp');background-size:auto,256px}
.site-header{background:#fff4daed;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:#222a2733;box-shadow:0 4px 24px #4828150a}
.button{clip-path:none;border-radius:22px 9px 22px 9px;border:1px solid #222a272b;box-shadow:inset 0 1px 0 #ffffff55,inset 0 -3px 0 #0002,3px 5px 0 #222a2725,0 10px 20px #222a2712;filter:none;transition:transform .2s,box-shadow .2s}
.button:after{border-radius:17px 5px 17px 5px;inset:5px;opacity:.48}
.button:hover{filter:none;box-shadow:inset 0 1px 0 #ffffff55,4px 7px 0 #222a2725,0 13px 22px #222a2718;transform:translateY(-3px) rotate(-.7deg)}
.button:active{transform:translateY(1px);box-shadow:inset 0 2px 3px #0003,1px 2px 0 #222a2725}
.button:focus-visible{outline:3px solid var(--ink);outline-offset:5px;filter:none}
.clear-stage .button:focus-visible,.show .button:focus-visible,.final-cta .button:focus-visible{outline-color:var(--cream)}
.button.small{border-radius:30px 13px 30px 13px}.button.small:after{border-radius:24px 9px 24px 9px}
.service-tabs button{border-radius:20px 20px 7px 7px;box-shadow:2px 4px 0 #222a2755;transition:transform .2s,box-shadow .2s}.service-tabs button:hover{transform:translateY(-2px)}
.service-panel{border-radius:24px 24px 32px 12px;overflow:hidden;box-shadow:7px 9px 0 #222a2714,0 25px 45px #4828150c}.service-art{border-radius:22px 0 0 10px}
.pile-to-space{border-radius:28px 12px 24px 12px;box-shadow:6px 8px 0 #222a271b,0 22px 36px #48281512}.pile-to-space figcaption{position:relative;z-index:3;flex-wrap:wrap}
.clean-toggle{clip-path:none;border-radius:16px 7px 16px 7px;box-shadow:inset 0 1px 0 #fff4da33;min-height:44px}.clean-scrub{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.07em}.clean-scrub[hidden]{display:none}.clean-scrub input{width:130px;accent-color:var(--yellow);padding:0;min-height:44px;cursor:ew-resize;background:transparent}.clean-scrub input:focus-visible{outline:2px solid var(--yellow);outline-offset:3px;border-radius:5px}
.portrait{border-radius:7px 8px 12px 5px;box-shadow:2px 3px 0 #222a271a,8px 14px 20px #4828151d;background-image:url('/assets/felt-paper.webp');background-size:256px}.portrait img{border-radius:3px}.portrait-note,.photo-credit{font-size:11px!important;opacity:.7;margin-top:14px}.friendship-patch{box-shadow:0 10px 18px #222a2733,inset 0 0 0 2px #fff4da55}
.show-poster{border-radius:40px 40px 18px 18px;box-shadow:6px 9px 0 #222a2770,0 24px 45px #141b1822}.show-caption{border-radius:9px 3px 9px 3px}
.truck-strip{border-radius:0 0 32px 32px;overflow:hidden}.truck-strip>div:not(.paper-margin){position:relative;z-index:2}.truck-strip>.paper-margin{padding:0;align-self:stretch}.truck-strip img{object-position:center;aspect-ratio:3/2;object-fit:cover}
.service-aside,.service-directory a{border-radius:20px 7px 20px 7px;box-shadow:5px 7px 0 #222a2720}.service-directory a:hover{transform:translateY(-2px)}
.chat-trigger{border-radius:25px 12px 25px 12px;background:#222a27ed;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:4px 5px var(--red),0 12px 24px #222a272a}.chat-panel,dialog{border-radius:24px 12px 24px 12px;box-shadow:6px 8px 0 #222a2744,0 28px 80px #222a2730}
.paper-bit,.junk-object,.room-item,.paper-star{translate:var(--repel-x,0px) var(--repel-y,0px)}
@media(max-width:760px){.service-art{border-radius:22px 22px 0 0}.clean-scrub{order:3;flex-basis:100%;justify-content:space-between;font-size:8px}.clean-scrub input{width:55%;min-height:36px}.pile-to-space figcaption{gap:6px 10px}.truck-strip{border-radius:0 0 24px 24px}.truck-strip img{height:auto;min-height:260px}.show-poster{border-radius:28px 28px 14px 14px}.paper-bit{opacity:.82}.service-panel{border-radius:24px 24px 24px 10px}}
@media(prefers-reduced-motion:reduce){.paper-bit,.junk-object,.room-item,.paper-star{translate:0 0!important}.button,.service-tabs button,.service-directory a{transition:none}.button:hover,.service-tabs button:hover,.service-directory a:hover{transform:none}}
.motion-paused .paper-bit,.motion-paused .junk-object,.motion-paused .room-item,.motion-paused .paper-star{translate:0 0!important}
/* The closing headline gets a dark paper label for reliable contrast. */
.final-cta h2{color:var(--ink)}.final-cta h2 span{display:inline-block;color:var(--cream);background:var(--ink);padding:.02em .12em .08em;border-radius:18px 8px 18px 8px;text-shadow:none;box-shadow:4px 5px 0 #f5ba3766}
@media(max-width:760px){.final-cta h2{font-size:clamp(40px,10.6vw,75px)}.final-cta h2 span{border-radius:12px 5px 12px 5px}}
.hero h1 .red{background:var(--cream);border-radius:3px;box-shadow:4px 0 var(--cream),-2px 0 var(--cream);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.proof h2 .red{color:#c93922}
.final-cta h2{width:fit-content;max-width:100%;margin:0 auto 36px;padding:.12em .23em .18em;background:var(--ink);color:var(--cream);border-radius:26px 10px 26px 10px;box-shadow:5px 7px 0 #f5ba3777}
.final-cta h2 span{padding:0;background:transparent;color:var(--yellow);box-shadow:none;border-radius:0}
@media(max-width:760px){.final-cta h2{padding:.16em .16em .2em;border-radius:18px 7px 18px 7px}}
.final-cta h2{transform:none;padding-top:.3em;padding-bottom:.4em}

/* Keep the complete tire silhouette in its sprite cell and above the floor edge. */
.paper-tire,.room-tire{aspect-ratio:512/570;background-size:300% 179.649%;background-position:0 100%;clip-path:inset(2% 3% 3% 6%)}
@media(max-width:760px){.bros-copy h2 br{display:block}.chat-trigger{bottom:max(18px,env(safe-area-inset-bottom));right:14px;font-size:11px;padding:12px 15px;min-height:44px}.chat-trigger span{font-size:17px}}
