:root{
  --bg:#111;
  --text:#e8e8e8;
  --muted:#bdbdbd;
  --accent:rgb(226, 6, 19);
  --paper:#1b1b1b;
  --chip:#222;
  --note:rgb(226, 6, 19);
  --gap: 2rem;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
  color:var(--text);
  background: #111;
  line-height:1.55;
  letter-spacing:.2px;
}

img{max-width:100%;display:block}
.wrap{width:min(1150px,92vw);margin-inline:auto}

.site-header {
  padding: 28px 0 8px;
  text-align: center;
}

.logo {
  height: 64px;
  width: auto;
  filter: drop-shadow(0 8px 14px rgba(0,0,0,.45));
  margin-inline: auto;
}

.tagline {
  margin: .25rem 0 0;
  color: var(--muted);
  font-size: .9rem;
  text-align: center; /* neu */
}

.hero {
  position: relative;
  padding: clamp(2rem, 4vw, 3rem) 0 0;
}

.hero .photo {
 margin: 0;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  background: transparent;
}

.hero .photo img {
  display: block;
  width: 100%;
  height: auto;
  opacity: .9;
  mix-blend-mode: normal;
}


.hero-card {
  background: var(--paper);
  border: 1px solid #1f1f1f;
  border-radius: 18px;
  padding: clamp(1rem, 3vw, 1.5rem);
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
  position: relative;
margin-bottom: var(--gap);
}
.hero-card::after {
  content: none;
}

.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:1rem;font-weight: 500;margin:0 0 .35rem}
h1{font-size:clamp(1.75rem,5vw,3rem);margin:.1rem 0 .4rem}
.lead{font-size:clamp(1rem,2.6vw,1.25rem);color:#eaeaea}

.celebrate{
  margin:.75rem 0 0;
  background:rgba(224,49,69,.1);
  border:1px dashed rgba(224,49,69,.45);
  padding:.6rem .8rem;border-radius:12px;
}

.cta-row{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 1.1rem}
.btn{display:inline-block;padding:.7rem 1rem;border-radius:999px;font-weight:600;text-decoration:none;border:1px solid #2b2b2b;background:var(--chip);color:var(--text);transition:transform .05s ease,background .2s ease,border-color .2s ease}
.btn:hover{transform:translateY(-1px);border-color:#3a3a3a}
.btn.primary{background:var(--accent);}

.chips{list-style:none;padding:0;margin:.25rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem}
.chips li{background:var(--chip);border:1px dashed #2f2f2f;padding:.35rem .6rem;border-radius:12px;font-size:.9rem;opacity:.95}

.story{padding: var(--gap) 0 var(--gap);}
.grid{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media (min-width:860px){.grid{grid-template-columns:1.3fr 1fr;align-items:stretch}}

.card{background:var(--paper);border:1px solid #1f1f1f;border-radius:18px;padding:clamp(1rem,3vw,1.5rem);box-shadow:0 12px 30px rgba(0,0,0,.35);position:relative}
.card h2{margin:.2rem 0 .6rem;font-size:clamp(1.4rem,3.8vw,2rem)}
.card p{margin:.6rem 0}
.scribble{font-style:italic;border-left:3px solid var(--accent);padding-left:.75rem}
.tilt-left{transform:rotate(-.4deg)}
.tilt-right{transform:rotate(.6deg)}

.info address{font-style:normal;display:grid;gap:.2rem;margin-bottom:.7rem}
.info a{color:inherit}
.hours em{color:var(--muted)}
.inline-links{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.inline-links a{text-decoration:underline dotted}

.values{padding: 0 0 var(--gap);}
.sticky-notes{list-style:none;padding:0;margin:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.sticky-notes li{background:var(--note);color:#fff;border-radius:10px;padding:14px 12px;box-shadow:0 10px 18px rgba(0,0,0,.25);position:relative;transform:rotate(var(--r,-1.2deg))}
.sticky-notes li:nth-child(2){--r:.8deg}
.sticky-notes li:nth-child(3){--r:-.6deg}
.sticky-notes li:nth-child(5){--r:1.4deg}
.sticky-notes li span{font-weight:700}

.site-footer{border-top:1px solid #1c1c1c;padding:1.4rem 0 2.2rem;color:var(--muted)}
.site-footer a{color:inherit;text-decoration:underline dotted}

a:focus-visible,.btn:focus-visible{outline:3px solid #fff;outline-offset:2px}