@font-face { font-family:"Ruda"; src:url("../fonts/Ruda-Regular.ttf"); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:"Ruda"; src:url("../fonts/Ruda-Bold.ttf"); font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:"Exo2"; src:url("../fonts/Exo2-Regular.ttf"); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:"MontserratAlternates"; src:url("../fonts/MontserratAlternates-Regular.ttf"); font-weight:500; font-style:normal; font-display:swap; }

:root{
  --dark:#151515;
  --magenta:#C41E7A;
  --cream:#F3EDE4;
  --pink:#c20a75;
  --bwgl-ease:cubic-bezier(.16,1,.3,1);
}

*{box-sizing:border-box;}
html{ scroll-behavior:smooth; cursor:none; }
body{
  margin:0; background:var(--dark); color:var(--cream);
  font-family:"Exo2",sans-serif; font-size:16px; line-height:1.6;
  overflow-x:hidden; -webkit-font-smoothing:antialiased;
}
#bw-page{ background:var(--dark); }
h1,h2,h3,h4{ font-family:"Ruda",sans-serif; font-weight:700; margin:0; line-height:.92; letter-spacing:-0.03em; }
body h1, body h2, body h3, body h4{ color:inherit; }
p{ margin:0; }
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; cursor:pointer; }
::selection{ background:var(--magenta); color:var(--cream); }

#bwnv-grain{ position:fixed; inset:0; z-index:500; pointer-events:none; opacity:.05; mix-blend-mode:overlay; }

#bwnv-cursor{ position:fixed; top:0; left:0; width:10px; height:10px; background:var(--magenta); border-radius:50%; pointer-events:none; z-index:3500; transform:translate(-50%,-50%); transition:width .25s var(--bwgl-ease), height .25s var(--bwgl-ease), background .25s; mix-blend-mode:difference; }
#bwnv-cursor.big{ width:64px; height:64px; background:var(--magenta); }

#bwnv-progress{ height:5px; width:0%; background:var(--magenta); }

.bwgl-reveal{ opacity:0; transform:translateY(40px) rotate(.3deg); transition:opacity 1s var(--bwgl-ease), transform 1s var(--bwgl-ease); }
.bwgl-reveal.is-visible{ opacity:1; transform:translateY(0) rotate(0); }

.bwgl-wrap{ max-width:1400px; margin:0 auto; padding:0 6vw; }

.bwgl-cut-top{ clip-path:polygon(0 4vw, 100% 0, 100% 100%, 0 100%); margin-top:-4vw; position:relative; z-index:2; }

.bwgl-section{ padding:120px 0; position:relative; }
.bwgl-section.bwgl-cream{ background:var(--cream); color:var(--dark); }

.bwgl-eyebrow{ font-family:"MontserratAlternates",sans-serif; font-weight:500; font-size:12px; letter-spacing:.25em; text-transform:uppercase; }

/* ---------- Intro ---------- */
.bwgl-intro-title{ font-size:clamp(36px,6vw,84px); text-transform:uppercase; color:var(--cream); }
.bwgl-lede{ max-width:70ch; margin-top:40px; display:flex; flex-direction:column; gap:22px; }
.bwgl-lede p{ font-size:17px; color:var(--cream); opacity:.9; }

/* ---------- Galerie-Header ---------- */
.bwgl-gallery-head{ margin-bottom:50px; }
.bwgl-gallery-head h2{ margin-top:14px; font-size:clamp(26px,3.4vw,44px); }
.bwgl-gallery-head p{ margin-top:14px; font-size:16px; opacity:.8; max-width:60ch; }

/* ---------- Foto-Grid ---------- */
.bwgl-photo-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.bwgl-photo{ position:relative; aspect-ratio:1/1; overflow:hidden; background:var(--dark); }
.bwgl-photo img{ width:100%; height:100%; object-fit:cover; filter:grayscale(1) contrast(1.1); transition:transform .6s var(--bwgl-ease); }
.bwgl-photo:hover img{ transform:scale(1.08); }

.bwgl-photo-grid.bwgl-two{ grid-template-columns:repeat(2,1fr); max-width:820px; }
.bwgl-photo-grid.bwgl-two .bwgl-photo{ aspect-ratio:4/3; }

/* ---------- 4er-Reihen, 16:9 ---------- */
.bwgl-photo-grid.bwgl-three169 .bwgl-photo{ aspect-ratio:16/9; cursor:pointer; }
.bwgl-photo-grid.bwgl-three169 .bwgl-photo:nth-child(3n){ transform:rotate(-1.4deg); }
.bwgl-photo-grid.bwgl-three169 .bwgl-photo:nth-child(3n+1){ transform:rotate(1deg); }

