/* Section-by-section refinement: floating stickers, richer cases and mobile polish */
@keyframes stickerBob{0%,100%{translate:0 0}50%{translate:0 -14px}}
@keyframes stickerBobSoft{0%,100%{translate:0 0}50%{translate:5px -10px}}

.method-stickers{overflow:hidden}.method-stickers img{animation:stickerBob 4.8s ease-in-out infinite}.method-stickers .sticker-camera{animation-delay:-2.1s}

.services-red{position:relative}.services-title,.service-rail{position:relative;z-index:2}.services-sticker{position:absolute;z-index:3;width:138px;right:7vw;top:13%;filter:drop-shadow(12px 18px 14px #650d116e);transform:rotate(10deg);animation:stickerBobSoft 4.4s ease-in-out infinite}

.result-heading{grid-template-columns:1fr}.path-card:nth-child(2):after{content:none}
.work{overflow:hidden}

.case-intro-side img{width:150px;right:2%;top:-144px;animation:stickerBob 4s ease-in-out infinite;filter:drop-shadow(12px 18px 16px #14141444)}
.client-slide:nth-child(odd) .client-shot:after{content:none}
.client-copy h3{max-width:820px}
.client-copy dl{display:grid;gap:14px;position:relative;max-width:760px}
.client-copy dl div{position:relative;grid-template-columns:126px 1fr;gap:20px;padding:19px 21px;border:1px solid var(--black);background:var(--cream);box-shadow:8px 8px 0 var(--black);transition:transform .35s ease,box-shadow .35s ease}
.client-copy dl div:nth-child(2){background:var(--black);color:var(--cream);box-shadow:8px 8px 0 var(--red);transform:translateX(20px) rotate(.35deg)}
.client-copy dl div:nth-child(3){background:var(--red);color:var(--cream);box-shadow:8px 8px 0 var(--black);transform:translateX(7px) rotate(-.35deg)}
.client-copy dl div:hover{transform:translate(-4px,-5px) rotate(0);box-shadow:13px 13px 0 var(--black)}
.client-copy dl div:nth-child(2):hover{box-shadow:13px 13px 0 var(--red)}
.client-copy dt{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--red)}
.client-copy dt:before{font:25px/1 var(--anton);color:currentColor;opacity:.55}
.client-copy dl div:nth-child(1) dt:before{content:"01"}.client-copy dl div:nth-child(2) dt:before{content:"02"}.client-copy dl div:nth-child(3) dt:before{content:"03"}
.client-copy dl div:nth-child(2) dt{color:var(--red)}.client-copy dl div:nth-child(3) dt{color:var(--black)}
.client-copy dl div:nth-child(2) dd,.client-copy dl div:nth-child(3) dd{color:var(--cream)}
.client-copy dd{font-size:clamp(19px,1.55vw,24px);line-height:1.28}
.shot-sector{position:absolute;z-index:4;right:-28px;top:10%;padding:10px 17px;border-radius:99px;background:var(--red);color:var(--cream);box-shadow:7px 7px 0 var(--black);font:12px/1 var(--anton);letter-spacing:.11em;transform:rotate(7deg);animation:stickerBobSoft 4.2s ease-in-out infinite}

.color-photo .portrait-halo{display:none}

.voice-stickers img{animation:stickerBob 4.6s ease-in-out infinite}.voice-stickers .voice-megaphone{animation-delay:-1.6s}.voice-stickers img.voice-dog{display:block;width:178px;left:1.5vw;top:43%;transform:rotate(-6deg);animation-duration:5.3s;filter:drop-shadow(14px 20px 17px #000)}

.footer-scene img{animation:stickerBobSoft 4.6s ease-in-out infinite}.footer-scene img:nth-child(2){animation-delay:-1.5s}.footer-scene img:nth-child(3){animation-delay:-3s}

@media(max-width:900px){
  .services-sticker{width:105px;top:8%;right:5vw}
  .case-intro-side img{width:108px;top:-100px;right:3%}
  .client-copy dl div{grid-template-columns:112px 1fr}
  .voice-stickers img.voice-dog{width:135px;left:auto;right:2vw;top:42%}
}

@media(max-width:560px){
  .services-sticker{width:72px;top:5%;right:4vw}
  .method-stickers .sticker-eye{right:-14px}.method-stickers .sticker-camera{left:-16px}
  .result-heading>div{width:100%;min-width:0}.result-heading h2{max-width:100%;font-size:21.5vw}
  .case-intro-side img{width:88px;top:-82px;right:0}
  .client-slide{padding-top:76px;padding-bottom:76px}
  .client-copy dl{gap:12px}
  .client-copy dl div,.client-copy dl div:nth-child(2),.client-copy dl div:nth-child(3){grid-template-columns:1fr;gap:7px;padding:17px 16px;transform:none;box-shadow:6px 6px 0 var(--black)}
  .client-copy dl div:nth-child(2){box-shadow:6px 6px 0 var(--red)}
  .client-copy dd{font-size:19px}
  .shot-sector{right:-4px;top:7%;padding:9px 13px;font-size:10px;box-shadow:5px 5px 0 var(--black)}
  .voice-stickers img.voice-dog{display:block;width:108px;right:3vw;left:auto;top:35%;opacity:.9}
  .footer h2{font-size:16.5vw}
  summary i{display:block;flex:0 0 28px;width:28px;height:28px;line-height:28px;text-align:center}
  .footer-scene img{opacity:.68}
}

@media(prefers-reduced-motion:reduce){.method-stickers img,.services-sticker,.case-intro-side img,.shot-sector,.voice-stickers img,.footer-scene img{animation:none}}