.bahder-project{background:#14181b;color:var(--paper);padding:clamp(80px,10vw,150px) 0 0;text-align:center}
.bahder-project .eyebrow{font-size:.875rem;letter-spacing:.18em;line-height:1.65}
.bahder-intro,.bahder-heading{max-width:840px;margin:0 auto;padding:0 24px}
.bahder-intro h2,.bahder-heading h3,.bahder-slide h4{font-family:Impact,"Arial Narrow","Helvetica Neue",Arial,sans-serif;font-weight:700;text-transform:uppercase}
.bahder-intro h2{font-size:clamp(3.8rem,8vw,8rem);line-height:.94;letter-spacing:.01em;margin:26px 0 36px}
.bahder-intro p,.bahder-heading p{max-width:670px;margin:22px auto 0;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.7;color:#d1d3d3}
.bahder-engine{width:min(1440px,100%);margin:clamp(45px,6vw,85px) auto 0}
.bahder-engine img{width:100%;height:auto}
.bahder-engine figcaption,.bahder-parade figcaption{margin:0;padding:18px 24px;font-size:.875rem;line-height:1.5;letter-spacing:.04em;color:#c7cbcd}
.bahder-details{padding:clamp(65px,8vw,115px) 24px 60px}
.bahder-heading h3{font-size:clamp(2.8rem,5.5vw,5.5rem);line-height:1;letter-spacing:.01em;margin:24px 0}
.bahder-heading #bahder-gallery-hint{font-size:.875rem;letter-spacing:.06em;color:#bdc4c8;margin-top:24px}
.bahder-stage{position:relative;max-width:1160px;margin:45px auto 0;--bahder-photo-height:clamp(390px,47vw,620px)}
.bahder-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;scroll-padding:0}
.bahder-track::-webkit-scrollbar{display:none}
.bahder-track:focus-visible{outline-offset:6px}
.bahder-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.bahder-slide{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always}
.bahder-photo{height:var(--bahder-photo-height);width:100%;display:grid;place-items:center;background:#202427}
.bahder-photo img{height:100%;width:100%;object-fit:contain;user-select:none}
.bahder-slide figcaption{padding:30px 24px 12px;max-width:720px;margin:0 auto}
.bahder-slide figcaption .eyebrow{color:#d7c234;font-size:.875rem}
.bahder-slide h4{font-size:clamp(1.85rem,3.4vw,2.8rem);line-height:1.1;margin:16px auto}
.bahder-slide figcaption p{font-size:1rem;line-height:1.65;color:#c7cbcd;max-width:620px;margin:0 auto}
.bahder-controls{position:absolute;top:0;left:0;right:0;height:var(--bahder-photo-height);display:flex;align-items:center;justify-content:space-between;padding:0 14px;pointer-events:none}
.bahder-controls[hidden]{display:none}
.bahder-controls button{display:grid;place-items:center;width:64px;height:64px;padding:15px;border:0;border-radius:50%;background:rgba(9,12,14,.75);color:#fff;cursor:pointer;pointer-events:auto;transition:background .2s,opacity .2s}
.bahder-controls button:hover:not(:disabled),.bahder-controls button:focus-visible{background:var(--paper);color:var(--ink)}
.bahder-controls button:disabled{opacity:.32;cursor:default}
.bahder-controls svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:square;stroke-linejoin:miter}
.bahder-count{margin:14px auto 0;color:#bbc2c6;font-size:.875rem;font-variant-numeric:tabular-nums;letter-spacing:.07em}
.bahder-track-story{padding:clamp(60px,8vw,110px) 24px clamp(65px,8vw,110px);background:#1e252a}
.bahder-track-story .bahder-heading{padding:0}
.bahder-parade{max-width:1160px;margin:45px auto 0}
.bahder-parade img{width:100%;height:auto}
.bahder-next{display:flex;flex-direction:column;gap:12px;max-width:650px;margin:40px auto 0;padding-top:35px;border-top:1px solid rgba(255,255,255,.2);font-size:1rem;line-height:1.5}
.bahder-next .eyebrow{color:#c4cbd0}
.bahder-next a{font-weight:600;text-decoration:underline;text-decoration-color:#879096;text-underline-offset:5px;font-size:clamp(1.15rem,2vw,1.5rem)}
.bahder-next a:hover,.bahder-next a:focus-visible{color:var(--yellow)}
@media(max-width:600px){
  .bahder-project{padding-top:80px}
  .bahder-intro{padding:0 22px}
  .bahder-intro .eyebrow{font-size:.8125rem;letter-spacing:.12em}
  .bahder-intro h2{font-size:clamp(3.25rem,13vw,4.7rem)}
  .bahder-details{padding:65px 0 48px}
  .bahder-stage{--bahder-photo-height:clamp(300px,116vw,540px);margin-top:32px}
  .bahder-controls{padding:0 10px}
  .bahder-controls button{width:52px;height:52px;padding:12px}
  .bahder-slide figcaption{padding:27px 26px 8px}
  .bahder-track-story{padding:65px 18px 70px}
  .bahder-parade{margin-top:32px}
}
@media(prefers-reduced-motion:reduce){.bahder-controls button{transition:none}}