/* ---------- Gemischtes Raster, Seitenverhältnis je nach Original-Foto ---------- */
.bwgl-photo-grid.bwgl-mixed .bwgl-photo{ cursor:pointer; }
.bwgl-photo-grid.bwgl-mixed .bwgl-photo.bwgl-portrait{ aspect-ratio:9/16; }
.bwgl-photo-grid.bwgl-mixed .bwgl-photo.bwgl-landscape{ aspect-ratio:16/9; }
.bwgl-photo-grid.bwgl-mixed .bwgl-photo:nth-child(3n){ transform:rotate(-1.4deg); }
.bwgl-photo-grid.bwgl-mixed .bwgl-photo:nth-child(3n+1){ transform:rotate(1deg); }

/* ---------- Masonry-Variante mit Lightbox ---------- */
.bwgl-masonry{ column-count:4; column-gap:18px; }
.bwgl-masonry .bwgl-photo{ aspect-ratio:auto; break-inside:avoid; margin-bottom:18px; cursor:pointer; }
.bwgl-masonry .bwgl-photo img{ height:auto; }
.bwgl-masonry .bwgl-photo:nth-child(3n){ transform:rotate(-1.4deg); }
.bwgl-masonry .bwgl-photo:nth-child(3n+1){ transform:rotate(1deg); }
@media (max-width:900px){ .bwgl-masonry{ column-count:2; } }
@media (max-width:600px){ .bwgl-masonry{ column-count:2; column-gap:12px; } .bwgl-masonry .bwgl-photo{ margin-bottom:12px; } }
@media (min-width:601px) and (max-width:1024px){ .bwgl-masonry{ column-count:3; } }

/* ---------- Referenzen und Kooperationen ---------- */
.bwgl-ref-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:26px; max-width:920px; margin:0 auto; }
.bwgl-ref-card{ position:relative; width:130px; height:130px; margin:0 auto; background:var(--cream); display:flex; align-items:center; justify-content:center; padding:35px; }
.bwgl-ref-card img{ width:60px; height:60px; object-fit:contain; }
.bwgl-ref-card:nth-child(3n){ transform:rotate(-1.4deg); }
.bwgl-ref-card:nth-child(3n+1){ transform:rotate(1deg); }
.bwgl-ref-card:nth-child(3n) img{ transform:rotate(1.4deg); }
.bwgl-ref-card:nth-child(3n+1) img{ transform:rotate(-1deg); }
@media (max-width:900px){ .bwgl-ref-grid{ grid-template-columns:repeat(4,1fr); gap:16px; } }
@media (max-width:600px){ .bwgl-ref-grid{ grid-template-columns:repeat(2,1fr); gap:14px; } }

/* ---------- Lightbox ---------- */
#bwgl-lightbox{ position:fixed; inset:0; z-index:2000; background:rgba(21,21,21,.95); display:none; align-items:center; justify-content:center; padding:6vw; }
#bwgl-lightbox.bwgl-open{ display:flex; }
#bwgl-lightbox img{ max-width:100%; max-height:88vh; width:auto; margin:0 auto; box-shadow:0 30px 80px rgba(0,0,0,.5); }
.bwgl-lb-close, .bwgl-lb-prev, .bwgl-lb-next{ position:fixed; background:none; border:none; color:var(--cream); font-family:"Ruda",sans-serif; font-size:28px; cursor:pointer; padding:16px; z-index:2001; }
.bwgl-lb-close{ top:16px; right:24px; font-size:34px; }
.bwgl-lb-prev{ left:10px; top:50%; transform:translateY(-50%); font-size:44px; }
.bwgl-lb-next{ right:10px; top:50%; transform:translateY(-50%); font-size:44px; }

@media (max-width:900px){
  .bwgl-photo-grid{ grid-template-columns:repeat(2,1fr); }
  html{ cursor:auto; }
  #bwnv-cursor{ display:none; }
}
@media (max-width:600px){
  .bwgl-photo-grid{ grid-template-columns:repeat(2,1fr); gap:12px; }
  .bwgl-photo-grid.bwgl-two{ grid-template-columns:1fr; }
}
@media (min-width:601px) and (max-width:1024px){
  .bwgl-photo-grid{ grid-template-columns:repeat(3,1fr); }
}