:root{--cream:#f3e9d6;--ink:#11120e;--red:#e42b23}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--ink);color:var(--ink);font-family:'Barlow Condensed',Impact,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.site{width:100%;max-width:1600px;margin:auto;position:relative;background:var(--cream)}.art-section{position:relative;overflow:hidden}.sheet{position:absolute;width:100%;height:auto;left:0;display:block;pointer-events:none;user-select:none}.desktop-header{z-index:10}.hotspot{position:absolute;display:block;z-index:2;border:0;background:transparent;padding:0;cursor:pointer;border-radius:5px}.hotspot:hover{background:#ffffff0a;box-shadow:inset 0 0 0 2px #fff8}.hotspot:focus-visible{outline:3px solid #e42b23;outline-offset:-4px;box-shadow:inset 0 0 0 6px var(--cream)}.sr,.semantic{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:15px;z-index:100;background:var(--cream);padding:15px;font-weight:bold}.skip:focus{top:10px}.mobile-header,.mobile-characters,.mobile-services,.mobile-gallery,.mobile-cta,.mobile-end{display:none}.sprite{position:relative;overflow:hidden;width:100%;flex-shrink:0}.sprite img{position:absolute;height:auto;max-width:none;display:block;pointer-events:none}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 25px;border:1px solid var(--cream);border-radius:50px;background:var(--red);color:#fff9e9;font-size:22px;font-weight:800;line-height:1.1;text-align:center}.cta:hover{background:#bc1c16}.cta:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #e94b32;outline-offset:4px}.menu{position:absolute;right:1.5%;top:4.1vw;z-index:30;width:min(330px,95%);padding:18px;background:var(--ink);color:var(--cream);border:1px solid var(--cream);box-shadow:0 12px 30px #0008}.menu[hidden]{display:none}.menu a{display:block;padding:12px 15px;font-size:22px;font-weight:800}.menu a:hover{background:var(--red)}dialog{width:min(620px,calc(100% - 28px));max-height:92dvh;overflow:auto;border:2px solid var(--ink);background:var(--cream);padding:22px;color:var(--ink)}dialog::backdrop{background:#000b}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-heading h2{font-size:32px;line-height:1;margin:0}.dialog-heading button{background:none;border:0;font-size:38px;width:44px;height:44px}.gallery-context{font:14px/1.5 Arial,sans-serif;margin:10px 0 20px}.dialog-art{max-width:330px;margin:auto}figure{margin:0}figure[hidden]{display:none}figcaption{text-align:center;font-size:23px;font-weight:700;margin:12px 0}.gallery-controls{display:flex;align-items:center;justify-content:space-between;margin:16px 0}.gallery-controls button{width:48px;height:44px;border:1px solid var(--ink);background:var(--ink);color:var(--cream);font-size:26px}dialog>.cta{width:100%;font-size:19px}
.mobile-cta{display:none}@media(min-width:1600px){.menu{top:64px}}@media(max-width:700px){html{scroll-padding-top:75px}.desktop-header{display:none}.mobile-header{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--ink);position:sticky;top:0;z-index:20}.mobile-header>a:first-child{width:110px;flex-shrink:0}.mobile-header .cta{font-size:15px;min-height:40px;padding:10px 14px;margin-left:auto}.menu-button{color:var(--cream);background:none;border:0;font-size:27px;padding:0;min-width:36px;min-height:44px}.menu{position:fixed;top:70px;right:10px;width:min(340px,calc(100% - 20px))}.art-section{aspect-ratio:auto!important}.art-section>.sheet,.hotspot{display:none}.semantic{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.hero{padding:28px 14px 25px;text-align:center;background:var(--cream)}h1{font-size:clamp(32px,8vw,56px);line-height:.95;font-weight:900;transform:rotate(-3deg);margin:8px 0 20px;letter-spacing:-.025em}h1 strong{display:block;color:var(--red);font-size:clamp(76px,21vw,135px);line-height:.96;letter-spacing:-.025em}h1 span{display:block;font-size:clamp(22px,6vw,40px);line-height:1.1;margin-top:7px}.hero-tagline{font-size:14px;font-weight:700;font-style:italic}.mobile-characters{display:flex;margin:20px -14px 12px;align-items:flex-end}.mobile-characters .sprite{width:50%}.mobile-cta{display:inline-flex}.hero>.cta{width:85%;max-width:350px}.services{background:var(--ink);color:var(--cream);padding:18px 10px}.mobile-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 5px}.mobile-services a{text-align:center;min-width:0}.mobile-services h3{font-size:clamp(14px,4vw,21px);line-height:1.05;margin:7px 0 2px}.mobile-services span{font-size:26px;line-height:1}.work{padding:32px 0 28px;text-align:center;background:var(--cream)}.work-title{padding-inline:15px}.work h2{font-size:clamp(36px,9vw,55px);line-height:1;margin:0 0 7px;font-weight:900;letter-spacing:-.025em}.work p{font-size:16px;font-weight:700;margin:0}.mobile-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;margin:24px 0 22px;padding:0 15px 12px;scrollbar-color:var(--red) var(--cream)}.mobile-gallery button{flex:0 0 68%;scroll-snap-align:center;border:0;padding:0;background:none;max-width:300px}.process{padding:28px 22px 35px;text-align:center;background:var(--cream);border-top:1px solid #1112}.process-title h2{font-size:36px;line-height:1;margin:0 0 8px;font-weight:900}.process-title p{font-size:17px;line-height:1.1;font-weight:700;margin:0}.steps{list-style:none;display:flex;flex-direction:column;gap:18px;margin:30px auto 25px;max-width:340px}.steps li{position:relative;display:grid;grid-template-columns:60px 1fr;text-align:left;align-items:center;gap:5px 15px}.step-num{font-size:65px;font-style:italic;font-weight:900;line-height:1}.steps h3{font-size:25px;line-height:1;margin:0;max-width:190px}.steps .sprite{grid-column:1/-1;width:85%;max-width:270px;margin:auto}.footer{background:var(--ink);color:var(--cream);padding:30px 16px;text-align:center}.footer-info h2{font-size:27px;margin:0 0 5px}.footer-info p{font-size:15px;margin:0 0 15px}.footer-info a{display:block;font:14px/1.5 Arial,sans-serif;padding:5px}.mobile-end{display:block;margin:20px -16px 15px}.footer-good{font-size:18px;line-height:1.4}.footer-good p{margin:12px 0}.footer-good p:last-child{font-size:14px}.sheet{content-visibility:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.hotspot,.menu,.skip{display:none}}

@media(max-width:700px){.mobile-characters .sprite:first-child{clip-path:polygon(0 0,88% 0,86% 65%,100% 90%,100% 100%,0 100%)}.mobile-characters .sprite:last-child{clip-path:polygon(18% 0,100% 0,100% 100%,0 100%,0 87%,18% 65%)}.mobile-cta{display:inline-flex}}

/* Keep the squeegee crown above the mobile mascot crop. */
@media(max-width:700px){
.hero-text{background:transparent;position:relative;z-index:1}
.mobile-characters .sprite:first-child{aspect-ratio:342/427!important;clip-path:polygon(0 15.22%,56.7% 15.22%,61.4% 10.5%,62.5% 7.5%,64% 6%,66% 4.8%,69% 4%,72% 3.8%,75% 4.3%,78% 5.3%,81% 7%,84% 9.5%,86% 13%,88% 18%,91% 29%,86% 70%,100% 92%,100% 100%,0 100%)}
.mobile-characters .sprite:first-child img{top:0!important}
}

@media(max-width:700px){
.steps li:nth-child(1) .sprite{clip-path:polygon(0 18%,45% 18%,55% 5%,65% 5%,75% 17%,97% 17%,97% 100%,0 100%)}
.steps li:nth-child(2) .sprite{clip-path:polygon(0 27%,30% 27%,40% 3%,74% 3%,78% 30%,100% 30%,100% 100%,0 100%)}
.steps li:nth-child(3) .sprite{clip-path:polygon(12% 30%,18% 30%,18% 12%,40% 12%,43% 0,87% 0,90% 80%,85% 100%,12% 100%)}
.mobile-end .sprite{aspect-ratio:400/252!important}
.mobile-end .sprite img{width:256%!important;left:-77.5%!important}
}

@media(max-width:700px){
.steps li:nth-child(3) .sprite{aspect-ratio:220/159!important;clip-path:polygon(10% 32%,16% 32%,16% 20%,30% 20%,32% 12%,35% 12%,38% 2%,95% 2%,95% 100%,10% 100%)}
.steps li:nth-child(3) .sprite img{top:-701.2578616352%!important}
}

/* Production credit replaces the original footer slogan. */
@media(min-width:701px){
.footer-good{position:absolute;left:78%;top:19%;width:14%;height:32%;margin:0;padding:8px 3px;overflow:visible;clip:auto;white-space:normal;background:#11120e;color:var(--cream);display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(12px,1.7vw,25px);line-height:1.2;letter-spacing:.03em}
.footer-good p{margin:0}
.footer-good p:last-child{display:none}
}
@media(max-width:700px){.footer-good p:first-child{font-size:17px;letter-spacing:.07em}}

.custom-promo{padding:42px 22px;text-align:center;background:var(--ink);color:var(--cream)}.custom-promo h2{font-size:clamp(36px,5vw,68px);line-height:1;margin:12px 0;font-weight:900}.custom-promo p{font-size:19px;margin:12px auto;max-width:680px}.custom-promo>p:first-child{font-size:14px;letter-spacing:2px}.custom-promo .cta{margin-top:10px}


/* Preserve the original hoodie composition within the gallery sheet. */
.hoodie-panel{clip-path:polygon(64.6% 48.45%,82.1% 48.45%,77.85% 63.42%,60.4% 63.42%);pointer-events:none}

/* Individually restored, full-resolution artwork in the original gallery. */
.detail-panel{position:absolute;top:34.83%;height:64.61%;overflow:hidden;pointer-events:none}
.detail-panel img{width:100%;height:100%;object-fit:cover;display:block}
.detail-shirt{left:0;width:23.85%;clip-path:polygon(0 0,100% 0,80% 100%,0 100%)}
.detail-shirt img{object-position:50% 50%}
.detail-hoodie{left:60.5%;width:21.7%;clip-path:polygon(19% 0,100% 0,81% 100%,0 100%)}
.detail-van{left:78.8%;width:21.2%;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%)}
.detail-crop{aspect-ratio:204.8/230;overflow:hidden}.detail-crop img{display:block;width:100%;height:100%;object-fit:cover}
.detail-endcard{position:absolute;left:26%;top:0;width:48%;height:100%;object-fit:fill;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);pointer-events:none}
.detail-end-mobile{display:block;width:100%;height:auto}
@media(max-width:700px){.detail-panel,.detail-endcard{display:none}}
@media(min-width:701px){.detail-endcard{left:30%;width:40%}}
