.brand-logo{display:block;width:180px;height:auto;max-width:100%;filter:invert(1);mix-blend-mode:multiply}
.sidebar .brand{justify-content:center}.landing footer .brand-logo{width:145px}
.team-portrait{height:290px;overflow:hidden;position:relative}
.barber-photo{width:100%;height:100%;display:block;object-fit:cover;object-position:65% 25%;filter:grayscale(1)}
.barber-avatar{border-radius:50%;object-position:65% 18%}
.avatars span{overflow:hidden;flex-shrink:0}
@media(max-width:720px){.team-portrait{height:360px}.barber-photo{object-position:60% 25%}}
@media(max-width:720px){.landing nav .brand-logo{width:145px}}
.studio-carousel{height:560px;position:relative;overflow:hidden;background:#151515;border-radius:14px;isolation:isolate;outline-offset:5px}
.carousel-slides{position:absolute;inset:0;touch-action:pan-y}
.carousel-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%;opacity:0;transition:opacity .8s ease,transform 6s linear;transform:scale(1.025);filter:grayscale(1)}
.carousel-photo.active{opacity:1;transform:scale(1)}
.carousel-photo:nth-child(2){object-position:50% 70%}.carousel-photo:nth-child(3){object-position:50% 70%}
.carousel-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.02) 35%,rgba(0,0,0,.15) 55%,rgba(0,0,0,.82) 100%)}
.carousel-caption{position:absolute;bottom:27px;left:28px;right:28px;color:white;pointer-events:none}
.carousel-caption .eyebrow{font-size:9px;letter-spacing:1.8px;color:#dddddd;margin-bottom:15px}
.carousel-caption>span{font:31px/1.15 var(--serif);display:block;max-width:340px}
.carousel-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:27px;pointer-events:auto}
.carousel-dots,.carousel-controls{display:flex;gap:9px;align-items:center}
.carousel-dot{border:0;padding:0;height:6px;width:6px;background:#ffffff66;border-radius:10px;position:relative;transition:width .2s,background .2s}
.carousel-dot:before{content:'';position:absolute;inset:-10px -6px}.carousel-dot.active{width:25px;background:#fff}
.carousel-controls button{width:32px;height:32px;border-radius:50%;border:1px solid #ffffff55;background:#ffffff0a;color:white;display:grid;place-items:center;padding:0}
.carousel-controls button:hover{background:white;color:#111}
.carousel-count{font-size:10px;letter-spacing:1px;color:#ddd;margin-left:4px;white-space:nowrap}
.studio-carousel:focus-visible{outline:3px solid #888}
@media(max-width:1000px){.studio-carousel{height:510px}.carousel-caption>span{font-size:28px}.carousel-caption{left:22px;right:22px}.carousel-bottom{gap:8px}}
@media(max-width:720px){.studio-carousel{height:390px}.carousel-caption{left:24px;right:24px;bottom:24px}.carousel-caption>span{font-size:29px}.carousel-bottom{margin-top:22px}.carousel-controls{gap:7px}}
@media(prefers-reduced-motion:reduce){.carousel-photo,.carousel-dot{transition:none;transform:none}}