@font-face{font-family:Humane;src:url('../fonts/humane-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
/* Major: Titel hinter der bewegten Wand, kein Sticky und kein eigener Scrollbereich. */
.bts{position:relative;background:var(--bg-2,#0f0f0e);padding:0 0 clamp(32px,4vw,52px);overflow:visible;isolation:isolate}
.bts-heading{position:absolute;z-index:0;top:128px;left:var(--bts-gutter,64px);right:var(--bts-gutter,64px);height:25vh;display:flex;align-items:center;pointer-events:none}
.bts-head{margin:0;width:100%;font-family:Humane,sans-serif;font-weight:800;font-size:150px;line-height:1;letter-spacing:normal;font-style:normal;font-feature-settings:'kern' 0;text-transform:uppercase;text-align:center;color:var(--fg,#f7f6f3);white-space:nowrap}
.bts-head span{display:inline-block;transform:scale(.86)}
.bts-wall{position:relative;z-index:1;width:100%;margin:auto}
.bts-grid{display:flex;align-items:flex-start;justify-content:center;gap:10px;width:max-content;max-width:1600px;margin:auto;overflow:visible}
.bts-column{display:flex;flex-direction:column;align-items:center;gap:12px;width:240px;flex:none;overflow:hidden;will-change:transform}
.bts-photo{position:relative;display:block;flex:none;width:240px;aspect-ratio:16/15;padding:0;border:0;border-radius:4px;overflow:hidden;background:#151514;cursor:pointer}
.bts-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.bts-photo:hover img,.bts-photo:focus-visible img{transform:scale(1.06)}
.bts-photo:focus-visible{outline:2px solid var(--rec);outline-offset:-3px}
@media(min-width:1200px) and (max-width:1439.98px){
  .bts-wall{padding:0 64px}.bts-grid{width:100%}.bts-column{flex:1 0 0;width:1px}
}
@media(min-width:810px) and (max-width:1199.98px){
  .bts-heading{top:64px}.bts-wall{padding:0 20px}.bts-grid{width:100%}.bts-column{flex:1 0 0;width:1px}.bts-column:first-child{display:none}
}
@media(max-width:809.98px){
  .bts-heading{top:56px;left:20px;right:20px;height:auto}
  .bts-wall{padding:0 20px}.bts-grid{width:100%}.bts-column{flex:1 0 0;width:1px}
  .bts-column:first-child,.bts-column:last-child{display:none}.bts-photo{width:100%}
}
/* Alle 20 Bilder bleiben in der Lightbox. Wie bei Major zeigt die schmale
   Wand nur die inneren Spalten, statt Bilder zu duplizieren oder neu zu mischen. */
@media(prefers-reduced-motion:reduce){
  .bts-heading{position:relative;inset:auto;height:auto;margin:0 20px 32px;padding-top:56px;opacity:1!important;transform:none!important}
  .bts-column{transform:none!important;will-change:auto}.bts-photo img,.lb figure{transition:none!important;animation:none!important}
}

/* Gemeinsame Seitenfluchten, ohne die Scrollchoreografie zu verändern. */
.bts{--bts-gutter:max(calc(var(--gut,20px) + var(--shell,12px)),calc((100vw - var(--maxw,100vw))/2 + var(--gut,20px) + var(--shell,12px)))}
.bts-wall{padding-inline:var(--bts-gutter)}
.bts-grid{width:100%;max-width:1240px}
.bts-column{flex:1 1 0;min-width:0;width:1px}
.bts-photo{width:100%}
.bts-heading{left:var(--bts-gutter);right:var(--bts-gutter)}