/* A gentle exposure grade keeps the cutout in the same light as the charcoal scene. */
.fade-experience .hero .barber{filter:brightness(.7) contrast(1.06) saturate(.86)}
.book .arrow{position:relative;overflow:hidden;transition:color .22s,background-color .22s}
.book:hover .arrow{background:#e9e1d214}
.book .arrow::after{content:'⟶';position:absolute;inset:0;display:grid;place-items:center;transform:translateX(-145%);transition:transform .32s cubic-bezier(.2,.7,.2,1)}
.book:hover .arrow::after{transform:translateX(0)}
.book:hover .arrow{font-size:0}.book .arrow::after{font-size:30px}
.scene-text-link svg,.contact-primary svg,.contact-secondary svg{transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.scene-text-link:hover svg,.contact-primary:hover svg{transform:translateX(5px)}
.contact-secondary:hover svg{transform:translate(3px,-3px)}
.book:active,.contact-primary:active,.contact-secondary:active{translate:0 1px}
.fade-experience:has(.booking-overlay)>.shop-navbar,.fade-experience:has(.booking-overlay)>.scene-navigation{visibility:hidden}
.scene-screen h1:focus,.scene-screen h2:focus{outline:none}
@media(prefers-reduced-motion:reduce){.book .arrow,.book .arrow::after,.scene-text-link svg,.contact-primary svg,.contact-secondary svg{transition:none}.book:hover .arrow::after{transform:none}.scene-text-link:hover svg,.contact-primary:hover svg,.contact-secondary:hover svg{transform:none}}

@media(min-width:1101px){.services-cards[data-count="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}}

.booking-overlay[inert]{visibility:hidden;pointer-events:none}

/* Live galleries use individual squares, never a panorama crop of one face. */
.fade-experience .hero .work-strip.work-strip-gallery{--strip-thumb-size:68px;display:grid;grid-template-columns:repeat(var(--strip-count),minmax(0,1fr));gap:3px;width:min(100%,calc(var(--strip-count)*var(--strip-thumb-size) + (var(--strip-count) - 1)*3px));height:auto;background:transparent;text-align:left}
.work-strip-gallery .work-strip-thumb{display:block;min-width:0;aspect-ratio:1;overflow:hidden;background:var(--black,#101010)}
.work-strip-gallery .work-strip-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:1100px){.fade-experience .hero .work-strip.work-strip-gallery{--strip-thumb-size:57px}}
@media(max-width:700px){.fade-experience .hero .work-strip.work-strip-gallery{--strip-thumb-size:53px}}

/* A short desktop keeps enough room for the ink and full left information rail. */
@media(min-width:1101px){.fade-experience .fade-page .hero{height:max(760px,100svh);min-height:760px}}