:root{--red:#8f1717;--red2:#b62420;--black:#090909;--cream:#f3eee8;--ink:#181818}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--cream)}a{text-decoration:none;color:inherit}.wrap,.split,.nav,.contact-grid{width:min(1160px,calc(100% - 40px));margin:auto}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:950;letter-spacing:.08em;color:white}.logo span,footer span{color:#e33}header{position:sticky;top:0;z-index:5;background:#0b0b0bf2;border-bottom:1px solid #292929}nav{display:flex;gap:25px;align-items:center;color:#eee;font-size:.94rem}nav .cta{background:var(--red);padding:9px 16px;border-radius:30px;font-weight:800}.menu{display:none}
.hero {
  min-height: 760px;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;

  background:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.82) 0%,
      rgba(0, 0, 0, 0.58) 45%,
      rgba(0, 0, 0, 0.30) 100%
    ),
    url("assets/hero.jpg") center center / cover no-repeat;

  color: #fff;
}
.hero-inner{width:min(1160px,calc(100% - 40px));margin:auto}
.hero h1{font-size:clamp(3rem,7vw,6.2rem);line-height:1.02;letter-spacing:-.055em;max-width:900px;margin:10px 0 24px}
.hero p{max-width:690px;color:#ddd}
.tagline{font-size:1.3rem}
.eyebrow{color:#ff8b82;text-transform:uppercase;letter-spacing:.18em;font-weight:900;font-size:.76rem}
.eyebrow.dark{color:var(--red)}.actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.btn{display:inline-block;border:0;background:var(--red);color:white;padding:13px 22px;border-radius:999px;font-weight:850;cursor:pointer}
.ghost{background:transparent;border:1px solid #777}.light,.process{padding:105px 0}.dark,.contact{padding:105px 0;background:var(--black);color:#fff}
.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.visual{min-height:470px;border-radius:28px;display:flex;align-items:end;padding:28px;overflow:hidden;background:linear-gradient(135deg,#461212,#111);box-shadow:0 25px 70px #0003}
.visual2{background:linear-gradient(135deg,#281010,#080808)}
.visual span{color:white;font-weight:900;letter-spacing:.16em}.lead{font-size:1.2rem;font-weight:650}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.cards article{padding:30px;border:1px solid #ffffff1c;border-radius:20px;background:#111}.cards b{font-size:1.8rem}.cards h3{font-size:1.45rem;margin-bottom:8px}.cards p{color:#aaa}.cards small{color:#e45c55;font-weight:900}.section-intro{color:#aaa;max-width:720px}ul{padding-left:20px}li{margin:10px 0}
.note {
  margin-top: 34px;
  padding-top: 20px;
  border-top: 1px solid #cfc6bf;
}

.note b {
  display: block;
  color: var(--red);
  font-size: 1rem;
  margin-bottom: 3px;
}

.note span {
  color: #666;
  font-size: .92rem;
}
.process{background:#e8e0d9}.center{text-align:center}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px;text-align:left}.steps>div{border-top:2px solid #c4b9af;padding-top:22px}.steps b{color:var(--red)}.contact{background:var(--red);}.contact-inner{width:min(1160px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.contact h2{font-size:clamp(2.3rem,4vw,4rem);line-height:1.08}.phone{font-size:1.15rem;font-weight:900;display:block;margin:8px 0}.contact-actions{display:grid;gap:10px}.contact .light{background:#fff;color:var(--red);width:100%;text-align:center;margin-top:12px}footer{background:#050505;color:#aaa;padding:55px 20px 25px;display:grid;gap:20px;justify-content:center;text-align:center}footer b{color:white;font-size:1.1rem}@media(max-width:800px){nav{display:none}.menu{display:block;background:none;color:#fff;border:1px solid #555;border-radius:8px;padding:8px 12px}.nav.open nav{display:flex;position:absolute;top:76px;left:14px;right:14px;background:#111;padding:18px;flex-direction:column;align-items:stretch;border-radius:12px}.hero{min-height:650px}.split,.contact-inner{grid-template-columns:1fr;gap:45px}.cards,.steps{grid-template-columns:1fr}
    .light,.dark,.contact,.process{padding:75px 0}
    .visual{min-height:330px}
    .hero h1{font-size:3.2rem}}
.logo {
  display: inline-flex;
  align-items: center;
}

.logo img {
  display: block;
  width: 120px;
  height: auto;
}

.visual1 {
  min-height: 500px;
  position: relative;
  overflow: hidden;
  border-radius: 28px;

  background:
    linear-gradient(
      135deg,
      rgba(0, 0, 0, 0.10),
      rgba(0, 0, 0, 0.60)
    ),
    url("assets/about.jpg") center / cover no-repeat;

  display: flex;
  align-items: flex-end;
  padding: 28px;
}

.visual1 span {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 900;
  letter-spacing: 0.18em;
}
#foodtruck {
  position: relative;
  overflow: hidden;
  color: #fff;

  background:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.88),
      rgba(0, 0, 0, 0.68)
    ),
    url("assets/foodtruck.jpg") center / cover no-repeat;
}

#foodtruck .cards article {
  background: rgba(10, 10, 10, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(4px);
}

.visual2 {
  min-height: 500px;
  position: relative;
  overflow: hidden;
  border-radius: 28px;

  background:
    linear-gradient(
      to top,
      rgba(0, 0, 0, 0.70),
      rgba(0, 0, 0, 0.08) 65%
    ),
    url("assets/catering.jpg") center center / cover no-repeat;

  display: flex;
  align-items: flex-end;
  padding: 28px;
}

.visual2 span {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 900;
  letter-spacing: 0.18em;
}

#vermietung {
  position: relative;
  overflow: hidden;
  color: #fff;

  background:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.88),
      rgba(0, 0, 0, 0.68)
    ),
    url("assets/vermietung.jpg") center center / cover no-repeat;
}

.btn.light {
  padding: 45px;
}