/* Basura Bros. | Americana print system, v2 */
:root{--terracotta:#a95d38;--oxblood:#782f27;--stroke:2px solid var(--ink)}
body:before{opacity:.045}.site-header{max-width:none;background:var(--cream);border-bottom:2px solid var(--ink);padding-block:8px}.brand{width:235px}.site-header nav{gap:22px}.button{position:relative;border-radius:0;padding:21px 30px;clip-path:polygon(6% 0,94% 0,100% 20%,100% 80%,94% 100%,6% 100%,0 80%,0 20%);box-shadow:none;filter:drop-shadow(3px 5px 0 #222a2770);letter-spacing:.01em;isolation:isolate}.button:after{content:'';position:absolute;inset:5px;border:1px dashed currentColor;opacity:.5;clip-path:inherit;pointer-events:none}.button:hover{transform:translateY(-3px) rotate(-1deg);box-shadow:none;filter:drop-shadow(5px 8px 0 #222a2740)}.button:active{transform:translateY(1px)}.button:focus-visible{outline:0;filter:drop-shadow(0 0 3px var(--red)) drop-shadow(0 0 5px white)}.button.small{padding:16px 24px}.text-link:hover{color:var(--red)}
.hero{min-height:755px;padding-top:75px;overflow:hidden;isolation:isolate;background:var(--cream)}.hero h1{font-size:clamp(60px,7.7vw,118px);text-shadow:2px 3px var(--cream),4px 5px #222a2720}.hero-description{max-width:380px;font-size:19px}.hero-copy{max-width:560px}.hero-art{width:67%;right:-3%;top:150px;transform:translate3d(calc(var(--pointer-x,0)*-9px),calc(var(--pointer-y,0)*-5px + var(--hero-exit,0)*35px),0) rotate(-2deg);will-change:transform}.main-art{mix-blend-mode:normal;animation:none;filter:drop-shadow(10px 17px 4px #48281522)}.garage-rainbow{position:absolute;width:650px;height:650px;top:42px;right:2%;border-radius:50% 50% 4% 4%;background:var(--yellow);box-shadow:0 0 0 14px var(--cream),0 0 0 29px var(--red),0 0 0 38px var(--cream),0 0 0 47px var(--blue);z-index:-1;transform:rotate(6deg) translate(calc(var(--pointer-x,0)*3px),calc(var(--hero-exit,0)*-30px));opacity:.8}.garage-rainbow:after{content:'';position:absolute;inset:25px;border:2px solid #fff4da88;border-radius:inherit}.round-sticker{top:-100px;right:12%;border-radius:0;clip-path:polygon(50% 0,60% 8%,73% 5%,79% 17%,92% 20%,92% 34%,100% 44%,94% 56%,98% 69%,85% 77%,80% 91%,66% 90%,55% 100%,43% 93%,28% 97%,21% 85%,8% 80%,8% 65%,0 55%,7% 42%,3% 29%,16% 21%,22% 8%,37% 10%);width:145px;height:145px;box-shadow:none;background:var(--blue);font-size:11px;padding:20px;transform:rotate(12deg)}.round-sticker span{font-size:30px}.handwritten{bottom:3%;right:13%;z-index:2;display:none}.art-caption{bottom:-10px;left:35%;font-size:9px;background:var(--cream);padding:4px 8px}.hero-foot{position:absolute;inset:auto 4% 0;margin:0;padding:24px 0}.hero-spark{position:absolute;font:100px Georgia;color:var(--red);line-height:1;z-index:2;pointer-events:none;transform:translate(calc(var(--pointer-x,0)*15px),calc(var(--pointer-y,0)*12px)) rotate(12deg)}.spark-a{top:24px;left:47%}.spark-b{bottom:88px;left:36%;font-size:68px;color:var(--blue)}.hero-serial{position:absolute;right:3%;top:30px;font-size:9px;letter-spacing:.18em;line-height:1.7;transform:rotate(90deg);transform-origin:right top}.ticker{transform:rotate(-1deg);position:relative;z-index:5;width:102%;margin-left:-1%;box-shadow:0 7px 0 var(--cream),0 9px 0 var(--ink)}
.services{padding-top:110px}.services .section-top{margin-bottom:22px}.service-tabs{border:0;border-radius:0;gap:10px;overflow:visible}.service-tabs button{border:2px solid var(--ink)!important;border-radius:40% 40% 0 0 / 12px 12px 0 0;padding:22px 15px;background:var(--paper);position:relative;box-shadow:3px 3px 0 var(--ink)}.service-tabs button[aria-selected=true]{background:var(--blue);box-shadow:3px 5px 0 var(--red)}.service-tabs button[aria-selected=true]:hover{background:var(--blue)}.service-panel{border:2px solid var(--ink);border-radius:4px;box-shadow:7px 9px 0 #222a2720;min-height:500px}.service-art{background:var(--cream);min-height:480px;border-right:2px solid var(--ink)}.service-scene{width:88%;aspect-ratio:1;background-image:url('/assets/service-scenes.webp');background-size:200% 200%;background-repeat:no-repeat;position:relative;z-index:2;mix-blend-mode:multiply;transition:transform .4s}.service-art:hover .service-scene{transform:rotate(-2deg) scale(1.025)}.service-scene[data-scene=junk]{background-position:0 0}.service-scene[data-scene=cleanout]{background-position:100% 0}.service-scene[data-scene=business]{background-position:0 100%}.service-scene[data-scene=snow]{background-position:100% 100%}.paper-number{font-size:160px;top:-20px;left:8px;color:#ef4b2c12}.service-stamp{font-size:19px;background:var(--blue);color:var(--cream);padding:12px 15px;right:14px;top:14px;clip-path:polygon(0 8%,92% 0,100% 90%,8% 100%);max-width:160px}.service-note{z-index:3;bottom:12px;background:var(--cream);padding:3px 14px;font-size:17px}.service-info{align-self:center;padding:45px}.service-info h3{font-size:38px}.service-info .eyebrow{line-height:1.6}.how{background:var(--paper)}.step-number{border-radius:0;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);box-shadow:none;width:76px;height:76px}.steps article{border-top:3px solid var(--ink);padding-top:25px}.steps{gap:5%}
.clear-stage{background:var(--ink);color:var(--cream);min-height:730px;overflow:hidden;display:grid;place-items:center;text-align:center;padding-top:90px;padding-bottom:100px;isolation:isolate}.clear-copy{position:relative;z-index:3;max-width:850px}.clear-copy h2{font-size:clamp(38px,6.7vw,100px);line-height:1.1;text-shadow:3px 4px var(--ink)}.clear-copy h2 span{color:var(--yellow)}.clear-copy p{font-size:19px;margin:28px 0 25px}.garage-seal{display:inline-block;transform:rotate(-5deg);font-size:10px;line-height:1.4;letter-spacing:.13em;margin-bottom:28px;border-block:1px solid;padding:8px 20px;color:var(--yellow)}.ink-spill{position:absolute;inset:6% 14%;background:#141b18;border-radius:38% 62% 73% 27% / 51% 37% 63% 49%;transform:rotate(calc(var(--clear-progress,0)*-16deg)) scale(calc(1 + var(--clear-progress,0)*.15));box-shadow:110px 70px 0 -40px #141b18,-150px -90px 0 -90px #141b18;z-index:-1}.ink-spill:after{content:'';position:absolute;width:90px;height:80px;border:12px double #fff4da0c;border-radius:50%;right:-100px;top:0}.junk-layer{position:absolute;inset:0;pointer-events:none;z-index:2}.junk-object{position:absolute;width:clamp(125px,17vw,245px);aspect-ratio:1;background:url('/assets/junk-objects.webp') no-repeat;background-size:300% 200%;filter:drop-shadow(10px 18px 5px #0006);transform:translate3d(calc(var(--jx,0)*1px),calc(var(--jy,0)*1px),0) rotate(calc(var(--jr,0)*1deg));will-change:transform}.object-oil{background-position:0 0;left:-3%;top:1%;--base-rot:-18}.object-chair{background-position:50% 0;left:8%;bottom:1%;--base-rot:12}.object-tools{background-position:100% 0;right:-3%;top:0;--base-rot:16}.object-tire{background-position:0 100%;right:8%;bottom:-4%;--base-rot:-14}.object-tv{background-position:50% 100%;left:32%;top:-16%;--base-rot:12}.object-boxes{background-position:100% 100%;right:31%;bottom:-24%;--base-rot:-12}.clear-foot{position:absolute;bottom:15px;left:0;right:0;font-size:9px;letter-spacing:.15em;z-index:5}.clear-foot span{margin:0 35px;color:var(--yellow)}
.bros{gap:7%;padding-top:125px;padding-bottom:125px}.crew-portraits{position:relative;min-height:550px;display:flex;align-items:center}.portrait{margin:0;width:58%;background:var(--paper);padding:10px 10px 22px;box-shadow:6px 10px 0 #222a2720;position:absolute;transform:rotate(-8deg);top:0;left:0}.portrait img{width:100%;height:360px;object-fit:cover}.portrait figcaption{padding:12px 5px 0;font:22px var(--display);line-height:1}.portrait figcaption span{display:block;font:11px var(--sans);margin-top:8px}.harlin-photo{left:40%;top:90px;transform:rotate(6deg)}.harlin-photo img{object-position:50% 30%}.friendship-patch{position:absolute;bottom:0;left:7%;font:19px var(--display);line-height:1.1;border:3px double var(--cream);outline:6px solid var(--blue);background:var(--blue);color:var(--cream);padding:16px 25px;text-align:center;border-radius:50% 50% 8% 8%;transform:rotate(-9deg)}.show{background:var(--oxblood);border-block:10px solid var(--ink)}.show .eyebrow{color:var(--cream)}.show-poster{background:var(--yellow);border:6px double var(--cream);border-radius:50% 50% 0 0 / 35px 35px 0 0;min-height:520px}.show-poster img{mix-blend-mode:normal;width:70%;right:-6%;bottom:-2%;top:auto;position:absolute}.show-poster:before{display:none}.show-poster strong{font-size:clamp(35px,6vw,90px);color:var(--cream);text-shadow:4px 5px var(--oxblood);left:5%;top:19%;line-height:1.05;max-width:60%}.show-tape{background:var(--blue);color:var(--cream)}.show-caption{color:var(--ink);background:var(--cream);padding:10px 20px}.play-button{background:var(--blue);color:var(--cream)}.truck-strip{display:grid;grid-template-columns:1fr 1fr;background:var(--yellow);border-bottom:3px solid var(--ink)}.truck-strip img{width:100%;height:540px;object-fit:cover;object-position:center 56%}.truck-strip>div{padding:60px 12%;align-self:center}.truck-strip h2{font-size:clamp(32px,4vw,60px);margin:18px 0}.mini-stars{letter-spacing:14px;font-size:28px;color:var(--red)}.area-graphic{border:5px double var(--blue);border-radius:50% 50% 8% 8%;background:var(--paper);box-shadow:9px 10px 0 #2456cf20}.proof{background:var(--paper);border-block:2px solid var(--ink)}.final-cta{background:var(--red);color:var(--cream);border-top:12px solid var(--ink);text-align:center}.final-cta h2{font-size:clamp(55px,9vw,140px)}.final-cta h2 span{color:var(--yellow)}.final-cta .button{margin-top:25px;padding-inline:45px}.cta-star{color:var(--yellow);opacity:.8}.final-cta:before,.final-cta:after{content:'★';position:absolute;top:30%;font:100px Georgia;color:var(--yellow)}.final-cta:before{left:5%;transform:rotate(-15deg)}.final-cta:after{right:5%;transform:rotate(15deg)}footer{border-top:2px solid var(--ink)}.footer-links{flex-wrap:wrap;max-width:360px}.chat-trigger{border-radius:50% 50% 10% 10% / 20% 20% 10% 10%;border:2px solid var(--cream);box-shadow:4px 5px var(--red)}
.content-page{max-width:1380px;padding:65px 5% 90px}.content-page>h1{max-width:1050px}.service-page-hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:45px;border-bottom:2px solid var(--ink);padding-bottom:40px;margin-bottom:40px}.service-page-hero h1{font:clamp(38px,5vw,74px)/1.05 var(--display);margin:15px 0 25px}.service-page-hero .service-scene{width:100%;border-radius:6px}.service-body{display:grid;grid-template-columns:1fr 265px;gap:70px}.service-body section{padding:15px 0 25px;border-bottom:1px solid var(--line);scroll-margin-top:25px}.service-body h2{font:30px/1.15 var(--display);max-width:800px;margin:15px 0 22px}.service-body h3{font-size:23px}.service-body p,.service-body li{font-size:17px;max-width:850px}.service-body li{margin:10px 0}.service-aside{align-self:start;position:sticky;top:25px;border:2px solid var(--ink);padding:23px;background:var(--yellow);box-shadow:5px 6px 0 #222a2720}.service-aside h2{font-size:21px;margin-top:0}.service-aside a{display:block;font-size:14px;border-top:1px solid #222a2740;padding:12px 0}.service-aside .button{font-size:13px;padding:16px;display:flex}.page-faq details{padding:18px 0;border-bottom:1px solid var(--line)}.page-faq summary{font-weight:700;cursor:pointer}.page-faq p{margin:18px 0}.service-links{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.service-links a{font-weight:700;color:var(--blue);border-bottom:1px solid;padding-bottom:3px}.service-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-directory a{padding:25px;background:var(--paper);border:2px solid var(--ink);box-shadow:4px 5px #222a2720}.service-directory h2{font-size:25px}.service-directory p{font-size:15px}.breadcrumb{font-size:12px;margin-bottom:28px}.seasonal-note{border-left:5px solid var(--blue);background:#2456cf0b;padding:16px 20px;font-size:14px}.service-index-links{margin:30px 0 0;display:flex;gap:12px;flex-wrap:wrap}.service-index-links a{border-bottom:1px solid;font-size:13px;font-weight:700}
@media(min-width:1601px){.hero{min-height:800px}.hero-art{top:135px;width:64%}.garage-rainbow{right:6%}}
@media(max-width:1100px){.site-header nav{gap:13px;font-size:12px}.brand{width:190px}.hero{min-height:690px}.hero-art{width:70%;top:200px;right:-9%}.hero-copy{max-width:470px}.garage-rainbow{width:540px;height:540px;right:-13%;top:70px}.hero h1{font-size:77px}.hero-description{font-size:17px;max-width:320px}.round-sticker{top:-100px;right:19%;width:120px;height:120px;font-size:9px}.spark-a{left:48%;top:50px;font-size:75px}.service-info{padding:30px}.service-info h3{font-size:31px}.service-art{min-height:400px}.service-panel{min-height:420px}.clear-copy h2{font-size:70px}.portrait img{height:300px}.crew-portraits{min-height:490px}.service-body{gap:35px;grid-template-columns:1fr 225px}.show-poster{min-height:450px}}
@media(max-width:760px){.site-header{min-height:90px;padding:7px 5%;gap:12px}.brand{width:150px}.site-header .button{font-size:11px;padding:12px 17px;gap:10px}.site-header nav{background:var(--cream);border-bottom:2px solid var(--ink);font-size:16px}.hero{padding:40px 6% 0;min-height:870px}.hero-copy{max-width:100%;pointer-events:auto}.hero h1{font-size:clamp(54px,11vw,82px);max-width:570px}.hero-description{font-size:17px;max-width:360px;margin:22px 0}.hero-location{font-size:10px}.actions{gap:20px}.actions .button{font-size:13px;padding:18px 23px;gap:17px}.hero-art{width:112%;right:-5%;top:auto;bottom:95px;transform:translate3d(0,calc(var(--hero-exit,0)*15px),0) rotate(-2deg)}.garage-rainbow{width:410px;height:370px;top:auto;bottom:60px;right:-10%;opacity:.7}.round-sticker{width:99px;height:99px;top:-22px;right:13%;font-size:8px;transform:rotate(13deg);padding:12px}.round-sticker span{font-size:23px}.spark-a{right:5%;left:auto;top:28px;font-size:55px}.spark-b{bottom:320px;left:4%;font-size:49px}.hero-serial{display:none}.hero-foot{inset:auto 6% 0;font-size:8px;gap:10px;padding:15px 0;flex-wrap:wrap}.hero-foot>span:nth-child(2){display:none}.art-caption{bottom:-5px;left:20%;font-size:7px}.ticker>div{font-size:20px}.section{padding:65px 6%}.services{padding-top:75px}.service-tabs{grid-template-columns:1fr 1fr;gap:10px}.service-tabs button{padding:15px 12px;font-size:10px}.service-tabs button span{font-size:13px}.service-panel{grid-template-columns:1fr}.service-art{min-height:320px;border-right:0;border-bottom:2px solid var(--ink)}.service-scene{width:min(85%,390px)}.service-info{padding:30px 26px}.service-info h3{font-size:32px}.service-note{font-size:15px}.service-stamp{font-size:15px;padding:10px 13px}.steps{gap:20px}.clear-stage{min-height:630px;padding:90px 6%;}.clear-copy{max-width:90%;z-index:3}.clear-copy h2{font-size:clamp(35px,8vw,58px)}.clear-copy p{font-size:15px;margin:23px 0}.clear-copy .button{font-size:12px;padding:18px 22px}.junk-object{width:135px;opacity:.82}.object-oil{left:-12%;top:4%}.object-tools{right:-15%;top:0}.object-chair{left:-13%;bottom:7%}.object-tire{right:-12%;bottom:7%}.object-tv{left:35%;top:-11%}.object-boxes{display:none}.clear-foot{font-size:7px;bottom:5px}.clear-foot span{margin:0 10px}.bros{padding-top:85px;gap:40px}.crew-portraits{min-height:470px;width:100%;max-width:500px;margin:auto}.portrait img{height:290px}.harlin-photo{top:70px}.friendship-patch{font-size:14px;padding:10px 17px;bottom:0}.bros-copy h2{font-size:45px}.show-poster{min-height:470px;border-radius:18px 18px 0 0}.show-poster strong{top:15%;left:6%;font-size:38px;max-width:90%}.show-poster img{width:108%;right:-7%;bottom:8%}.show-tape{font-size:9px}.show-caption{font-size:8px;left:5%;bottom:12px;padding:8px}.play-button{width:50px;height:50px;font-size:25px;right:6%;top:16%}.truck-strip{grid-template-columns:1fr}.truck-strip img{height:350px}.truck-strip>div{padding:40px 8%}.truck-strip h2{font-size:42px}.area-graphic{min-height:370px}.final-cta h2{font-size:clamp(52px,11vw,75px)}.final-cta:before,.final-cta:after{font-size:30px;top:25px}.final-cta:before{left:8%}.final-cta:after{right:8%}.final-cta .button{padding-inline:25px;font-size:13px}.cta-star{display:none}.content-page{padding:35px 6% 70px}.service-page-hero{grid-template-columns:1fr;gap:10px}.service-page-hero h1{font-size:42px}.service-page-hero .service-scene{max-width:370px;margin:auto}.service-body{grid-template-columns:1fr;gap:25px}.service-aside{position:static;order:2}.service-directory{grid-template-columns:1fr}.service-body h2{font-size:27px}.service-body p,.service-body li{font-size:16px}}
@media(max-width:390px){.hero{min-height:835px}.hero-art{bottom:105px}.hero h1{font-size:53px}.site-header .button{font-size:10px;padding:11px 14px}.brand{width:128px}.actions{gap:14px}.actions .button{padding:17px 18px;font-size:12px}.actions .text-link{font-size:12px}.hero-foot>span:nth-child(3){max-width:130px}.hero-spark{display:none}.crew-portraits{min-height:425px}.portrait img{height:245px}.service-info{padding:26px 22px}.clear-copy h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art,.garage-rainbow,.hero-spark,.junk-object,.ink-spill{transform:none!important;will-change:auto}.service-scene{transition:none}.button{transition:none}}.motion-paused .hero-art,.motion-paused .garage-rainbow,.motion-paused .hero-spark,.motion-paused .junk-object,.motion-paused .ink-spill{transform:none!important;will-change:auto}
.page-people{display:flex;gap:15px;align-items:center;transform:rotate(-3deg)}.page-people img{width:48%;aspect-ratio:4/5;object-fit:cover;border:9px solid var(--paper);box-shadow:5px 7px #222a2720}.page-people img+img{transform:translateY(30px) rotate(8deg)}
/* Measured composition corrections after the pilot review. */
body{overflow-x:clip}.hero-foot{background:var(--cream)}.bros>*{min-width:0}.show-poster:after{display:none}.show-poster img{opacity:1;min-height:0;height:auto;object-fit:contain}.hero-art{position:absolute;margin:0}.hero-serial{display:none}
@media(min-width:1101px){.hero{min-height:810px}.hero-art{width:61%;right:-1%;top:155px}.hero-foot{padding-block:23px}}
@media(max-width:800px) and (min-width:761px){.hero{min-height:730px}.hero-art{width:80%;top:300px;right:-5%}.hero-foot{position:absolute;bottom:0}}
@media(max-width:760px){.hero-art{position:absolute;top:auto;right:-5%;bottom:105px;margin:0}.crew-portraits{width:100%;max-width:100%}.portrait{width:56%}.harlin-photo{left:42%}.hero-foot{margin:0}.bros-copy h2{overflow-wrap:normal}.hero-location{position:relative;z-index:4}}
.ticker{width:100%;margin-left:0;transform:none}.junk-object{clip-path:inset(2% 2% 10% 2%)}.clear-copy h2.reveal,.services h2.reveal{opacity:1;transform:none}

.service-page-hero>*{min-width:0}.service-page-hero h1{overflow-wrap:anywhere}
@media(max-width:760px){.bros .bros-copy h2{font-size:clamp(35px,9.8vw,45px);letter-spacing:-.04em}}

.portrait-note{font-size:11px!important;opacity:.7;margin-top:18px}.portrait img{object-position:50% 25%}.harlin-photo img{object-position:50% 25%}
