@font-face{
  font-family:'Bebas Neue';
  src:url('fonts/BebasNeue-Bold.ttf') format('truetype');
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

.pwlp-page{
  --bg:#0b0b0c; --bg-raised:#141416; --line:#26262a;
  --gold:#f0b637; --gold-dim:#a87f2b;
  --ink:#f4f2ee; --ink-dim:#9c9a97;
  --serif:'Bebas Neue',sans-serif; --sans:'Oswald',sans-serif; --mono:'JetBrains Mono',monospace;
  --size-wordmark:27px; --size-nav:12.5px; --size-h1:42px; --size-h2:32px; --size-body:16px;
  --pad-header-y:20px; --pad-section-y:88px;
  --pos-wordmark-x:0px; --pos-wordmark-y:0px;
  --pos-hero-panel-x:0px; --pos-hero-panel-y:0px;
  --pos-interview-panel-x:0px; --pos-interview-panel-y:0px;
  --pos-shop-box-x:0px; --pos-shop-box-y:0px;
  background:var(--bg); color:var(--ink); font-family:var(--sans); font-size:var(--size-body); line-height:1.55;
}
.pwlp-page *{box-sizing:border-box;}
.pwlp-page img{max-width:100%;display:block;}
.pwlp-page a{color:inherit;}
.pwlp-wrap{max-width:1200px;margin:0 auto;padding:0 24px;}

.pwlp-logo{font-family:var(--serif);font-weight:700;font-size:1.25rem;color:var(--ink);}
.pwlp-logo span{color:var(--gold);}

/* ---- Header: zweizeilig ---- */
.pwlp-site-header{position:relative;z-index:20;background:var(--bg);}
.pwlp-header-top{padding:var(--pad-header-y) 24px;display:flex;justify-content:center;border-bottom:1px solid var(--line);}
.pwlp-wordmark{
  font-family:var(--serif);font-size:var(--size-wordmark);font-weight:700;
  letter-spacing:.4em;text-transform:uppercase;color:var(--gold);
  text-decoration:none;position:relative;padding:0 .5em;
  transform:translate(var(--pos-wordmark-x),var(--pos-wordmark-y));
}
.pwlp-wordmark::after,
.pwlp-wordmark::before{
  content:"";position:absolute;top:50%;transform:translateY(-50%);
  width:6px;height:6px;background:var(--gold);border-radius:50%;
}
.pwlp-wordmark::after{right:0;}
.pwlp-wordmark::before{left:0;}
.pwlp-wordmark:hover{color:color-mix(in srgb, var(--gold) 80%, white);}
.pwlp-wordmark:hover::after,
.pwlp-wordmark:hover::before{background:color-mix(in srgb, var(--gold) 80%, white);}
.pwlp-brand{display:flex;align-items:center;text-decoration:none;}
.pwlp-brand-name{font-family:var(--serif);font-size:1.05rem;font-weight:600;color:var(--ink);letter-spacing:.02em;}
.pwlp-brand-name em{font-style:normal;color:var(--gold);}
.pwlp-header-nav{background:var(--bg-raised);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:0 24px;position:relative;}
.pwlp-nav-links{display:flex;gap:36px;padding:14px 0;}
.pwlp-nav-links a{text-decoration:none;color:var(--ink-dim);font-size:var(--size-nav);letter-spacing:.08em;text-transform:uppercase;transition:color .15s;}
.pwlp-nav-links a:hover{color:var(--gold);}

/* Dropdown-Untermenü (z.B. Angebote unter "Shop") */
.pwlp-nav-item-parent{position:relative;}
.pwlp-nav-sub{
  display:none;position:absolute;top:100%;left:0;z-index:50;
  flex-direction:column;min-width:230px;margin-top:0;
  background:var(--bg-raised);border:1px solid var(--line);padding:8px 0;
}
.pwlp-nav-item-parent:hover .pwlp-nav-sub,
.pwlp-nav-item-parent:focus-within .pwlp-nav-sub{display:flex;}
.pwlp-nav-sub a{padding:11px 20px;font-size:.74rem;white-space:nowrap;}
.pwlp-nav-sub a:hover{background:var(--bg);}
.pwlp-nav-toggle{display:none;position:absolute;left:24px;top:50%;transform:translateY(-50%);background:none;border:none;padding:8px;cursor:pointer;flex-direction:column;gap:5px;}
.pwlp-nav-toggle span{width:22px;height:2px;background:var(--ink);display:block;}

/* ---- Hero ---- */
.pwlp-hero{position:relative;min-height:86vh;display:flex;flex-direction:column;justify-content:flex-end;overflow:visible;}
.pwlp-hero-slider{position:absolute;inset:0;}
.pwlp-hero-slide{
  position:absolute;inset:0;background-size:cover;background-position:center;
  opacity:0;transition:opacity 1.4s ease;
}
.pwlp-hero-slide.is-active{opacity:1;}
.pwlp-hero-slide-placeholder{
  opacity:1;background-color:#161618;
  background-image:repeating-linear-gradient(115deg, #1c1c1e 0px, #1c1c1e 2px, #161618 2px, #161618 64px);
}
.pwlp-hero-overlay{position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(11,11,12,.3) 0%, rgba(11,11,12,.5) 45%, rgba(11,11,12,.92) 100%);
}
.pwlp-placeholder-badge{
  position:absolute; top:24px; left:24px; z-index:2;
  background:rgba(240,182,55,.14); border:1px dashed var(--gold-dim);
  color:var(--gold); font-family:var(--mono); font-size:.72rem; letter-spacing:.03em;
  padding:8px 14px; max-width:320px;
}
.pwlp-hero-content-row{
  position:relative;z-index:3;padding:0 24px 64px;max-width:1200px;margin:0 auto;width:100%;
  display:grid;grid-template-columns:1.15fr 0.85fr;gap:40px;align-items:stretch;
  transform:translateY(110px);
}
.pwlp-eyebrow{font-family:var(--mono);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:18px;}

.pwlp-hero-panel{
  background:rgba(11,11,12,.55);backdrop-filter:blur(6px);
  border-left:3px solid var(--gold);padding:36px 40px;max-width:560px;
  display:flex;flex-direction:column;justify-content:center;
  transform:translate(var(--pos-hero-panel-x),var(--pos-hero-panel-y));
}
.pwlp-hero-panel h1{font-family:var(--serif);font-weight:700;font-size:var(--size-h1);line-height:1.08;margin:0 0 20px;color:var(--ink);}
.pwlp-hero-panel h1 em{font-style:normal;color:var(--gold);}
.pwlp-hero-panel p{color:var(--ink-dim);font-size:var(--size-body);margin:0 0 28px;}
.pwlp-btn{display:inline-block;padding:14px 26px;background:var(--gold);color:#141416;font-weight:600;text-decoration:none;border-radius:2px;font-size:.88rem;letter-spacing:.02em;border:1px solid var(--gold);transition:.15s;}
.pwlp-btn:hover{background:color-mix(in srgb, var(--gold) 80%, white);color:#141416;}
.pwlp-btn-hero{display:inline-flex;align-items:center;gap:10px;padding:15px 24px 15px 28px;}
.pwlp-btn-arrow{transition:transform .15s;}
.pwlp-btn-hero:hover .pwlp-btn-arrow{transform:translateX(4px);}

.pwlp-interview-panel{
  background:rgba(20,20,22,.72);backdrop-filter:blur(6px);
  border:1px solid var(--gold-dim);padding:28px;
  display:flex;flex-direction:column;
  transform:translate(var(--pos-interview-panel-x),var(--pos-interview-panel-y));
}
.pwlp-interview-panel h3{font-family:var(--serif);font-size:1.2rem;margin:0 0 18px;color:var(--ink);font-weight:600;}
.pwlp-interview-list{display:flex;flex-direction:column;flex:1;justify-content:center;}
.pwlp-interview-item{
  display:flex;align-items:center;gap:14px;text-decoration:none;
  padding:14px 0;border-top:1px solid var(--line);
}
.pwlp-interview-num{font-family:var(--mono);font-size:.72rem;color:var(--gold-dim);}
.pwlp-interview-text{flex:1;display:flex;flex-direction:column;gap:3px;}
.pwlp-interview-title{color:var(--ink);font-size:.88rem;font-weight:500;line-height:1.3;}
.pwlp-interview-sub{color:var(--ink-dim);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;}
.pwlp-interview-go{color:var(--gold-dim);font-size:.85rem;transition:transform .15s,color .15s;}
.pwlp-interview-item:hover .pwlp-interview-go{color:var(--gold);transform:translateX(3px);}
.pwlp-interview-item:hover .pwlp-interview-title{color:var(--gold);}
.pwlp-interview-all{display:block;margin-top:16px;text-decoration:none;color:var(--gold);font-size:.8rem;border-top:1px solid var(--gold-dim);padding-top:14px;}
.pwlp-interview-all:hover{color:color-mix(in srgb, var(--gold) 80%, white);}

.pwlp-exif{position:absolute;bottom:150px;right:24px;z-index:2;font-family:var(--mono);font-size:.75rem;color:var(--ink-dim);text-align:right;border-right:2px solid var(--gold-dim);padding-right:12px;}
.pwlp-exif strong{color:var(--gold);display:block;font-size:.8rem;margin-bottom:2px;}

.pwlp-page section{padding:var(--pad-section-y) 0;}
.pwlp-about{padding-top:150px;}
.pwlp-section-head{max-width:640px;margin:0 auto 52px;text-align:left;}
.pwlp-section-eyebrow{font-family:var(--mono);font-size:.72rem;color:var(--gold);letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:12px;}
.pwlp-section-head h2{font-family:var(--serif);font-size:var(--size-h2);margin:0;font-weight:600;color:var(--ink);}

.pwlp-about-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:56px;align-items:center;transform:translate(var(--pos-shop-box-x),var(--pos-shop-box-y));}
.pwlp-about-portrait{aspect-ratio:4/5;background:linear-gradient(160deg,#1a1a1c,#0e0e10);border:1px solid var(--line);position:relative;display:flex;align-items:center;justify-content:center;}
.pwlp-placeholder-tag{font-family:var(--mono);font-size:.72rem;color:var(--ink-dim);text-align:center;padding:0 20px;}
.pwlp-about-text p{color:var(--ink-dim);font-size:var(--size-body);margin:0 0 18px;}
.pwlp-about-text .pwlp-lead{color:var(--ink);font-size:1.15rem;font-family:var(--serif);font-style:italic;}
.pwlp-stat-row{display:flex;gap:28px;margin-top:32px;flex-wrap:wrap;}
.pwlp-stat span{font-family:var(--serif);font-size:.95rem;color:var(--gold);border-top:1px solid var(--gold-dim);padding-top:8px;display:block;max-width:16ch;}

.pwlp-work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--line);border:1px solid var(--line);}
.pwlp-work-tile{aspect-ratio:1;background:linear-gradient(150deg,#1a1a1c,#101012);position:relative;display:flex;align-items:center;justify-content:center;}
.pwlp-work-tile span{font-family:var(--mono);font-size:.65rem;color:#4a4a4d;text-align:center;padding:0 10px;}
.pwlp-work-footer{display:flex;justify-content:flex-end;align-items:center;margin-top:24px;flex-wrap:wrap;gap:16px;}
.pwlp-work-footer a{text-decoration:none;color:var(--gold);font-size:.9rem;border-bottom:1px solid var(--gold-dim);padding-bottom:2px;}

.pwlp-cta-band{background:var(--bg-raised);border:1px solid var(--gold-dim);padding:56px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;}
.pwlp-cta-band h2{font-family:var(--serif);font-size:var(--size-h2);margin:0 0 8px;max-width:20ch;color:var(--ink);}
.pwlp-cta-band p{color:var(--ink-dim);margin:0;max-width:40ch;}

.pwlp-footer{background:var(--bg);border-top:1px solid var(--line);padding:48px 0 0;}
.pwlp-footer-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;font-size:.85rem;color:var(--ink-dim);padding-bottom:32px;}
.pwlp-footer-grid a{text-decoration:none;color:var(--ink-dim);}
.pwlp-footer-grid a:hover{color:var(--gold);}
.pwlp-foot-social{display:flex;gap:16px;}

.pwlp-footer-legal-row{
  border-top:1px solid var(--line);
  padding:20px 0;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  font-size:.78rem;
  color:var(--ink-dim);
}
.pwlp-footer-copyright{color:var(--ink-dim);}
.pwlp-footer-legal-links{display:flex;gap:20px;}
.pwlp-footer-legal-links a{text-decoration:none;color:var(--ink-dim);font-size:.78rem;}
.pwlp-footer-legal-links a:hover{color:var(--gold);}

@media(max-width:900px){
  .pwlp-hero-content-row{grid-template-columns:1fr;transform:translateY(60px);}
  .pwlp-about{padding-top:110px;}
  .pwlp-interview-panel{max-width:none;}
  .pwlp-about-grid{grid-template-columns:1fr;}
  .pwlp-work-grid{grid-template-columns:repeat(2,1fr);}
  .pwlp-cta-band{flex-direction:column;align-items:flex-start;}
  .pwlp-nav-toggle{display:flex;}
  .pwlp-nav-links{
    position:absolute;top:100%;left:0;right:0;
    flex-direction:column;gap:0;background:var(--bg-raised);
    max-height:0;overflow:hidden;padding:0;transition:max-height .25s ease;
  }
  .pwlp-header-nav.is-open .pwlp-nav-links{max-height:420px;padding:8px 0;}
  .pwlp-nav-sub{position:static;display:flex !important;border:none;margin:0;padding:0 0 6px 20px;background:transparent;}
  .pwlp-nav-links a{padding:12px 24px;width:100%;}
}