[data-sig="neighbourhood-groomer-towel"]{height:155dvh;position:relative;view-timeline-name:--towel;view-timeline-axis:block;margin:0 16px}[data-sig="neighbourhood-groomer-towel"] .stage{position:sticky;top:0;height:calc(100dvh - 16px);min-height:650px;border-radius:24px;overflow:hidden;background:var(--surface)}[data-sig="neighbourhood-groomer-towel"] .photo-stack,[data-sig="neighbourhood-groomer-towel"] picture{position:absolute;inset:0}[data-sig="neighbourhood-groomer-towel"] .photo-stack img{width:100%;height:100%;object-fit:cover;object-position:center 53%}[data-sig="neighbourhood-groomer-towel"] .before{z-index:1}[data-sig="neighbourhood-groomer-towel"] .towel-plate{position:absolute;inset:0;z-index:2;background:transparent!important;pointer-events:none}[data-sig="neighbourhood-groomer-towel"] .hero-copy{position:absolute;z-index:3;left:calc(var(--edge) - 16px);bottom:100px;width:34%;padding:28px 24px;background:var(--paper);border-radius:24px}[data-sig="neighbourhood-groomer-towel"] h1{font-size:clamp(44px,5.1vw,74px)}[data-sig="neighbourhood-groomer-towel"] p{font-size:16px;margin:20px 0 24px;max-width:32ch}[data-sig="neighbourhood-groomer-towel"] .hero-note{position:absolute;z-index:3;bottom:24px;left:calc(var(--edge) - 16px);right:calc(var(--edge) - 16px);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px}[data-sig="neighbourhood-groomer-towel"] .reveal-toggle{background:var(--paper);border:1px solid var(--line);border-radius:100px;min-height:44px;padding:10px 18px}[data-sig="neighbourhood-groomer-towel"].finished .before{opacity:0!important;animation:none!important}[data-sig="neighbourhood-groomer-towel"].finished .towel-plate{opacity:0!important;animation:none!important}

@supports(animation-timeline:view()){[data-sig="neighbourhood-groomer-towel"] .before{animation:damp-leaves linear both;animation-timeline:--towel;animation-range:contain 0% contain 100%}[data-sig="neighbourhood-groomer-towel"] .towel-plate{animation:cloth-drops linear both;animation-timeline:--towel;animation-range:contain 0% contain 100%}}
@media(max-width:760px){[data-sig="neighbourhood-groomer-towel"]{height:128dvh;margin:0 8px}[data-sig="neighbourhood-groomer-towel"] .stage{height:calc(100dvh - 80px - 64px);min-height:650px;border-radius:20px}[data-sig="neighbourhood-groomer-towel"] .photo-stack{bottom:160px}[data-sig="neighbourhood-groomer-towel"] .photo-stack img{object-position:center 45%}[data-sig="neighbourhood-groomer-towel"] .hero-copy{left:12px;right:12px;bottom:55px;width:auto;padding:20px 20px 24px;background:var(--paper)}[data-sig="neighbourhood-groomer-towel"] h1{font-size:44px;max-width:8ch}[data-sig="neighbourhood-groomer-towel"] p{font-size:14px;margin:12px 0 16px;max-width:32ch}[data-sig="neighbourhood-groomer-towel"] .hero-note{left:20px;right:20px;bottom:12px;font-size:11px;gap:10px}[data-sig="neighbourhood-groomer-towel"] .reveal-toggle{font-size:11px;padding:6px 10px;min-height:40px}}
@media(prefers-reduced-motion:reduce){[data-sig="neighbourhood-groomer-towel"]{height:auto}[data-sig="neighbourhood-groomer-towel"] .stage{position:relative}[data-sig="neighbourhood-groomer-towel"] .before{opacity:0;animation:none!important}[data-sig="neighbourhood-groomer-towel"] .towel-plate{display:none}[data-sig="neighbourhood-groomer-towel"].show-before .before{opacity:1!important}}
@media(max-width:760px){[data-sig="neighbourhood-groomer-towel"] h1{max-width:12ch;font-size:42px}}
[data-sig="neighbourhood-groomer-towel"] svg.towel-plate{width:100%;height:100%;filter:drop-shadow(0 8px 6px #264f4b20)}
@keyframes cloth-drops{0%,18%{transform:translateY(0) rotate(0);opacity:0}19%{opacity:1}48%{opacity:1}55%,100%{transform:translateY(80%) rotate(7deg);opacity:0}}
[data-sig="neighbourhood-groomer-towel"]{view-timeline-inset:0 16px}
@media(max-width:760px){[data-sig="neighbourhood-groomer-towel"]{view-timeline-inset:0 max(0px,min(144px,calc(100dvh - 650px)))}}
@keyframes damp-leaves{0%,18%{opacity:1}24%,100%{opacity:0}}