:root{--bg:#050805;--bg2:#08100a;--fg:#f5f6f1;--muted:#99a399;--line:rgba(255,255,255,.12);--acid:#c8ff3d;--cream:#eef0e7;--max:1340px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.nav{position:fixed;z-index:100;top:16px;left:20px;right:20px;height:66px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;border:1px solid var(--line);border-radius:18px;background:rgba(5,8,5,.65);backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:10px}.brand img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#fff}.brand b{font:700 .78rem "Space Grotesk",Arial}.links{display:flex;gap:24px;font-size:.65rem;letter-spacing:.1em}.links a:hover{color:var(--acid)}.pill{justify-self:end;padding:11px 14px;border-radius:99px;background:var(--acid);color:#071009;font-size:.63rem;font-weight:800;letter-spacing:.12em}.hero{min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url("assets/brand/palm.jpg") center/cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,6,3,.97),rgba(2,6,3,.8) 52%,rgba(2,6,3,.55))}.grain{position:absolute;inset:0;opacity:.045;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-grid{position:relative;z-index:3;width:min(var(--max),calc(100% - 64px));margin:auto;display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center;padding-top:80px}.eyebrow,.head span,.channel span,.socialcard>div>span{font-size:.61rem;letter-spacing:.22em;color:var(--acid);font-weight:800}.hero h1,.about h2,.head h2,.socialcard h2{font:700 clamp(3.8rem,7vw,7.4rem)/.9 "Space Grotesk",Arial;letter-spacing:-.065em}.hero h1{margin:18px 0 28px}.hero h1 span,.hero h1 em{display:block}.hero h1 em,.about h2 em,.head h2 em,.socialcard h2 em{color:var(--acid);font-style:normal}.hero-copy>p{max-width:640px;color:#d4dbd4;line-height:1.7}.actions{display:flex;gap:24px;align-items:center;margin-top:32px}.btn{border:1px solid var(--line);border-radius:99px;padding:15px 20px;font-size:.64rem;letter-spacing:.13em;font-weight:800}.acid{background:var(--acid);color:#071009;border-color:var(--acid)}.ghost{background:transparent;color:#fff}.logo-stage{position:relative;min-height:580px;display:grid;place-items:center}.logo-disc{width:min(420px,38vw);aspect-ratio:1;border-radius:50%;overflow:hidden;background:white;box-shadow:0 35px 90px rgba(0,0,0,.22)}.logo-disc img{width:100%;height:100%;object-fit:cover}.orbit{position:absolute;width:min(530px,48vw);aspect-ratio:1;border:1px solid rgba(255,255,255,.14);border-radius:50%;animation:spin 20s linear infinite}.orbit i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--acid);left:8%;bottom:22%;box-shadow:0 0 20px var(--acid)}@keyframes spin{to{transform:rotate(360deg)}}.smokes{position:absolute;inset:0;z-index:2;pointer-events:none}.smokes i{position:absolute;bottom:-18%;width:240px;height:240px;border-radius:50%;filter:blur(32px);background:radial-gradient(circle,rgba(255,255,255,.13),rgba(255,255,255,.03) 48%,transparent 70%);opacity:0;animation:smoke 16s ease-in-out infinite}.smokes i:nth-child(1){left:14%}.smokes i:nth-child(2){left:48%;animation-delay:5s}.smokes i:nth-child(3){left:78%;animation-delay:10s}@keyframes smoke{0%{transform:translateY(80px) scale(.7);opacity:0}18%{opacity:.17}55%{transform:translate(35px,-40vh) scale(1.4);opacity:.1}100%{transform:translate(-20px,-88vh) scale(1.9);opacity:0}}.about{padding:150px max(28px,calc((100vw - 1200px)/2))}.about h2{margin:16px 0 40px}.aboutcols{display:grid;grid-template-columns:1fr 1fr;gap:70px}.aboutcols p,.head>p,.socialcard p{color:var(--muted);line-height:1.7}.section{padding:115px max(20px,calc((100vw - var(--max))/2))}.dark{background:#080d09}.head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:48px}.head h2{margin:14px 0 0}.head>p{max-width:430px}.teamgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.teamcard{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#0a110c}.teamcard img{width:100%;height:550px;object-fit:cover;display:block}.teaminfo{padding:22px}.teaminfo h3{font:600 1.8rem "Space Grotesk",Arial;margin:0 0 8px}.teaminfo p{color:var(--muted);line-height:1.6;font-size:.9rem}.offers{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.offer{min-height:310px;border:1px solid var(--line);border-radius:28px;padding:30px;background:#0b130d;display:flex;flex-direction:column}.offer:nth-child(2){background:var(--acid);color:#071009}.offer:nth-child(2) p{color:#304021}.offer:nth-child(4){background:var(--cream);color:#071009}.offer:nth-child(4) p{color:#5c665d}.offer span{font-size:.56rem;letter-spacing:.16em}.offer h3{font:700 2rem "Space Grotesk",Arial;margin:45px 0 12px}.offer p{color:var(--muted);line-height:1.65}.offer a{margin-top:auto;padding-top:20px;font-size:.62rem;letter-spacing:.13em;font-weight:800}.tastinggrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tasting{border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#0a110c}.cover{height:340px;position:relative;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}.count{position:absolute;top:12px;right:12px;background:rgba(4,8,5,.65);border:1px solid var(--line);border-radius:99px;padding:7px 9px;font-size:.52rem;letter-spacing:.12em}.tinfo{padding:19px}.tinfo small{font-size:.54rem;letter-spacing:.15em;color:var(--acid)}.tinfo h3{font:600 1.35rem "Space Grotesk",Arial;margin:8px 0}.tinfo p{color:var(--muted);font-size:.84rem;line-height:1.6}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px}.thumbs img{width:100%;height:58px;object-fit:cover;border-radius:8px;cursor:pointer;opacity:.8}.partnerlist{border-top:1px solid var(--line)}.partner{display:grid;grid-template-columns:52px 1fr auto 28px;gap:18px;align-items:center;padding:23px 4px;border-bottom:1px solid var(--line)}.partner strong{font:600 clamp(1.3rem,2.3vw,2.1rem) "Space Grotesk",Arial}.partner small{font-size:.54rem;letter-spacing:.15em;color:var(--acid)}.partner>span{font-size:.54rem;color:#758076}.partner b{color:var(--acid)}.bloggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog{min-height:300px;border:1px solid var(--line);border-radius:28px;background:#0b130d;padding:27px;display:flex;flex-direction:column}.blog>span{font-size:.55rem;letter-spacing:.16em;color:var(--acid)}.blog h3{font:700 1.8rem "Space Grotesk",Arial;margin:40px 0 12px}.blog p{color:var(--muted);line-height:1.65}.tags{margin-top:auto;display:flex;gap:7px;flex-wrap:wrap}.tags b{border:1px solid var(--line);border-radius:99px;padding:6px 8px;font-size:.5rem;letter-spacing:.12em}.channel{margin-top:24px;border:1px solid var(--line);border-radius:28px;padding:27px;display:flex;justify-content:space-between;gap:30px;align-items:center;background:rgba(200,255,61,.03)}.channel h3{font:600 1.45rem "Space Grotesk",Arial;margin:8px 0 0}.channel>div:last-child{display:flex;gap:9px;flex-wrap:wrap}.channel a{border:1px solid var(--line);border-radius:99px;padding:10px 13px;font-size:.58rem;letter-spacing:.12em}.channel a:hover{background:var(--acid);color:#071009}.socialcard{border:1px solid var(--line);border-radius:34px;padding:50px;background:linear-gradient(135deg,#0b150e,#071009);display:grid;grid-template-columns:1fr .65fr;gap:55px;align-items:end}.socialcard h2{margin:14px 0 18px}.socialcard>a{background:var(--acid);color:#071009;min-height:160px;border-radius:25px;padding:23px;display:flex;flex-direction:column;justify-content:space-between}.socialcard>a strong{font:600 2rem "Space Grotesk",Arial}.socialcard>a b{align-self:flex-end;font-size:.62rem;letter-spacing:.13em}footer{border-top:1px solid var(--line);padding:28px 30px;display:flex;justify-content:space-between;align-items:center;color:#818b82;font-size:.58rem}.footbrand{display:flex;align-items:center;gap:10px}.footbrand img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#fff}.footbrand div{display:flex;flex-direction:column}.footbrand b{color:#fff}.age{position:fixed;z-index:999;inset:0;display:grid;place-items:center;background:rgba(2,5,3,.95);backdrop-filter:blur(18px);padding:20px}.age.hidden{display:none}.agebox{width:min(460px,100%);border:1px solid var(--line);border-radius:30px;background:#08100a;padding:34px;text-align:center}.agebox img{width:110px;height:110px;border-radius:50%;object-fit:cover;background:white}.agebox>span{display:block;margin-top:18px;font-size:.54rem;letter-spacing:.16em;color:var(--acid)}.agebox h2{font:700 3rem "Space Grotesk",Arial;margin:9px 0}.agebox p{color:var(--muted)}.agebox>div{display:flex;justify-content:center;gap:9px;margin-top:22px}.reveal{opacity:0;transform:translateY(22px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1000px){.nav{grid-template-columns:1fr auto}.links{display:none}.hero-grid{grid-template-columns:1fr;width:calc(100% - 34px);padding:120px 0 70px}.logo-stage{min-height:430px}.logo-disc{width:min(350px,70vw)}.orbit{width:min(440px,85vw)}.head{display:block}.head>p{margin-top:18px}.teamgrid,.tastinggrid{grid-template-columns:1fr 1fr}.offers{grid-template-columns:1fr}.bloggrid{grid-template-columns:1fr 1fr}.socialcard{grid-template-columns:1fr}.channel{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.brand b{display:none}.hero h1{font-size:clamp(3.8rem,18vw,5.5rem)}.actions{flex-direction:column;align-items:flex-start}.about,.section{padding:95px 18px}.aboutcols,.teamgrid,.tastinggrid,.bloggrid{grid-template-columns:1fr}.teamcard img{height:500px}.socialcard{padding:27px}.partner{grid-template-columns:34px 1fr 24px}.partner small{display:none}footer{align-items:flex-start;flex-direction:column;gap:14px}.agebox>div{flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.smokes i,.orbit{animation:none!important}.reveal{opacity:1!important;transform:none!important}}
.lounge-section{background:#050805}
.loungegrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.loungecard{
  border:1px solid var(--line);border-radius:28px;padding:28px;
  background:linear-gradient(145deg,#0b130d,#080d09);
  min-height:260px;display:flex;flex-direction:column;
}
.loungecard h3{font:700 2rem "Space Grotesk",Arial;margin:0 0 12px}
.loungecard address{font-style:normal;color:var(--muted);line-height:1.6}
.loungetags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.loungetags b{border:1px solid var(--line);border-radius:99px;padding:7px 9px;font-size:.5rem;letter-spacing:.12em}
.loungecard a{margin-top:auto;padding-top:26px;color:var(--acid);font-size:.62rem;font-weight:800;letter-spacing:.13em}

.mixmonth{
  border:1px solid rgba(200,255,61,.3);border-radius:30px;
  background:linear-gradient(145deg,rgba(200,255,61,.12),#0a110c);
  padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:50px;
}
.mixmonth small{font-size:.56rem;letter-spacing:.17em;color:var(--acid)}
.mixmonth h3{font:700 clamp(2.6rem,4vw,4.4rem)/.95 "Space Grotesk",Arial;margin:12px 0 18px}
.mixmonth p{color:var(--muted);line-height:1.7}
.mix-details{border-left:1px solid var(--line);padding-left:30px}
.mix-details ul{margin:10px 0 24px;padding-left:20px;color:#d7ded6}
.mix-details li{margin:8px 0}
.mix-details b{font-size:.57rem;letter-spacing:.14em;color:var(--acid)}
.mix-list-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin:60px 0 20px}
.mix-list-head>span{font-size:.57rem;letter-spacing:.18em;color:var(--acid)}
.mix-list-head p{color:var(--muted);margin:0}
.mixgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mixcard{border:1px solid var(--line);border-radius:24px;background:#0a110c;padding:24px;min-height:220px}
.mixcard small{font-size:.53rem;letter-spacing:.15em;color:var(--acid)}
.mixcard h3{font:600 1.5rem "Space Grotesk",Arial;margin:12px 0}
.mixcard p{color:var(--muted);line-height:1.6;font-size:.88rem}
@media(max-width:900px){.loungegrid,.mixmonth{grid-template-columns:1fr}.mix-details{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:24px}.mixgrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.loungegrid,.mixgrid{grid-template-columns:1fr}.mix-list-head{display:block}.mix-list-head p{margin-top:10px}}

/* V4 adjustments */
.head:has(+ .tastinggrid) > p { display:none; }

/* Tasting cards: intentionally minimal – image, country, lounge name, thumbnails */
.tinfo p{display:none}
.tinfo h3{margin-bottom:14px}
.tasting .thumbs{margin-top:10px}

/* Discount codes */
.discount-section{background:#050805}
.discountgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.discountcard{
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(145deg,#0b130d,#080d09);
  padding:28px;
  min-height:260px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:28px;
  align-items:center;
}
.discountcard small{
  font-size:.55rem;
  letter-spacing:.17em;
  color:var(--acid);
}
.discountcard h3{
  font:700 2rem "Space Grotesk",Arial;
  margin:10px 0 10px;
}
.discountcard p{
  color:var(--muted);
  line-height:1.6;
}
.discount-codebox{
  min-width:150px;
  border:1px solid rgba(200,255,61,.45);
  border-radius:22px;
  padding:20px;
  text-align:center;
  background:rgba(200,255,61,.04);
}
.discount-codebox span{
  display:block;
  font-size:.52rem;
  letter-spacing:.15em;
  color:var(--acid);
}
.discount-codebox strong{
  display:block;
  margin:8px 0 14px;
  font:700 2rem "Space Grotesk",Arial;
}
.discount-copy{
  width:100%;
  border:1px solid var(--line);
  background:transparent;
  color:var(--fg);
  border-radius:999px;
  padding:10px 12px;
  font-size:.58rem;
  letter-spacing:.12em;
  cursor:pointer;
}
.discount-copy:hover{background:var(--acid);color:#071009;border-color:var(--acid)}
.discount-link{
  display:inline-block;
  margin-top:18px;
  font-size:.61rem;
  letter-spacing:.13em;
  color:var(--acid);
  font-weight:800;
}
@media(max-width:900px){
  .discountgrid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .discountcard{grid-template-columns:1fr}
  .discount-codebox{min-width:0}
}

/* V5 additions */
.experience{margin:28px 0 0;display:inline-flex;gap:12px;align-items:center;border:1px solid rgba(200,255,61,.28);border-radius:999px;padding:11px 16px;color:#dce4dc;font-size:.9rem}.experience b{color:var(--acid)}
.partner-callout{margin-bottom:24px;border:1px solid rgba(200,255,61,.32);border-radius:26px;padding:24px;background:rgba(200,255,61,.035);display:flex;align-items:center;justify-content:space-between;gap:24px}.partner-callout h3{font:600 1.55rem "Space Grotesk",Arial;margin:0 0 8px}.partner-callout p{margin:0;color:var(--muted);line-height:1.6}.partner-callout a{white-space:nowrap;background:var(--acid);color:#071009;border-radius:999px;padding:12px 16px;font-size:.62rem;letter-spacing:.1em;font-weight:800}
.tasting-partner{margin-bottom:28px;border:1px solid rgba(200,255,61,.3);border-radius:24px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#08100a}.tasting-partner strong{font:600 1.15rem "Space Grotesk",Arial}.tasting-partner strong em{color:var(--acid);font-style:normal}.tasting-partner span{font-size:.56rem;letter-spacing:.14em;color:var(--acid);font-weight:800}.event-badge{position:absolute;top:12px;left:12px;z-index:2;background:var(--acid);color:#071009;border-radius:999px;padding:7px 10px;font-size:.52rem;letter-spacing:.12em;font-weight:800}
.contact-strip{margin-top:24px;border:1px solid var(--line);border-radius:28px;padding:26px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.contact-strip h3{font:600 1.45rem "Space Grotesk",Arial;margin:0 0 8px}.contact-strip p{margin:0;color:var(--muted)}.contact-actions{display:flex;gap:9px;flex-wrap:wrap}.contact-actions a{border:1px solid var(--line);border-radius:999px;padding:11px 14px;font-size:.6rem;letter-spacing:.1em}.contact-actions a:first-child{background:var(--acid);color:#071009;border-color:var(--acid)}
@media(max-width:700px){.partner-callout,.tasting-partner,.contact-strip{align-items:flex-start;flex-direction:column;display:flex}.contact-actions{width:100%}.contact-actions a{width:100%;text-align:center}}

.team-head{margin:70px 0 28px}.team-head>span{font-size:.61rem;letter-spacing:.22em;color:var(--acid);font-weight:800}.team-head h3{font:700 clamp(2.4rem,4vw,4.6rem)/.95 "Space Grotesk",Arial;letter-spacing:-.05em;margin:12px 0}.team-head h3 em{color:var(--acid);font-style:normal}.team-head p,.tasting-partner p,.review-strip p{color:var(--muted);line-height:1.65}.tasting-partner p{margin:6px 0 0;font-size:.82rem}.review-strip{margin-top:18px;border:1px solid var(--line);border-radius:24px;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:24px;background:#08100a}.review-strip h3{margin:0 0 6px;font:600 1.3rem "Space Grotesk",Arial}.review-strip p{margin:0}.review-strip a{white-space:nowrap;background:var(--acid);color:#071009;border-radius:999px;padding:12px 16px;font-size:.62rem;letter-spacing:.1em;font-weight:800}.review-strip a.disabled{opacity:.45;cursor:not-allowed}.review-strip code{color:var(--acid)}
@media(max-width:700px){.review-strip{align-items:flex-start;flex-direction:column}.review-strip a{width:100%;text-align:center}}

/* V5 final requested adjustments */
.about{padding-bottom:120px}
.team-inline-head{
  margin-top:70px;
  padding-top:34px;
  border-top:1px solid var(--line);
}
.team-inline-head>span{
  font-size:.58rem;
  letter-spacing:.18em;
  color:var(--acid);
  font-weight:800;
}
.team-inline-head h3{
  font:700 clamp(2.4rem,4vw,4rem)/1 "Space Grotesk",Arial;
  margin:10px 0 12px;
  letter-spacing:-.05em;
}
.team-inline-head h3 em{color:var(--acid);font-style:normal}
.team-inline-head p{color:var(--muted);max-width:620px;line-height:1.65}
.teamgrid-inline{margin-top:28px}

.experience{
  margin-top:32px;
  display:inline-flex;
  align-items:center;
  gap:12px;
  border:1px solid rgba(200,255,61,.28);
  border-radius:999px;
  padding:12px 17px;
  background:rgba(200,255,61,.045);
  color:#dce3da;
}
.experience:first-letter{color:var(--acid)}
.experience b{color:var(--acid)}

.tasting-partner{
  border:1px solid rgba(200,255,61,.25);
  border-radius:26px;
  padding:24px 26px;
  margin-bottom:26px;
  background:linear-gradient(135deg,rgba(200,255,61,.07),rgba(7,13,9,.65));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.tasting-partner small{
  display:block;
  color:var(--acid);
  font-size:.54rem;
  letter-spacing:.18em;
  font-weight:800;
  margin-bottom:8px;
}
.tasting-partner strong{
  display:block;
  font:600 clamp(1.2rem,2vw,1.7rem) "Space Grotesk",Arial;
}
.tasting-partner strong em{font-style:normal;color:var(--acid)}
.tasting-partner p{color:var(--muted);margin:8px 0 0;line-height:1.55}
.tasting-partner>a{
  flex:0 0 auto;
  border:1px solid var(--line);
  border-radius:999px;
  padding:11px 14px;
  color:var(--acid);
  font-size:.58rem;
  letter-spacing:.13em;
  font-weight:800;
}

.event-badge{
  position:absolute;
  left:12px;
  top:12px;
  z-index:3;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(200,255,61,.6);
  background:rgba(4,8,5,.78);
  backdrop-filter:blur(8px);
  color:var(--acid);
  font-size:.52rem;
  letter-spacing:.13em;
  font-weight:800;
}

.offer-contact{
  margin-top:auto;
  padding-top:20px;
  display:flex;
  gap:9px;
  flex-wrap:wrap;
}
.offer-contact a{
  margin:0;
  padding:10px 12px;
  border:1px solid currentColor;
  border-radius:999px;
  font-size:.56rem;
  letter-spacing:.12em;
  font-weight:800;
}
.offer:nth-child(2) .offer-contact a,
.offer:nth-child(4) .offer-contact a{border-color:rgba(7,16,9,.3)}

.contact-review{background:#050805}
.contact-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-card,.review-card{
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(145deg,#0b130d,#080d09);
  padding:30px;
}
.contact-card>span,.review-card>span{
  font-size:.56rem;
  letter-spacing:.18em;
  color:var(--acid);
  font-weight:800;
}
.contact-card h3,.review-card h3{
  font:700 2rem "Space Grotesk",Arial;
  margin:13px 0 10px;
}
.contact-card p,.review-card p{color:var(--muted);line-height:1.65}
.contact-card small,.review-card small{display:block;color:#738076;margin-top:14px}
.contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.contact-actions a,.review-btn{
  border:1px solid var(--line);
  border-radius:999px;
  padding:11px 14px;
  font-size:.6rem;
  letter-spacing:.13em;
  font-weight:800;
}
.contact-actions a:first-child,.review-btn{background:var(--acid);color:#071009;border-color:var(--acid)}
.review-btn{display:inline-block;margin-top:20px}
.review-btn.disabled{opacity:.45;cursor:not-allowed}
.review-card code{color:var(--acid);font:inherit}

@media(max-width:900px){
  .contact-review-grid{grid-template-columns:1fr}
  .tasting-partner{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
  .experience{border-radius:20px;align-items:flex-start}
  .offer-contact{flex-direction:column}
  .offer-contact a{text-align:center}
}
/* V6 */
.aboutcols b{color:var(--acid)}
.event-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.tinfo .event-badge{position:static;display:inline-flex;background:transparent;color:var(--acid);border:1px solid rgba(200,255,61,.5);padding:6px 9px}.event-status{display:inline-flex;margin-top:5px;border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:.54rem;letter-spacing:.1em;font-weight:800;text-transform:uppercase}.event-status.upcoming{color:#071009;background:var(--acid);border-color:var(--acid)}.event-status.done{color:#aeb7ae}.platforms-section{background:#080d09}.platformgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.platformcard{min-height:270px;border:1px solid var(--line);border-radius:28px;padding:28px;background:#0b130d;display:flex;flex-direction:column;transition:.25s ease}.platformcard:hover{transform:translateY(-4px);border-color:rgba(200,255,61,.5)}.platformcard small{font-size:.56rem;letter-spacing:.18em;color:var(--acid);font-weight:800}.platformcard h3{font:700 2.1rem "Space Grotesk",Arial;margin:42px 0 10px}.platformcard p{color:var(--muted);line-height:1.6}.platformcard b{margin-top:auto;font-size:.62rem;letter-spacing:.13em;color:var(--acid)}
@media(max-width:800px){.platformgrid{grid-template-columns:1fr}.event-meta{align-items:center}}

/* V6.2: mobile-safe 18+ gate */
body.age-open{overflow:hidden;touch-action:none}
.age{min-height:100dvh;overflow:auto;-webkit-overflow-scrolling:touch}
.agebox{position:relative;z-index:1000}
.agebox button{position:relative;z-index:1001;min-height:48px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media(max-width:600px){
  .age{padding:16px;align-items:center}
  .agebox{padding:24px 20px;border-radius:24px}
  .agebox img{width:88px;height:88px}
  .agebox h2{font-size:2.25rem}
  .agebox>div{width:100%}
  .agebox .btn{width:100%;justify-content:center}
}

/* V6.3 mobile-safe 18+ gate */
html.age-ok .age{display:none!important}
.age{z-index:99999!important;touch-action:manipulation}
.agebox{position:relative;z-index:100000;pointer-events:auto}
.agebox button{
  position:relative;
  z-index:100001;
  pointer-events:auto!important;
  touch-action:manipulation;
  -webkit-tap-highlight-color:rgba(200,255,61,.18);
  user-select:none;
  -webkit-user-select:none;
}
@media(max-width:600px){
  .age{padding:12px}
  .agebox{width:min(92vw,420px);max-height:92dvh;overflow:auto}
  .agebox .btn{min-height:54px;font-size:.72rem}
}

/* V6.4: 18+ gate works without JavaScript, including mobile file previews */
.age-confirm{
  position:fixed;
  opacity:0;
  pointer-events:none;
  width:1px;
  height:1px;
}
.age-confirm:checked + .age{
  display:none!important;
}
.age{
  z-index:99999!important;
  min-height:100dvh;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  touch-action:manipulation;
}
.agebox{
  position:relative;
  z-index:100000;
}
.age-actions{
  display:flex;
  justify-content:center;
  gap:9px;
  margin-top:22px;
}
.age-yes,.age-no{
  position:relative;
  z-index:100001;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:rgba(200,255,61,.18);
  user-select:none;
  -webkit-user-select:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}
@media(max-width:600px){
  .age{padding:12px}
  .agebox{width:min(92vw,420px);max-height:92dvh;overflow:auto;padding:24px 20px}
  .agebox img{width:88px;height:88px}
  .agebox h2{font-size:2.25rem}
  .age-actions{flex-direction:column;width:100%}
  .age-yes,.age-no{width:100%;min-height:54px}
}

/* V6.5 static-rendered mobile preview: content stays visible without JavaScript */
.reveal{opacity:1!important;transform:none!important}

.legal-section{padding-top:90px;padding-bottom:40px}
.legal-wrap{max-width:980px;margin:0 auto}
.legal-wrap>h2{font-size:clamp(2.5rem,6vw,5rem);line-height:.95;margin:12px 0 28px;letter-spacing:-.05em}
.legal-card{border:1px solid var(--line);border-radius:28px;padding:clamp(22px,4vw,42px);background:linear-gradient(145deg,#0b130d,#080d09)}
.legal-card h3{margin:30px 0 8px;font-size:1.05rem;color:var(--acid)}
.legal-card h3:first-of-type{margin-top:8px}
.legal-card p{color:var(--muted);line-height:1.75;margin:0 0 10px}
.legal-card a{color:#e9f1e9;text-decoration:underline;text-underline-offset:3px}
.legal-links{display:flex;gap:16px;flex-wrap:wrap}
.legal-links a{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.legal-links a:hover{color:var(--acid)}
@media(max-width:760px){footer{gap:20px;align-items:flex-start;flex-direction:column}.legal-section{padding-top:65px}}

/* V6.7 – Rechtliches standardmässig geschlossen */
.legal-accordion{
  border-top:1px solid var(--line);
  background:#050805;
}
.legal-accordion-wrap{
  width:min(980px,calc(100% - 36px));
  margin:0 auto;
  padding:18px 0 34px;
}
.legal-accordion details{
  border-bottom:1px solid var(--line);
}
.legal-accordion summary{
  list-style:none;
  cursor:pointer;
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  font-size:.72rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:800;
  color:#dbe1da;
  user-select:none;
  -webkit-user-select:none;
  touch-action:manipulation;
}
.legal-accordion summary::-webkit-details-marker{display:none}
.legal-accordion summary span{
  color:var(--acid);
  font-size:1.3rem;
  font-weight:400;
  transition:transform .2s ease;
}
.legal-accordion details[open] summary span{transform:rotate(45deg)}
.legal-panel{
  padding:8px 0 34px;
  max-width:900px;
}
.legal-panel h3{
  color:var(--acid);
  font-size:1.02rem;
  margin:28px 0 8px;
}
.legal-panel h3:first-of-type{margin-top:8px}
.legal-panel p{
  color:var(--muted);
  line-height:1.75;
  margin:0 0 10px;
}
.legal-panel a{
  color:#edf3ec;
  text-decoration:underline;
  text-underline-offset:3px;
}
@media(max-width:600px){
  .legal-accordion-wrap{width:calc(100% - 32px)}
  .legal-accordion summary{min-height:58px;font-size:.68rem}
  .legal-panel{padding-bottom:28px}
}

/* V6.8 – Rechtliches dauerhaft als Footer-Links, Inhalt nur nach Klick */
.legal-toggle{
  position:fixed;
  opacity:0;
  pointer-events:none;
  width:1px;
  height:1px;
}
.legal-modal{
  position:fixed;
  inset:0;
  z-index:120000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}
#legal-impressum:checked ~ .modal-impressum,
#legal-datenschutz:checked ~ .modal-datenschutz,
#legal-agb:checked ~ .modal-agb{
  display:flex;
}
.legal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,5,3,.88);
  backdrop-filter:blur(16px);
  cursor:pointer;
}
.legal-dialog{
  position:relative;
  z-index:1;
  width:min(980px,100%);
  max-height:min(84dvh,900px);
  overflow:auto;
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(145deg,#0b130d,#080d09);
  box-shadow:0 30px 90px rgba(0,0,0,.5);
}
.legal-dialog-head{
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:28px 30px 20px;
  background:rgba(8,13,9,.96);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(12px);
}
.legal-dialog-head span{
  color:var(--acid);
  font-size:.58rem;
  letter-spacing:.18em;
  font-weight:800;
}
.legal-dialog-head h2{
  margin:5px 0 0;
  font-size:clamp(2.2rem,5vw,4rem);
  line-height:.95;
  letter-spacing:-.05em;
}
.legal-close{
  width:44px;
  height:44px;
  border:1px solid var(--line);
  border-radius:50%;
  display:grid;
  place-items:center;
  cursor:pointer;
  font-size:1.5rem;
  color:var(--fg);
  flex:0 0 auto;
}
.legal-close:hover{border-color:var(--acid);color:var(--acid)}
.legal-dialog-body{padding:26px 30px 38px}
.legal-dialog-body h3{
  color:var(--acid);
  font-size:1.02rem;
  margin:28px 0 8px;
}
.legal-dialog-body h3:first-of-type{margin-top:0}
.legal-dialog-body p{
  color:var(--muted);
  line-height:1.75;
  margin:0 0 10px;
}
.legal-dialog-body a{
  color:#edf3ec;
  text-decoration:underline;
  text-underline-offset:3px;
}
.legal-links{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  align-items:center;
}
.legal-links label{
  cursor:pointer;
  font-size:.66rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
  user-select:none;
  -webkit-user-select:none;
  touch-action:manipulation;
}
.legal-links label:hover{color:var(--acid)}

@media(max-width:700px){
  .legal-modal{padding:12px}
  .legal-dialog{max-height:88dvh;border-radius:22px}
  .legal-dialog-head{padding:20px 18px 16px}
  .legal-dialog-body{padding:20px 18px 28px}
  footer{gap:18px}
  .legal-links{gap:14px}
}

/* V6.9 – Luca 1 Profil */
.teamrole{margin-top:6px;color:var(--acid);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.teambio{margin-top:18px}
.teambio p{margin:0 0 16px;line-height:1.65}
.teambio p strong{color:#edf3ec}
.favorite-setup{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:grid;gap:5px;color:var(--muted);line-height:1.55}
.favorite-setup strong{color:var(--acid);margin-bottom:4px}
.teamcard-featured .teaminfo{padding-bottom:30px}
@media(min-width:900px){.teamcard-featured{grid-row:span 2}}

#legal-cookies:checked ~ .modal-cookies{display:flex}

/* V6.11 – Einheitlicher vertikaler Rhythmus zwischen Hauptbereichen */
:root{
  --section-space-desktop:112px;
  --section-space-mobile:72px;
  --section-head-gap:34px;
}

/* Alle inhaltlichen Hauptsektionen erhalten denselben Aussenabstand. */
main > section:not(.hero){
  padding-top:var(--section-space-desktop)!important;
  padding-bottom:var(--section-space-desktop)!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

/* Abschnittsüberschriften und deren Inhalte ebenfalls konsistent halten. */
main > section:not(.hero) .head{
  margin-bottom:var(--section-head-gap)!important;
}

/* Dekorative Trennlinien sollen den Rhythmus nicht zusätzlich vergrössern. */
main > .rule{
  margin-top:0!important;
  margin-bottom:0!important;
}

@media(max-width:760px){
  main > section:not(.hero){
    padding-top:var(--section-space-mobile)!important;
    padding-bottom:var(--section-space-mobile)!important;
  }
  main > section:not(.hero) .head{
    margin-bottom:28px!important;
  }
}

/* V6.14 – vollständige Teamprofile aus config.js */
@media(min-width:900px){.teamcard-featured{grid-row:auto}}

/* V6.16 – Mix-Bibliothek */
.mix-library{margin:34px 0 26px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#0b130d,#080d09);padding:26px}
.mix-library-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}
.mix-library-head span{color:var(--acid);font-size:.58rem;letter-spacing:.16em;font-weight:800}
.mix-library-head h3{margin:6px 0 0;font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.04em}
.mix-count{color:var(--muted);font-size:.72rem;white-space:nowrap}
.mix-tools{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:12px;align-items:end}
.mix-tools label{display:grid;gap:7px}.mix-tools label>span{color:#8b978d;font-size:.52rem;letter-spacing:.13em;font-weight:800}
.mix-tools input,.mix-tools select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:14px;background:#050805;color:var(--fg);padding:0 13px;font:inherit;outline:none}
.mix-tools input:focus,.mix-tools select:focus{border-color:var(--acid)}
.mix-reset{min-height:46px;border:1px solid var(--line);border-radius:14px;background:transparent;color:var(--acid);padding:0 14px;cursor:pointer;font-size:.54rem;letter-spacing:.1em;font-weight:800}
.mixcard-library{display:flex;flex-direction:column;gap:20px}.mixcard-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.mix-leaf{border:1px solid rgba(200,255,61,.28);border-radius:999px;padding:7px 9px;color:var(--acid);font-size:.5rem;letter-spacing:.1em;font-weight:800;white-space:nowrap}
.mix-ingredients{display:grid;gap:10px}.mix-ingredient{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--line)}
.mix-ingredient:first-child{border-top:0}.mix-ingredient div{display:grid;gap:2px}.mix-ingredient strong{color:#f1f4ef}.mix-ingredient span{color:var(--muted);font-size:.78rem}.mix-ingredient b{color:var(--acid);font-size:1.2rem}
.mix-empty{grid-column:1/-1;border:1px dashed var(--line);border-radius:22px;padding:28px;color:var(--muted);text-align:center}
@media(max-width:1100px){.mix-tools{grid-template-columns:1fr 1fr}.mix-search{grid-column:1/-1}.mix-reset{width:100%}}
@media(max-width:650px){.mix-library{padding:20px}.mix-library-head{align-items:flex-start;flex-direction:column}.mix-tools{grid-template-columns:1fr}.mix-search{grid-column:auto}.mixcard-top{flex-direction:column}}

.mix-library-note{margin:8px 0 0;color:var(--muted);font-size:.78rem;line-height:1.5}

/* V6.19 – Mixes erst nach Suche/Filter anzeigen */
.mix-start{
  grid-column:1/-1;
  min-height:150px;
  border:1px dashed var(--line);
  border-radius:22px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:8px;
  padding:28px;
}
.mix-start strong{font-size:1.15rem;color:var(--fg)}
.mix-start span{max-width:520px;color:var(--muted);font-size:.82rem;line-height:1.6}
.mix-more-wrap{grid-column:1/-1;display:flex;justify-content:center;padding-top:8px}
.mix-more{
  min-height:46px;
  border:1px solid var(--acid);
  border-radius:999px;
  background:transparent;
  color:var(--acid);
  padding:0 22px;
  cursor:pointer;
  font-size:.58rem;
  letter-spacing:.1em;
  font-weight:800;
}
.mix-more span{margin-left:8px;color:var(--muted);font-weight:600}

/* V6.20 – Team role only once */
.teamrole{display:block;margin-top:6px;color:var(--acid);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.teambio{margin-top:18px}
.teambio>p:first-child{margin-top:0}

/* V6.22 – Mobile / iPhone Mix-Bibliothek */
@media(max-width:760px){
  .mix-library{margin-top:26px;padding:18px;border-radius:22px}
  .mix-library-head{gap:8px;margin-bottom:18px}
  .mix-library-head h3{font-size:2rem}
  .mix-count{font-size:.68rem}
  .mix-tools{display:flex;flex-direction:column;gap:12px}
  .mix-tools label,.mix-tools input,.mix-tools select,.mix-reset{width:100%}
  .mix-tools input,.mix-tools select,.mix-reset{
    min-height:52px;
    font-size:16px; /* verhindert iPhone Auto-Zoom */
    touch-action:manipulation;
  }
  .mix-tools input{-webkit-appearance:none;appearance:none}
  .mix-tools select{font-size:16px}
  .mix-reset{margin-top:2px}
  .mixgrid{grid-template-columns:1fr!important}
  .mixcard-library{width:100%;min-width:0}
  .mix-start{min-height:130px;padding:22px 16px}
  .mix-ingredient{gap:10px}
  .mix-ingredient div{min-width:0}
  .mix-ingredient strong,.mix-ingredient span{overflow-wrap:anywhere}
  .mix-more{width:100%;min-height:52px}
}

/* V6.23 – Team Rollen nur einmal + Mobile Fallback */
.teaminfo .teambio > p:first-child > strong:first-child{
  color:inherit;
}
.mix-js-fallback{
  display:none;
}
@media(max-width:760px){
  .mix-js-fallback{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin:18px 0 0;
    padding:18px;
    border:1px dashed var(--line);
    border-radius:18px;
    color:var(--muted);
    line-height:1.55;
  }
  .mix-js-fallback strong{color:var(--fg)}
  .mix-js-ready .mix-js-fallback{display:none!important}
}

/* V6.25 – Tätigkeit direkt als erste grüne Bio-Zeile */
.team-role-inline{
  margin:0 0 18px!important;
  color:var(--acid)!important;
  font-size:.72rem!important;
  line-height:1.5!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
@media(max-width:760px){
  .team-role-inline{font-size:.74rem!important;margin-bottom:18px!important;}
}

/* V6.27 – Team-Rolle nur einmal, grün */
.teamrole{
  margin-top:6px;
  margin-bottom:18px;
  color:var(--acid);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  line-height:1.45;
}
.teambio{margin-top:0}

/* V6.28 Mobilefix – Desktop-Look der Mix-Bibliothek auf Handy */
@media (max-width:760px){
  #community .mix-library{
    width:100%!important;
    box-sizing:border-box!important;
    margin:28px 0 24px!important;
    padding:22px 18px!important;
    border:1px solid var(--line)!important;
    border-radius:24px!important;
    background:linear-gradient(145deg,#0b130d,#080d09)!important;
  }
  #community .mix-library-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:8px!important;
    margin-bottom:22px!important;
  }
  #community .mix-library-head span{
    color:var(--acid)!important;
    font-size:.62rem!important;
    letter-spacing:.16em!important;
    font-weight:800!important;
  }
  #community .mix-library-head h3{
    margin:4px 0 0!important;
    font-size:2rem!important;
    line-height:1!important;
    color:var(--fg)!important;
    letter-spacing:-.04em!important;
  }
  #community .mix-library-note{
    margin:7px 0 0!important;
    color:var(--muted)!important;
    font-size:.82rem!important;
    line-height:1.45!important;
  }
  #community .mix-count{
    margin-top:4px!important;
    color:var(--muted)!important;
    font-size:.74rem!important;
  }
  #community .mix-tools{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    width:100%!important;
    align-items:stretch!important;
  }
  #community .mix-tools label{
    display:grid!important;
    width:100%!important;
    gap:7px!important;
    margin:0!important;
  }
  #community .mix-tools label>span{
    color:#8b978d!important;
    font-size:.56rem!important;
    letter-spacing:.13em!important;
    font-weight:800!important;
  }
  #community .mix-tools input,
  #community .mix-tools select{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:54px!important;
    min-height:54px!important;
    box-sizing:border-box!important;
    border:1px solid var(--line)!important;
    border-radius:16px!important;
    background:#050805!important;
    color:var(--fg)!important;
    padding:0 15px!important;
    font-size:16px!important;
    font-family:inherit!important;
    outline:none!important;
    box-shadow:none!important;
    -webkit-appearance:none!important;
    appearance:none!important;
  }
  #community .mix-tools select{
    background-image:
      linear-gradient(45deg,transparent 50%,#c7d0c7 50%),
      linear-gradient(135deg,#c7d0c7 50%,transparent 50%)!important;
    background-position:calc(100% - 18px) 23px,calc(100% - 13px) 23px!important;
    background-size:5px 5px,5px 5px!important;
    background-repeat:no-repeat!important;
    padding-right:40px!important;
  }
  #community .mix-tools input::placeholder{color:#667067!important;opacity:1!important}
  #community .mix-tools input:focus,
  #community .mix-tools select:focus{border-color:var(--acid)!important}
  #community .mix-reset{
    width:100%!important;
    min-height:52px!important;
    border:1px solid var(--line)!important;
    border-radius:16px!important;
    background:transparent!important;
    color:var(--acid)!important;
    padding:0 16px!important;
    font-size:.62rem!important;
    letter-spacing:.10em!important;
    font-weight:800!important;
  }
  #community .mixgrid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    width:100%!important;
  }
  #community .mix-start,
  #community .mix-empty{
    width:100%!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:22px 18px!important;
    border:1px dashed var(--line)!important;
    border-radius:20px!important;
    background:#071009!important;
    color:var(--muted)!important;
    text-align:left!important;
  }
  #community .mix-start{
    min-height:auto!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
  }
  #community .mix-start strong{color:var(--fg)!important;font-size:1rem!important}
  #community .mix-start span{color:var(--muted)!important;font-size:.82rem!important;line-height:1.5!important}
  #community .mixcard-library{width:100%!important;box-sizing:border-box!important;border-radius:22px!important}
  #community .mix-more-wrap{width:100%!important}
  #community .mix-more{width:100%!important;min-height:52px!important;border-radius:16px!important}
  #community{-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
}

/* V6.29 – Rollen nur einmal: frühere weisse Bio-Zeile jetzt grün */
.team-role-inline{
  margin:0 0 18px!important;
  color:var(--acid)!important;
  font-size:.72rem!important;
  line-height:1.5!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
@media(max-width:760px){
  .team-role-inline{
    font-size:.74rem!important;
    margin-bottom:18px!important;
  }
}

/* V6.30 – genau eine Rollen-Zeile */
.teamcard .teamrole{display:none!important;}
.teamcard .team-role-inline{
  display:block!important;
  margin:0 0 18px!important;
  color:var(--acid)!important;
  font-size:.72rem!important;
  line-height:1.5!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
@media(max-width:760px){
  .teamcard .team-role-inline{font-size:.74rem!important;}
}

/* V6.31 – verbleibende Rollen-Zeile definitiv grün */
.teamcard .team-role-inline,
.teamcard .team-role-inline strong,
.teamcard .team-role-inline span{
  color:#baff2a!important;
  -webkit-text-fill-color:#baff2a!important;
}

/* V6.32 – Rollen-Zeile in statischem HTML UND dynamischer Ansicht identisch grün */
.teamcard .teamrole{
  display:none!important;
}
.teamcard .team-role-inline,
.teamcard .team-role-inline strong,
.teamcard .team-role-inline span{
  display:block!important;
  margin:0 0 18px!important;
  color:#baff2a!important;
  -webkit-text-fill-color:#baff2a!important;
  font-size:.72rem!important;
  line-height:1.5!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
@media(max-width:760px){
  .teamcard .team-role-inline{
    font-size:.74rem!important;
  }
}
.ingredient-leaf{color:var(--acid)!important;font-style:normal;font-size:.7em;font-weight:800;letter-spacing:.04em}.lang-switch{display:flex;align-items:center;gap:5px;margin-left:12px;font-size:.68rem;font-weight:900;letter-spacing:.08em}.lang-switch button{border:0;background:transparent;color:var(--muted);padding:5px 3px;cursor:pointer;font:inherit}.lang-switch button.active{color:var(--acid)}.lang-switch span{color:var(--line)}@media(max-width:760px){.lang-switch{margin-left:auto;margin-right:8px}}
/* V6.34 – Blattart-Filter */
#mixLeaf option{background:#050805;color:var(--fg)}

/* V6.35 – Partner-Bereich wieder sauber strukturiert */
#partnerlist{
  display:grid;
  grid-template-columns:1fr;
  width:100%;
  border-top:1px solid var(--line);
}

#partnerlist .partner{
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) 42px!important;
  align-items:center!important;
  gap:18px!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding:26px 6px!important;
  border-bottom:1px solid var(--line)!important;
  text-decoration:none!important;
  color:var(--fg)!important;
}

#partnerlist .partner-no{
  color:var(--acid)!important;
  font-size:.72rem!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
}

#partnerlist .partner-main{
  display:flex!important;
  align-items:baseline!important;
  gap:16px!important;
  min-width:0!important;
}

#partnerlist .partner-main strong{
  color:var(--fg)!important;
  font-size:1.15rem!important;
  font-weight:750!important;
  line-height:1.2!important;
  overflow-wrap:anywhere!important;
}

#partnerlist .partner-main small{
  color:var(--muted)!important;
  font-size:.72rem!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

#partnerlist .partner-arrow{
  justify-self:end!important;
  color:var(--acid)!important;
  font-size:1rem!important;
  font-weight:700!important;
}

#partnerlist .partner:hover .partner-main strong{
  color:var(--acid)!important;
}

@media(max-width:760px){
  #partnerlist .partner{
    grid-template-columns:42px minmax(0,1fr) 30px!important;
    gap:12px!important;
    padding:20px 0!important;
  }

  #partnerlist .partner-main{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:5px!important;
  }

  #partnerlist .partner-main strong{
    font-size:1rem!important;
  }

  #partnerlist .partner-main small{
    font-size:.66rem!important;
    white-space:normal!important;
  }

  #partnerlist .partner-no{
    font-size:.68rem!important;
  }
}

/* V6.38 – moderne Partnerkarten */
#partnerlist{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
  border-top:1px solid var(--line)!important;
  padding-top:26px!important;
}
#partnerlist .partner-modern{
  display:grid!important;
  grid-template-columns:72px 56px minmax(0,1fr) 54px!important;
  align-items:center!important;
  gap:20px!important;
  min-height:108px!important;
  padding:18px 22px!important;
  box-sizing:border-box!important;
  border:1px solid var(--line)!important;
  border-radius:22px!important;
  background:linear-gradient(110deg,rgba(12,25,15,.72),rgba(5,10,7,.82))!important;
  color:var(--fg)!important;
  text-decoration:none!important;
  transition:transform .22s ease,border-color .22s ease,background .22s ease!important;
}
#partnerlist .partner-modern:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(186,255,42,.42)!important;
  background:linear-gradient(110deg,rgba(17,34,20,.84),rgba(6,12,8,.9))!important;
}
#partnerlist .partner-no{
  display:flex!important;
  align-items:center!important;
  height:54px!important;
  padding-right:18px!important;
  border-right:1px solid rgba(186,255,42,.34)!important;
  color:var(--acid)!important;
  font-size:1.1rem!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}
#partnerlist .partner-icon{
  width:48px!important;height:48px!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(186,255,42,.32)!important;
  border-radius:50%!important;
  color:var(--fg)!important;
  font-size:1.35rem!important;
  background:rgba(255,255,255,.02)!important;
}
#partnerlist .partner-copy{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  min-width:0!important;
}
#partnerlist .partner-copy strong{
  color:var(--fg)!important;
  font-size:1.18rem!important;
  line-height:1.15!important;
  font-weight:800!important;
  overflow-wrap:anywhere!important;
}
#partnerlist .partner-copy small{
  color:var(--muted)!important;
  font-size:.82rem!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
#partnerlist .partner-go{
  justify-self:end!important;
  width:46px!important;height:46px!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(186,255,42,.28)!important;
  border-radius:50%!important;
  color:var(--acid)!important;
  font-size:1.45rem!important;
  transition:background .2s ease,transform .2s ease!important;
}
#partnerlist .partner-modern:hover .partner-go{
  background:var(--acid)!important;
  color:#071006!important;
  transform:translate(2px,-2px)!important;
}
@media(max-width:760px){
  #partnerlist{gap:10px!important;padding-top:18px!important}
  #partnerlist .partner-modern{
    grid-template-columns:42px 42px minmax(0,1fr) 38px!important;
    gap:11px!important;
    min-height:88px!important;
    padding:14px 14px!important;
    border-radius:18px!important;
  }
  #partnerlist .partner-no{height:44px!important;padding-right:10px!important;font-size:.86rem!important}
  #partnerlist .partner-icon{width:38px!important;height:38px!important;font-size:1rem!important}
  #partnerlist .partner-copy{gap:4px!important}
  #partnerlist .partner-copy strong{font-size:.96rem!important}
  #partnerlist .partner-copy small{font-size:.72rem!important}
  #partnerlist .partner-go{width:36px!important;height:36px!important;font-size:1.05rem!important}
}

/* V6.43 – nur Headline-Trennung + Partnerkarten */
#partnerlist{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  width:100%!important;
  padding-top:26px!important;
  border-top:1px solid var(--line)!important;
}
#partnerlist .partner-card-v43{
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  min-height:220px!important;
  padding:22px!important;
  box-sizing:border-box!important;
  border:1px solid var(--line)!important;
  border-radius:24px!important;
  background:radial-gradient(circle at 84% 16%,rgba(186,255,42,.055),transparent 34%),linear-gradient(145deg,rgba(11,23,14,.94),rgba(5,9,6,.98))!important;
  color:var(--fg)!important;
  text-decoration:none!important;
  transition:transform .22s ease,border-color .22s ease,background .22s ease!important;
}
#partnerlist .partner-card-v43:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(186,255,42,.4)!important;
}
.partner-card-v43-top{display:flex!important;justify-content:space-between!important;align-items:center!important}
.partner-card-v43-no{color:var(--acid)!important;font-size:.78rem!important;font-weight:900!important;letter-spacing:.08em!important}
.partner-card-v43-arrow{
  width:38px!important;height:38px!important;display:grid!important;place-items:center!important;
  border:1px solid rgba(186,255,42,.28)!important;border-radius:50%!important;color:var(--acid)!important;font-size:1.02rem!important
}
.partner-card-v43-main{display:flex!important;align-items:center!important;gap:16px!important;min-width:0!important}
.partner-card-v43-icon{
  flex:0 0 auto!important;width:48px!important;height:48px!important;display:grid!important;place-items:center!important;
  border:1px solid rgba(186,255,42,.28)!important;border-radius:50%!important;color:var(--fg)!important;background:rgba(255,255,255,.02)!important;font-size:1.22rem!important
}
.partner-card-v43-copy{display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0!important}
.partner-card-v43-copy strong{color:var(--fg)!important;font-size:1.08rem!important;line-height:1.15!important;font-weight:800!important;overflow-wrap:anywhere!important}
.partner-card-v43-copy small{color:var(--muted)!important;font-size:.78rem!important;line-height:1.25!important;letter-spacing:0!important;text-transform:none!important}
@media(max-width:980px){#partnerlist{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){
  #partnerlist{grid-template-columns:1fr!important;gap:12px!important;padding-top:18px!important}
  #partnerlist .partner-card-v43{min-height:145px!important;padding:18px!important;border-radius:20px!important}
  .partner-card-v43-icon{width:42px!important;height:42px!important;font-size:1rem!important}
  .partner-card-v43-copy strong{font-size:1rem!important}
  .partner-card-v43-copy small{font-size:.72rem!important}
  .partner-card-v43-arrow{width:34px!important;height:34px!important;font-size:.92rem!important}
}

/* V6.44 – einheitliche Themenabstände */
:root{
  --section-gap-desktop: 112px;
  --section-gap-mobile: 76px;
}

main > section,
body > main > section{
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:var(--section-gap-desktop)!important;
  padding-bottom:var(--section-gap-desktop)!important;
}

main > section:first-child,
body > main > section:first-child{
  padding-top:72px!important;
}

.section + .section{
  margin-top:0!important;
}

@media(max-width:760px){
  main > section,
  body > main > section{
    padding-top:var(--section-gap-mobile)!important;
    padding-bottom:var(--section-gap-mobile)!important;
  }
  main > section:first-child,
  body > main > section:first-child{
    padding-top:48px!important;
  }
}

/* große Titel: saubere Wortabstände und Zeilenumbrüche */
h1,h2,h3,
.display,
.section-title,
.hero-title{
  word-spacing:normal!important;
  letter-spacing:normal;
}

h1 br,h2 br,h3 br{
  content:"";
}

/* verhindert optisches Zusammenkleben bei Inline-Highlights */
h1 span + span,
h2 span + span,
h3 span + span,
.display span + span,
.section-title span + span{
  margin-left:.18em;
}

/* V6.53 upcoming tasting cards */
.event-image-pending{height:100%;min-height:260px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#0d130f,#151c17);border-bottom:1px solid rgba(173,255,47,.12)}
.event-image-pending span{font-size:.78rem;font-weight:900;letter-spacing:.16em;color:var(--green,#b7ff00);border:1px solid rgba(183,255,0,.28);padding:10px 14px;border-radius:999px}
.event-description{margin:14px 0 0;color:rgba(255,255,255,.64);line-height:1.6}

/* V6.54 – mobile event layout */
@media(max-width:760px){
  .tastinggrid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .tasting{
    border-radius:22px!important;
    overflow:hidden!important;
  }
  .tasting .cover{
    height:auto!important;
    aspect-ratio:4/3!important;
    min-height:0!important;
  }
  .tasting .cover>img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  .event-image-pending{
    min-height:0!important;
    height:100%!important;
  }
  .tasting .tinfo{
    padding:18px!important;
  }
  .tasting .event-meta{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
  }
  .tasting .tinfo h3{
    font-size:1.55rem!important;
    line-height:1.1!important;
    margin:10px 0 8px!important;
  }
  .event-status{
    font-size:.68rem!important;
    line-height:1.4!important;
    white-space:normal!important;
  }
  .event-description{
    font-size:.88rem!important;
    margin-top:10px!important;
  }
  .tasting .thumbs{
    grid-template-columns:repeat(3,1fr)!important;
    gap:7px!important;
  }
  .tasting .thumbs img{
    height:auto!important;
    aspect-ratio:1/1!important;
  }
}

/* V6.58 – Mixdatenbank ohne Geschmacksprofile */
.mixfilters{grid-template-columns:1.4fr 1fr 1fr!important}
@media(max-width:760px){.mixfilters{grid-template-columns:1fr!important}}

/* V6.60 – mobile header logo alignment */
@media(max-width:760px){
  .topbar-inner{
    position:relative!important;
    align-items:center!important;
  }
  .brand{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .brand img,
  .brand-logo,
  .topbar .logo,
  .topbar-inner>a:first-child img{
    display:block!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:auto!important;
  }
}

/* V6.62 – sauber ausgerichtete Mobile-Navigation */
@media(max-width:760px){
  .nav{
    height:88px!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    padding:8px 14px 24px!important;
    box-sizing:border-box!important;
  }

  .nav .brand{
    justify-self:start!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    margin:0!important;
    padding:0!important;
  }

  .nav .brand img{
    width:48px!important;
    height:48px!important;
    display:block!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:center!important;
  }

  .nav .pill{
    justify-self:end!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:48px!important;
    margin:0!important;
    padding:0 22px!important;
    box-sizing:border-box!important;
  }

  .nav .lang-switch{
    position:absolute!important;
    left:50%!important;
    bottom:5px!important;
    transform:translateX(-50%)!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    white-space:nowrap!important;
  }
}

/* V6.68 – Logo sauber rund und gleichmässig zugeschnitten */
.logo-visual img,
.brand-visual img,
.hero-logo img,
.brand img{
  object-fit:cover!important;
  object-position:center!important;
}

/* V6.69 – Jan und zweiter Luca vorerst ohne finales Teamfoto */
.team-card .team-media:empty,
.team-card .member-image:empty,
.team-card .team-photo:empty{display:none!important}

/* V6.70 – Logo ohne zusätzlichen weissen Hintergrund */
.brand img,
.hero-logo img,
.logo-visual img,
.brand-visual img{
  background:transparent!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* V6.71 – vollständiges Team-Deluxe-Logo, gleichmässig zentriert */
.brand img,
.hero-logo img,
.logo-visual img,
.brand-visual img{
  object-fit:contain!important;
  object-position:50% 50%!important;
  background:transparent!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
}

/* V6.72 – originales vollständiges Team-Deluxe-Logo */
.brand img,
.hero-logo img,
.logo-visual img,
.brand-visual img{
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
}


.logo-disc{width:244px!important;height:244px!important}
}

/* V6.78 – finales mobiles Logo: korrekt zugeschnitten, Orbit fast vollständig ausgefüllt */
@keyframes spinMobileCentered{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
@media(max-width:760px){
  .logo-stage{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-height:500px!important;
    overflow:visible!important;
  }

  .orbit{
    width:330px!important;
    height:330px!important;
    max-width:none!important;
    aspect-ratio:auto!important;
    position:absolute!important;
    left:50%!important;
    top:58%!important;
    margin:0!important;
    border-radius:50%!important;
    animation:spinMobileCentered 20s linear infinite!important;
    transform-origin:50% 50%!important;
  }

  .logo-disc{
    width:304px!important;
    height:304px!important;
    max-width:none!important;
    aspect-ratio:auto!important;
    position:absolute!important;
    left:50%!important;
    top:58%!important;
    transform:translate(-50%,-50%)!important;
    margin:0!important;
    border-radius:50%!important;
    overflow:hidden!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  .logo-disc img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:contain!important;
    object-position:center!important;
  }
}

@media(max-width:380px){
  .orbit{width:310px!important;height:310px!important}
  .logo-disc{width:286px!important;height:286px!important}
}

/* V6.79 – grüner Punkt läuft sichtbar um das Logo */
@keyframes orbitPointV679{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
@media(max-width:760px){
  .orbit{
    animation:orbitPointV679 12s linear infinite!important;
    transform-origin:50% 50%!important;
  }
  .orbit::before,
  .orbit::after{
    animation:none!important;
  }
}

@media(max-width:760px) and (prefers-reduced-motion:reduce){
  .orbit{animation:orbitPointV679 12s linear infinite!important}
}

/* V6.80 – Profilbild-Platzhalter für Jan und zweiten Luca */
.team-photo-placeholder{
  width:100%;min-height:360px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:18px;
  background:radial-gradient(circle at 50% 38%,rgba(183,255,0,.08),transparent 34%),linear-gradient(145deg,#0c110d,#111713);
  border-bottom:1px solid rgba(183,255,0,.14)
}
.team-photo-placeholder svg{width:92px;height:92px;fill:none;stroke:rgba(183,255,0,.9);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.team-photo-placeholder span{color:rgba(255,255,255,.62);font-size:.72rem;font-weight:800;letter-spacing:.16em}
@media(max-width:760px){.team-photo-placeholder{min-height:280px}.team-photo-placeholder svg{width:78px;height:78px}}

/* V6.82 – dezenter Palmen-Look auch ausserhalb des Hero-Bereichs */
#about,#team,#lounges,#partners,#mixes{
  position:relative;
  isolation:isolate;
}
#about::before,#team::before,#lounges::before,#partners::before,#mixes::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:url("assets/brand/palm.jpg");
  background-size:cover;
  background-position:center;
  opacity:.055;
}
#about::after,#team::after,#lounges::after,#partners::after,#mixes::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(2,6,3,.82),rgba(2,6,3,.94) 48%,rgba(2,6,3,.84));
}
@media(max-width:760px){
  #about::before,#team::before,#lounges::before,#partners::before,#mixes::before{
    opacity:.07;
    background-attachment:scroll;
  }
}

.google-review-section{position:relative;isolation:isolate;overflow:hidden}
.google-review-section::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:url("assets/brand/palm.jpg") center/cover no-repeat;opacity:.10}
.google-review-section::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(135deg,rgba(2,6,3,.88),rgba(2,6,3,.96))}
.google-review-card{max-width:900px;margin:0 auto;padding:48px;border:1px solid rgba(183,255,0,.18);border-radius:28px;background:rgba(8,13,9,.82);backdrop-filter:blur(8px);box-shadow:0 24px 70px rgba(0,0,0,.28)}
.google-review-kicker{color:var(--acid);font-size:.74rem;font-weight:900;letter-spacing:.16em;margin-bottom:14px}
.google-review-card h2{margin:0 0 18px;font-size:clamp(2.6rem,6vw,5rem);line-height:.92;letter-spacing:-.045em}
.google-review-card h2 span{color:var(--acid)}
.google-review-card p{max-width:650px;margin:0 0 28px;color:rgba(255,255,255,.72);line-height:1.65}
.google-review-btn{display:inline-flex;align-items:center;gap:12px;padding:15px 20px;border-radius:999px;background:var(--acid);color:#071006!important;text-decoration:none!important;font-size:.78rem;font-weight:950;letter-spacing:.08em}
@media(max-width:760px){.google-review-card{padding:30px 22px;border-radius:22px}.google-review-section::before{opacity:.12}.google-review-btn{width:100%;justify-content:center}}
.service-note{display:inline-flex;margin-top:14px;color:var(--acid);font-size:.7rem;font-weight:900;letter-spacing:.14em}

/* V6.90 – durchgehender Palmen-Hintergrund ab dem Inhalt nach dem Hero */
main{
  position:relative;
  isolation:isolate;
  background:transparent !important;
}
main::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(2,6,3,.90),rgba(2,6,3,.93)),
    url("assets/brand/palm.jpg") center top / cover repeat-y;
}
main > section{background:transparent !important;}
#about::before,#team::before,#lounges::before,#partners::before,#mixes::before,
#about::after,#team::after,#lounges::after,#partners::after,#mixes::after,
.google-review-section::before,.google-review-section::after{
  content:none !important;
  display:none !important;
}
@media(max-width:760px){
  main::before{
    background:
      linear-gradient(180deg,rgba(2,6,3,.89),rgba(2,6,3,.93)),
      url("assets/brand/palm.jpg") center top / auto 760px repeat-y;
  }
}

/* V6.95 – sauberer Palmen-Übergang, ohne Overlay über Text */
.hero{
  position:relative;
  z-index:1;
}
.hero::after{
  content:none !important;
  display:none !important;
}

main{
  position:relative;
  isolation:isolate;
  background:transparent !important;
}
main::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:
    linear-gradient(
      to bottom,
      rgba(2,6,3,.52) 0px,
      rgba(2,6,3,.62) 90px,
      rgba(2,6,3,.74) 190px,
      rgba(2,6,3,.84) 320px,
      rgba(2,6,3,.90) 520px,
      rgba(2,6,3,.93) 100%
    ),
    url("assets/brand/palm.jpg") center top / cover repeat-y !important;
}

main::after{
  content:none !important;
  display:none !important;
}

main > section{
  position:relative;
  z-index:1;
  background:transparent !important;
}

main > section:first-child::before,
main > section:first-child::after{
  content:none !important;
  display:none !important;
}

#about::before,#team::before,#lounges::before,#partners::before,#mixes::before,
#about::after,#team::after,#lounges::after,#partners::after,#mixes::after,
.google-review-section::before,.google-review-section::after{
  content:none !important;
  display:none !important;
}

@media(max-width:760px){
  main::before{
    background:
      linear-gradient(
        to bottom,
        rgba(2,6,3,.50) 0px,
        rgba(2,6,3,.64) 90px,
        rgba(2,6,3,.78) 190px,
        rgba(2,6,3,.88) 320px,
        rgba(2,6,3,.93) 100%
      ),
      url("assets/brand/palm.jpg") center top / auto 760px repeat-y !important;
  }
}

/* V6.96 – Kontakt + Google Rezension im selben Grid */
.contact-review-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:22px !important;
  align-items:stretch !important;
}

.contact-review-grid > .contact-card,
.contact-review-grid > .google-review-card{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  box-sizing:border-box !important;
  height:100% !important;
}

.contact-review-grid > .google-review-card{
  padding:30px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

.contact-review-grid > .google-review-card h2{
  font-size:clamp(2rem,3.2vw,3.5rem) !important;
  margin-bottom:14px !important;
}

.contact-review-grid > .google-review-card p{
  margin-bottom:22px !important;
}

@media(max-width:900px){
  .contact-review-grid{
    grid-template-columns:1fr !important;
  }
}



/* V6.98 – neues Luca-Originalfoto, normale Darstellung */
.teamcard:first-child > img[src*="luca-1.jpg"]{
  width:100% !important;
  height:360px !important;
  min-height:360px !important;
  max-height:360px !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
}
@media(max-width:760px){
  .teamcard:first-child > img[src*="luca-1.jpg"]{
    height:280px !important;
    min-height:280px !important;
    max-height:280px !important;
  }
}

/* V6.98 – Palmenlook ohne schwarzen Zwischenbalken */
main::before{
  background:
    linear-gradient(
      to bottom,
      rgba(2,6,3,.34) 0%,
      rgba(2,6,3,.50) 8%,
      rgba(2,6,3,.68) 18%,
      rgba(2,6,3,.80) 32%,
      rgba(2,6,3,.88) 55%,
      rgba(2,6,3,.91) 100%
    ),
    url("assets/brand/palm.jpg") center top / cover repeat-y !important;
}
#about{
  background:transparent !important;
}
#about::before,#about::after{
  content:none !important;
  display:none !important;
}
@media(max-width:760px){
  main::before{
    background:
      linear-gradient(to bottom,rgba(2,6,3,.38),rgba(2,6,3,.72) 24%,rgba(2,6,3,.90) 60%,rgba(2,6,3,.92)),
      url("assets/brand/palm.jpg") center top / auto 760px repeat-y !important;
  }
}

/* V6.100 – alter Hero + alter dunkler Palmenlook, nur sauber ineinander verblendet */

/* Keine schwarze Zwischenfläche / kein zusätzliches Overlay über Inhalt */
.hero::after,
main::after,
#about::before,
#about::after{
  content:none !important;
  display:none !important;
}

/* About bleibt transparent, damit der bestehende dunkle Palmen-Hintergrund von main sichtbar ist */
#about{
  background:transparent !important;
}

/* Der ALTE dunkle Palmenlook bleibt erhalten.
   Nur die ersten ~300px werden heller gestartet, damit er direkt aus dem kräftigen Hero-Palmenlook herausfadet. */
main::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-3 !important;
  pointer-events:none !important;
  background:
    linear-gradient(
      to bottom,
      rgba(2,6,3,.48) 0px,
      rgba(2,6,3,.58) 70px,
      rgba(2,6,3,.70) 150px,
      rgba(2,6,3,.82) 240px,
      rgba(2,6,3,.90) 340px,
      rgba(2,6,3,.93) 520px,
      rgba(2,6,3,.93) 100%
    ),
    url("assets/brand/palm.jpg") center top / cover repeat-y !important;
}

/* Kein Abstand, der wie ein schwarzer Balken zwischen Hero und erstem Inhalt wirkt */
.hero{
  margin-bottom:0 !important;
}
main{
  margin-top:0 !important;
  padding-top:0 !important;
  background:transparent !important;
}

@media(max-width:760px){
  main::before{
    background:
      linear-gradient(
        to bottom,
        rgba(2,6,3,.48) 0px,
        rgba(2,6,3,.62) 80px,
        rgba(2,6,3,.76) 170px,
        rgba(2,6,3,.88) 280px,
        rgba(2,6,3,.93) 430px,
        rgba(2,6,3,.93) 100%
      ),
      url("assets/brand/palm.jpg") center top / auto 760px repeat-y !important;
  }
}

/* V6.101 – tatsächlicher nahtloser Übergang Hero -> About */
.hero{
  margin-bottom:0 !important;
  border-bottom:0 !important;
}

#about{
  position:relative !important;
  margin-top:0 !important;
  border-top:0 !important;
  background:
    linear-gradient(
      180deg,
      rgba(2,6,3,.44) 0%,
      rgba(2,6,3,.54) 14%,
      rgba(2,6,3,.66) 32%,
      rgba(2,6,3,.78) 56%,
      rgba(2,6,3,.87) 78%,
      rgba(2,6,3,.91) 100%
    ),
    url("assets/brand/palm.jpg") center top / cover no-repeat !important;
}

#about::before,
#about::after{
  content:none !important;
  display:none !important;
}

/* Verhindert, dass der globale Main-Layer direkt hinter About als schwarze Zone durchscheint */
main::before{
  top:0 !important;
}

#about > .wrap,
#about > .container,
#about > div{
  position:relative !important;
  z-index:1 !important;
}

@media(max-width:760px){
  #about{
    background:
      linear-gradient(
        180deg,
        rgba(2,6,3,.46) 0%,
        rgba(2,6,3,.60) 22%,
        rgba(2,6,3,.74) 48%,
        rgba(2,6,3,.86) 76%,
        rgba(2,6,3,.91) 100%
      ),
      url("assets/brand/palm.jpg") center top / auto 760px no-repeat !important;
  }
}

/* V6.102 – Hero und dunkler Palmenlook wirklich nahtlos verbinden */

/* Hero-Inhalt bleibt immer über dem Hintergrund */
.hero{
  position:relative !important;
  overflow:hidden !important;
  margin-bottom:0 !important;
  border-bottom:0 !important;
}
.hero-grid{
  position:relative !important;
  z-index:5 !important;
}

/* Nur der untere Hero-Hintergrund wird mit Palmen aufgefüllt.
   Dadurch verschwindet die schwarze Zone vor "Über uns". */
.hero::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:300px !important;
  z-index:2 !important;
  pointer-events:none !important;
  background:
    linear-gradient(
      to bottom,
      rgba(2,6,3,0) 0%,
      rgba(2,6,3,.18) 20%,
      rgba(2,6,3,.38) 48%,
      rgba(2,6,3,.58) 72%,
      rgba(2,6,3,.70) 100%
    ),
    url("assets/brand/palm.jpg") center bottom / cover no-repeat !important;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 34%,#000 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 34%,#000 100%);
}

/* Über-uns bleibt der alte DUNKLE Palmenlook.
   Kein heller zweiter Bildblock mehr. */
#about{
  position:relative !important;
  margin-top:0 !important;
  border-top:0 !important;
  background:
    linear-gradient(
      to bottom,
      rgba(2,6,3,.70) 0%,
      rgba(2,6,3,.78) 18%,
      rgba(2,6,3,.84) 38%,
      rgba(2,6,3,.89) 64%,
      rgba(2,6,3,.92) 100%
    ),
    url("assets/brand/palm.jpg") center top / cover no-repeat !important;
}

#about::before,
#about::after{
  content:none !important;
  display:none !important;
}

/* Text bleibt vollständig deckend */
#about > *{
  position:relative !important;
  z-index:4 !important;
}

/* Globaler Main-Hintergrund bleibt dunkel und darf nicht heller durchscheinen */
main::before{
  background:
    linear-gradient(180deg,rgba(2,6,3,.91),rgba(2,6,3,.94)),
    url("assets/brand/palm.jpg") center top / cover repeat-y !important;
}

@media(max-width:760px){
  .hero::after{
    height:220px !important;
  }
  #about{
    background:
      linear-gradient(
        to bottom,
        rgba(2,6,3,.72) 0%,
        rgba(2,6,3,.81) 28%,
        rgba(2,6,3,.88) 58%,
        rgba(2,6,3,.92) 100%
      ),
      url("assets/brand/palm.jpg") center top / auto 760px no-repeat !important;
  }
}

/* V6.103 – Background final: V6.89-Look + nahtloser Übergang */

/* Erste Seite / Hero unverändert kräftig */
.hero{
  position:relative !important;
  margin:0 !important;
  border:0 !important;
  overflow:hidden !important;
}
.hero-bg{
  position:absolute !important;
  inset:0 !important;
  background:url("assets/brand/palm.jpg") center/cover no-repeat !important;
}

/* Der Übergang liegt nur HINTER dem Hero-Inhalt */
.hero::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:260px !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:linear-gradient(
    to bottom,
    rgba(2,6,3,0) 0%,
    rgba(2,6,3,.18) 25%,
    rgba(2,6,3,.46) 55%,
    rgba(2,6,3,.72) 78%,
    rgba(2,6,3,.88) 100%
  ) !important;
}
.hero-grid,.nav,.smokes{
  position:relative;
  z-index:3;
}

/* Ab der zweiten Seite: ein EINZIGER durchgehender dunkler Palmen-Hintergrund */
main{
  position:relative !important;
  isolation:isolate !important;
  margin:0 !important;
  padding:0 !important;
  background:#050805 !important;
}
main::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-2 !important;
  pointer-events:none !important;
  background:
    linear-gradient(
      180deg,
      rgba(2,6,3,.84) 0%,
      rgba(2,6,3,.92) 18%,
      rgba(2,6,3,.94) 48%,
      rgba(2,6,3,.88) 100%
    ),
    url("assets/brand/palm.jpg") center top / cover repeat-y !important;
}
main::after{
  content:none !important;
  display:none !important;
}

/* Alle einzelnen Sektionen benutzen nur noch diesen gemeinsamen Background */
main > section,
#about,#team,#lounges,#partners,#mixes,
.google-review-section{
  position:relative !important;
  z-index:1 !important;
  background:transparent !important;
  border-top:0 !important;
}
main > section::before,
main > section::after,
#about::before,#about::after,
#team::before,#team::after,
#lounges::before,#lounges::after,
#partners::before,#partners::after,
#mixes::before,#mixes::after,
.google-review-section::before,
.google-review-section::after{
  content:none !important;
  display:none !important;
}

/* Kein Abstand / keine Fläche zwischen Hero und zweiter Seite */
.hero + main,
body > main{
  margin-top:0 !important;
  border-top:0 !important;
}

/* Text bleibt vollständig deckend */
main section > *{
  position:relative;
  z-index:2;
}

@media(max-width:760px){
  .hero::after{
    height:190px !important;
  }
  main::before{
    background:
      linear-gradient(
        180deg,
        rgba(2,6,3,.84) 0%,
        rgba(2,6,3,.92) 22%,
        rgba(2,6,3,.94) 55%,
        rgba(2,6,3,.89) 100%
      ),
      url("assets/brand/palm.jpg") center top / auto 760px repeat-y !important;
  }
}

/* V6.105 – nur die Übergangszone zwischen Hero und dunklem Palmenlook */

.hero{
  position:relative !important;
  z-index:2 !important;
  margin-bottom:0 !important;
  border-bottom:0 !important;
  overflow:hidden !important;
}

/* Kein alter Übergangs-Layer mehr im Hero */
.hero::after{
  content:none !important;
  display:none !important;
}

/* Main bleibt an seiner normalen Position und behält den dunklen V6.103-Look */
main{
  margin-top:0 !important;
  padding-top:0 !important;
  position:relative !important;
  z-index:1 !important;
}

/* About bleibt transparent auf dem dunklen Main-Palmenlook */
#about{
  position:relative !important;
  background:transparent !important;
  isolation:isolate !important;
  overflow:visible !important;
}

/* Brücke: kräftiger Hero-Palmenlook wird über ca. 180px in den dunklen Look geblendet.
   Der Layer liegt HINTER dem Text und verändert den restlichen About-Hintergrund nicht. */
#about::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:-180px !important;
  height:240px !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:
    linear-gradient(
      to bottom,
      rgba(2,6,3,0) 0%,
      rgba(2,6,3,.10) 20%,
      rgba(2,6,3,.28) 42%,
      rgba(2,6,3,.52) 66%,
      rgba(2,6,3,.74) 84%,
      rgba(2,6,3,.90) 100%
    ),
    url("assets/brand/palm.jpg") center bottom / cover no-repeat !important;
  -webkit-mask-image:linear-gradient(
      to bottom,
      transparent 0%,
      #000 18%,
      #000 82%,
      transparent 100%
  ) !important;
  mask-image:linear-gradient(
      to bottom,
      transparent 0%,
      #000 18%,
      #000 82%,
      transparent 100%
  ) !important;
}

/* Kein zweiter About-Layer */
#about::after{
  content:none !important;
  display:none !important;
}

/* Inhalt bleibt vollständig deckend */
#about > *{
  position:relative !important;
  z-index:2 !important;
}

@media(max-width:760px){
  #about::before{
    top:-120px !important;
    height:170px !important;
    background:
      linear-gradient(
        to bottom,
        rgba(2,6,3,0) 0%,
        rgba(2,6,3,.16) 24%,
        rgba(2,6,3,.42) 52%,
        rgba(2,6,3,.70) 78%,
        rgba(2,6,3,.90) 100%
      ),
      url("assets/brand/palm.jpg") center bottom / auto 760px no-repeat !important;
  }
}


/* V6.106 – finaler Übergang Hero -> dunkler Palmenlook */
.hero{
  position:relative !important;
  margin-bottom:0 !important;
  padding-bottom:0 !important;
  overflow:hidden !important;
}
.hero::before{content:none !important;display:none !important;}
.hero::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-1px !important;
  height:200px !important;
  z-index:2 !important;
  pointer-events:none !important;
  background:linear-gradient(to bottom,rgba(2,6,3,0) 0%,rgba(2,6,3,.08) 18%,rgba(2,6,3,.22) 38%,rgba(2,6,3,.42) 58%,rgba(2,6,3,.68) 78%,rgba(2,6,3,.88) 100%) !important;
}
.hero-grid{position:relative !important;z-index:3 !important;}
main{
  position:relative !important;
  z-index:1 !important;
  isolation:isolate !important;
  background:transparent !important;
  margin-top:0 !important;
  padding-top:0 !important;
}
main::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-5 !important;
  pointer-events:none !important;
  background:linear-gradient(to bottom,rgba(2,6,3,.48) 0px,rgba(2,6,3,.62) 120px,rgba(2,6,3,.76) 260px,rgba(2,6,3,.86) 440px,rgba(2,6,3,.92) 760px,rgba(2,6,3,.96) 100%),url("assets/brand/palm.jpg") center top / 100% auto repeat-y !important;
}
#about{
  position:relative !important;
  z-index:2 !important;
  margin-top:-145px !important;
  padding-top:295px !important;
  background:transparent !important;
}
#about::before,#about::after{content:none !important;display:none !important;}
main > section{position:relative !important;z-index:1 !important;background:transparent !important;}
#about .eyebrow,#about h2,#about p,#about b{opacity:1 !important;filter:none !important;}
@media (max-width: 760px){
  .hero::after{height:150px !important;background:linear-gradient(to bottom,rgba(2,6,3,0) 0%,rgba(2,6,3,.10) 18%,rgba(2,6,3,.28) 42%,rgba(2,6,3,.54) 70%,rgba(2,6,3,.84) 100%) !important;}
  main::before{background:linear-gradient(to bottom,rgba(2,6,3,.54) 0px,rgba(2,6,3,.68) 90px,rgba(2,6,3,.80) 190px,rgba(2,6,3,.89) 320px,rgba(2,6,3,.94) 100%),url("assets/brand/palm.jpg") center top / auto 760px repeat-y !important;}
  #about{margin-top:-95px !important;padding-top:245px !important;}
}


/* V6.107 – sauberer Übergang ohne schwarzen Balken, ab Über Uns deutlich dunkler */
.hero{
  position:relative !important;
  margin-bottom:0 !important;
  padding-bottom:0 !important;
  overflow:hidden !important;
}
.hero::after,
main::after{
  content:none !important;
  display:none !important;
}

main{
  position:relative !important;
  z-index:1 !important;
  isolation:isolate !important;
  margin-top:0 !important;
  padding-top:0 !important;
  background:transparent !important;
}

/* Dunkler Palmenlook ab Seite 2 */
main::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-10 !important;
  pointer-events:none !important;
  background:
    linear-gradient(
      to bottom,
      rgba(2,6,3,.84) 0%,
      rgba(2,6,3,.88) 16%,
      rgba(2,6,3,.91) 34%,
      rgba(2,6,3,.94) 56%,
      rgba(2,6,3,.96) 100%
    ),
    url("assets/brand/palm.jpg") center top / cover repeat-y !important;
  filter:brightness(.52) saturate(.88) !important;
}

/* Übergangssektion hochziehen, damit kein dunkler/schwarzer Balken sichtbar wird */
#about{
  position:relative !important;
  z-index:2 !important;
  margin-top:-220px !important;
  padding-top:370px !important;
  background:transparent !important;
}

/* Harmonischer Blend zwischen kräftigem Hero und dunklerer Palmenstruktur */
#about::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:-220px !important;
  height:340px !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:
    linear-gradient(
      to bottom,
      rgba(2,6,3,0) 0%,
      rgba(2,6,3,.10) 14%,
      rgba(2,6,3,.24) 28%,
      rgba(2,6,3,.42) 44%,
      rgba(2,6,3,.60) 61%,
      rgba(2,6,3,.76) 79%,
      rgba(2,6,3,.90) 100%
    ),
    url("assets/brand/palm.jpg") center top / cover no-repeat !important;
  filter:brightness(.62) saturate(.9) !important;
}
#about::after{
  content:none !important;
  display:none !important;
}

/* Alle Sektionen transparent lassen, damit nur die Palmenstruktur sichtbar bleibt */
main > section,
.section,
.about,
.dark,
.contact-review,
#offers,
#tastings,
#lounges,
#rabattcodes,
#partners,
#community,
#platforms,
#reviews{
  background:transparent !important;
}

/* Text bleibt voll sichtbar */
#about .eyebrow,
#about h2,
#about p,
#about b,
#about strong{
  opacity:1 !important;
  filter:none !important;
}

@media (max-width:760px){
  main::before{
    background:
      linear-gradient(
        to bottom,
        rgba(2,6,3,.86) 0%,
        rgba(2,6,3,.90) 18%,
        rgba(2,6,3,.94) 45%,
        rgba(2,6,3,.97) 100%
      ),
      url("assets/brand/palm.jpg") center top / auto 760px repeat-y !important;
    filter:brightness(.5) saturate(.88) !important;
  }

  #about{
    margin-top:-130px !important;
    padding-top:265px !important;
  }

  #about::before{
    top:-130px !important;
    height:220px !important;
    background:
      linear-gradient(
        to bottom,
        rgba(2,6,3,0) 0%,
        rgba(2,6,3,.14) 18%,
        rgba(2,6,3,.34) 38%,
        rgba(2,6,3,.58) 62%,
        rgba(2,6,3,.82) 100%
      ),
      url("assets/brand/palm.jpg") center top / auto 760px no-repeat !important;
    filter:brightness(.62) saturate(.9) !important;
  }
}


/* V6.108 – dunkler ab Über Uns + weicher, harmonischer Übergang ohne Balken */
main::before{
  background:
    linear-gradient(
      to bottom,
      rgba(2,6,3,.76) 0%,
      rgba(2,6,3,.82) 14%,
      rgba(2,6,3,.88) 28%,
      rgba(2,6,3,.92) 44%,
      rgba(2,6,3,.95) 66%,
      rgba(2,6,3,.97) 100%
    ),
    url("assets/brand/palm.jpg") center top / cover repeat-y !important;
  filter:brightness(.39) saturate(.84) contrast(1.02) !important;
}

#about{
  margin-top:-200px !important;
  padding-top:355px !important;
}

#about::before{
  top:-200px !important;
  height:360px !important;
  left:0 !important;
  right:0 !important;
  background:
    linear-gradient(
      to bottom,
      rgba(2,6,3,0) 0%,
      rgba(2,6,3,.06) 10%,
      rgba(2,6,3,.16) 20%,
      rgba(2,6,3,.28) 32%,
      rgba(2,6,3,.42) 46%,
      rgba(2,6,3,.58) 61%,
      rgba(2,6,3,.74) 77%,
      rgba(2,6,3,.88) 90%,
      rgba(2,6,3,.95) 100%
    ),
    url("assets/brand/palm.jpg") center top / cover no-repeat !important;
  filter:brightness(.58) saturate(.88) contrast(1.02) !important;
  opacity:1 !important;
}

/* direkt unter dem Übergang zusätzlich dunkler, aber ohne harte Kante */
#about > *{
  position:relative;
  z-index:1;
}

@media (min-width: 761px){
  #about{
    background:
      linear-gradient(
        to bottom,
        rgba(2,6,3,0) 0%,
        rgba(2,6,3,0) 22%,
        rgba(2,6,3,.12) 34%,
        rgba(2,6,3,.30) 50%,
        rgba(2,6,3,.50) 66%,
        rgba(2,6,3,.66) 82%,
        rgba(2,6,3,.76) 100%
      ) !important;
  }
}

@media (max-width:760px){
  main::before{
    background:
      linear-gradient(
        to bottom,
        rgba(2,6,3,.79) 0%,
        rgba(2,6,3,.85) 18%,
        rgba(2,6,3,.91) 42%,
        rgba(2,6,3,.95) 66%,
        rgba(2,6,3,.98) 100%
      ),
      url("assets/brand/palm.jpg") center top / auto 760px repeat-y !important;
    filter:brightness(.37) saturate(.84) contrast(1.02) !important;
  }

  #about{
    margin-top:-118px !important;
    padding-top:248px !important;
  }

  #about::before{
    top:-118px !important;
    height:235px !important;
    background:
      linear-gradient(
        to bottom,
        rgba(2,6,3,0) 0%,
        rgba(2,6,3,.08) 15%,
        rgba(2,6,3,.22) 30%,
        rgba(2,6,3,.42) 48%,
        rgba(2,6,3,.66) 70%,
        rgba(2,6,3,.90) 100%
      ),
      url("assets/brand/palm.jpg") center top / auto 760px no-repeat !important;
    filter:brightness(.58) saturate(.88) contrast(1.02) !important;
  }

  #about{
    background:
      linear-gradient(
        to bottom,
        rgba(2,6,3,0) 0%,
        rgba(2,6,3,.18) 40%,
        rgba(2,6,3,.50) 70%,
        rgba(2,6,3,.70) 100%
      ) !important;
  }
}


/* V6.109 – Feinschliff Hintergrund: sichtbare Palmen, dunkler ab Über Uns, weicher Übergang */

/* Kein schwarzer Übergangsblock */
.hero::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-1px !important;
  height:150px !important;
  z-index:2 !important;
  pointer-events:none !important;
  background:linear-gradient(
    to bottom,
    rgba(2,6,3,0) 0%,
    rgba(2,6,3,.06) 18%,
    rgba(2,6,3,.15) 36%,
    rgba(2,6,3,.28) 56%,
    rgba(2,6,3,.44) 76%,
    rgba(2,6,3,.60) 100%
  ) !important;
}

/* Ab Über Uns: mindestens ~25% dunkler als zuvor, aber Palmenstruktur bleibt sichtbar */
main::before{
  background:
    linear-gradient(
      to bottom,
      rgba(2,6,3,.66) 0%,
      rgba(2,6,3,.74) 12%,
      rgba(2,6,3,.80) 26%,
      rgba(2,6,3,.85) 44%,
      rgba(2,6,3,.89) 66%,
      rgba(2,6,3,.92) 100%
    ),
    url("assets/brand/palm.jpg") center top / cover repeat-y !important;
  filter:none !important;
}

/* Übergang über Farbe lösen, nicht über eine zweite Palmengrafik */
#about{
  margin-top:-105px !important;
  padding-top:255px !important;
  background:transparent !important;
}

#about::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:-105px !important;
  height:235px !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:linear-gradient(
    to bottom,
    rgba(2,6,3,0) 0%,
    rgba(2,6,3,.05) 15%,
    rgba(2,6,3,.12) 30%,
    rgba(2,6,3,.24) 48%,
    rgba(2,6,3,.40) 66%,
    rgba(2,6,3,.56) 82%,
    rgba(2,6,3,.68) 100%
  ) !important;
  filter:none !important;
}

#about::after{content:none !important;display:none !important;}

/* alle Inhaltsbereiche bleiben auf demselben dunklen Palmen-Hintergrund */
main > section,
.section,
.about,
.dark,
.contact-review,
#offers,#tastings,#lounges,#rabattcodes,#partners,#community,#platforms,#reviews{
  background:transparent !important;
}

@media(max-width:760px){
  .hero::after{
    height:115px !important;
    background:linear-gradient(
      to bottom,
      rgba(2,6,3,0) 0%,
      rgba(2,6,3,.08) 22%,
      rgba(2,6,3,.20) 46%,
      rgba(2,6,3,.38) 72%,
      rgba(2,6,3,.58) 100%
    ) !important;
  }

  main::before{
    background:
      linear-gradient(
        to bottom,
        rgba(2,6,3,.68) 0%,
        rgba(2,6,3,.76) 16%,
        rgba(2,6,3,.83) 36%,
        rgba(2,6,3,.88) 60%,
        rgba(2,6,3,.93) 100%
      ),
      url("assets/brand/palm.jpg") center top / auto 760px repeat-y !important;
    filter:none !important;
  }

  #about{
    margin-top:-70px !important;
    padding-top:210px !important;
  }

  #about::before{
    top:-70px !important;
    height:170px !important;
    background:linear-gradient(
      to bottom,
      rgba(2,6,3,0) 0%,
      rgba(2,6,3,.08) 22%,
      rgba(2,6,3,.20) 44%,
      rgba(2,6,3,.38) 68%,
      rgba(2,6,3,.60) 100%
    ) !important;
  }
}


/* V6.110 – Hintergrund final: sanfter Verlauf vom helleren Hero in deutlich dunklere Palmenstruktur, ohne schwarzen Balken */
.hero{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}
.hero-bg{
  background:url("assets/brand/palm.jpg") center top / cover no-repeat !important;
  filter:brightness(.90) saturate(.96) contrast(1.02) !important;
}
.shade{
  background:linear-gradient(90deg,rgba(2,6,3,.90),rgba(2,6,3,.76) 52%,rgba(2,6,3,.54)) !important;
}
.hero::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-1px !important;
  height:240px !important;
  z-index:2 !important;
  pointer-events:none !important;
  background:linear-gradient(
    to bottom,
    rgba(2,6,3,0) 0%,
    rgba(2,6,3,.03) 10%,
    rgba(2,6,3,.08) 20%,
    rgba(2,6,3,.15) 32%,
    rgba(2,6,3,.25) 46%,
    rgba(2,6,3,.38) 60%,
    rgba(2,6,3,.54) 74%,
    rgba(2,6,3,.70) 86%,
    rgba(2,6,3,.84) 94%,
    rgba(2,6,3,.92) 100%
  ) !important;
}
main{
  position:relative !important;
  isolation:isolate !important;
  background:transparent !important;
}
main::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(
      to bottom,
      rgba(2,6,3,.82) 0%,
      rgba(2,6,3,.86) 12%,
      rgba(2,6,3,.90) 28%,
      rgba(2,6,3,.93) 48%,
      rgba(2,6,3,.95) 72%,
      rgba(2,6,3,.965) 100%
    ),
    url("assets/brand/palm.jpg") center top / 100% auto repeat-y !important;
  filter:brightness(.38) saturate(.90) contrast(1.02) !important;
}
main > section,
.section,
.about,
.dark,
.contact-review,
#about,#offers,#tastings,#lounges,#rabattcodes,#partners,#community,#platforms,#reviews,#mixes{
  position:relative !important;
  z-index:1 !important;
  background:transparent !important;
}
#about{
  margin-top:-185px !important;
  padding-top:335px !important;
}
#about::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:-185px !important;
  height:345px !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(
      to bottom,
      rgba(2,6,3,0) 0%,
      rgba(2,6,3,.02) 8%,
      rgba(2,6,3,.06) 16%,
      rgba(2,6,3,.12) 26%,
      rgba(2,6,3,.21) 38%,
      rgba(2,6,3,.34) 52%,
      rgba(2,6,3,.50) 66%,
      rgba(2,6,3,.66) 80%,
      rgba(2,6,3,.80) 92%,
      rgba(2,6,3,.90) 100%
    ),
    url("assets/brand/palm.jpg") center top / cover no-repeat !important;
  filter:brightness(.60) saturate(.92) contrast(1.02) !important;
}
#about::after{
  content:none !important;
  display:none !important;
}
#about > *{
  position:relative !important;
  z-index:1 !important;
}
#about .eyebrow,
#about h2,
#about p,
#about b,
#about strong{
  opacity:1 !important;
  filter:none !important;
}
@media(max-width:760px){
  .hero::after{
    height:160px !important;
    background:linear-gradient(
      to bottom,
      rgba(2,6,3,0) 0%,
      rgba(2,6,3,.04) 14%,
      rgba(2,6,3,.10) 28%,
      rgba(2,6,3,.22) 48%,
      rgba(2,6,3,.40) 68%,
      rgba(2,6,3,.62) 84%,
      rgba(2,6,3,.84) 100%
    ) !important;
  }
  main::before{
    background:
      linear-gradient(
        to bottom,
        rgba(2,6,3,.84) 0%,
        rgba(2,6,3,.88) 18%,
        rgba(2,6,3,.92) 42%,
        rgba(2,6,3,.95) 68%,
        rgba(2,6,3,.97) 100%
      ),
      url("assets/brand/palm.jpg") center top / auto 980px repeat-y !important;
    filter:brightness(.36) saturate(.90) contrast(1.02) !important;
  }
  #about{
    margin-top:-95px !important;
    padding-top:235px !important;
  }
  #about::before{
    top:-95px !important;
    height:210px !important;
    background:
      linear-gradient(
        to bottom,
        rgba(2,6,3,0) 0%,
        rgba(2,6,3,.04) 14%,
        rgba(2,6,3,.12) 30%,
        rgba(2,6,3,.26) 50%,
        rgba(2,6,3,.46) 70%,
        rgba(2,6,3,.70) 86%,
        rgba(2,6,3,.88) 100%
      ),
      url("assets/brand/palm.jpg") center top / auto 980px no-repeat !important;
    filter:brightness(.60) saturate(.92) contrast(1.02) !important;
  }
}

/* V6.111 FINAL OVERRIDE – seamless palm transition without visible split */
.hero{
  overflow:hidden !important;
}
.hero::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:280px !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    linear-gradient(
      to bottom,
      rgba(2,6,3,0) 0%,
      rgba(2,6,3,.04) 12%,
      rgba(2,6,3,.10) 24%,
      rgba(2,6,3,.20) 38%,
      rgba(2,6,3,.34) 52%,
      rgba(2,6,3,.52) 68%,
      rgba(2,6,3,.72) 82%,
      rgba(2,6,3,.88) 93%,
      rgba(2,6,3,.95) 100%
    ),
    url("assets/brand/palm.jpg") center bottom / cover no-repeat !important;
  filter:brightness(.58) saturate(.92) contrast(1.02) !important;
}
.hero-grid{z-index:3 !important;}
.hero-bg,.shade,.grain,.smokes{z-index:0 !important;}
.shade{
  background:
    linear-gradient(90deg,rgba(2,6,3,.97),rgba(2,6,3,.82) 52%,rgba(2,6,3,.60)),
    linear-gradient(to bottom,rgba(2,6,3,.26) 0%,rgba(2,6,3,.16) 58%,rgba(2,6,3,.05) 100%) !important;
}

main{
  position:relative !important;
  isolation:isolate !important;
  margin-top:0 !important;
  background:transparent !important;
}
main::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(
      to bottom,
      rgba(2,6,3,.88) 0%,
      rgba(2,6,3,.90) 10%,
      rgba(2,6,3,.925) 22%,
      rgba(2,6,3,.945) 38%,
      rgba(2,6,3,.96) 58%,
      rgba(2,6,3,.972) 76%,
      rgba(2,6,3,.982) 100%
    ),
    url("assets/brand/palm.jpg") center top / 100% auto repeat-y !important;
  filter:brightness(.25) saturate(.82) contrast(1.04) !important;
}
main::after{
  content:none !important;
  display:none !important;
}

main > section,
.section,
.about,
.dark,
.contact-review,
.social,
.discount-section,
.lounge-section,
.platforms-section,
#about,#offers,#tastings,#lounges,#rabattcodes,#partners,#community,#platforms,#reviews,#mixes{
  position:relative !important;
  z-index:1 !important;
  background:transparent !important;
}
main > section::before,
main > section::after,
#about::before,
#about::after,
.google-review-section::before,
.google-review-section::after{
  content:none !important;
  display:none !important;
}

#about{
  margin-top:0 !important;
  padding-top:135px !important;
  padding-bottom:120px !important;
}
#about > *{
  position:relative !important;
  z-index:1 !important;
}
#about .eyebrow,
#about h2,
#about p,
#about b,
#about strong{
  opacity:1 !important;
  filter:none !important;
}

@media(max-width:760px){
  .hero::after{
    height:180px !important;
    background:
      linear-gradient(
        to bottom,
        rgba(2,6,3,0) 0%,
        rgba(2,6,3,.06) 14%,
        rgba(2,6,3,.14) 28%,
        rgba(2,6,3,.30) 48%,
        rgba(2,6,3,.52) 68%,
        rgba(2,6,3,.78) 86%,
        rgba(2,6,3,.92) 100%
      ),
      url("assets/brand/palm.jpg") center bottom / auto 980px no-repeat !important;
  }
  main::before{
    background:
      linear-gradient(
        to bottom,
        rgba(2,6,3,.90) 0%,
        rgba(2,6,3,.93) 18%,
        rgba(2,6,3,.955) 42%,
        rgba(2,6,3,.972) 100%
      ),
      url("assets/brand/palm.jpg") center top / auto 980px repeat-y !important;
    filter:brightness(.24) saturate(.82) contrast(1.04) !important;
  }
  #about{
    padding-top:100px !important;
    margin-top:0 !important;
  }
}

/* V6.112 FINAL TUNE – softer seamless palm transition */
.hero{
  overflow:hidden !important;
}
.hero-bg{
  background-position:center top !important;
  background-size:cover !important;
}
.hero::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-1px !important;
  height:360px !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:linear-gradient(
    to bottom,
    rgba(2,6,3,0) 0%,
    rgba(2,6,3,.02) 10%,
    rgba(2,6,3,.06) 22%,
    rgba(2,6,3,.12) 34%,
    rgba(2,6,3,.22) 48%,
    rgba(2,6,3,.36) 63%,
    rgba(2,6,3,.54) 78%,
    rgba(2,6,3,.72) 90%,
    rgba(2,6,3,.84) 100%
  ) !important;
  filter:none !important;
}
.hero-grid{z-index:3 !important;}
.hero-bg,.shade,.grain,.smokes{z-index:0 !important;}
.shade{
  background:
    linear-gradient(90deg,rgba(2,6,3,.96),rgba(2,6,3,.80) 52%,rgba(2,6,3,.56)),
    linear-gradient(to bottom,rgba(2,6,3,.20) 0%,rgba(2,6,3,.12) 58%,rgba(2,6,3,.04) 100%) !important;
}

main{
  position:relative !important;
  isolation:isolate !important;
  margin-top:0 !important;
  background:transparent !important;
}
main::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:-220px !important;
  bottom:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(
      to bottom,
      rgba(2,6,3,0) 0px,
      rgba(2,6,3,.10) 50px,
      rgba(2,6,3,.24) 110px,
      rgba(2,6,3,.44) 180px,
      rgba(2,6,3,.64) 260px,
      rgba(2,6,3,.80) 360px,
      rgba(2,6,3,.90) 520px,
      rgba(2,6,3,.95) 760px,
      rgba(2,6,3,.975) 100%
    ),
    url("assets/brand/palm.jpg") center top / 100% auto repeat-y !important;
  filter:brightness(.21) saturate(.82) contrast(1.03) !important;
}
main::after{
  content:none !important;
  display:none !important;
}

main > section,
.section,
.about,
.dark,
.contact-review,
.social,
.discount-section,
.lounge-section,
.platforms-section,
#about,#offers,#tastings,#lounges,#rabattcodes,#partners,#community,#platforms,#reviews,#mixes{
  position:relative !important;
  z-index:1 !important;
  background:transparent !important;
}
main > section::before,
main > section::after,
#about::before,
#about::after,
.google-review-section::before,
.google-review-section::after{
  content:none !important;
  display:none !important;
}

#about{
  margin-top:0 !important;
  padding-top:135px !important;
  padding-bottom:120px !important;
}
#about > *{
  position:relative !important;
  z-index:1 !important;
}
#about .eyebrow,
#about h2,
#about p,
#about b,
#about strong{
  opacity:1 !important;
  filter:none !important;
}

@media(max-width:760px){
  .hero::after{
    height:220px !important;
    background:linear-gradient(
      to bottom,
      rgba(2,6,3,0) 0%,
      rgba(2,6,3,.03) 12%,
      rgba(2,6,3,.10) 26%,
      rgba(2,6,3,.24) 48%,
      rgba(2,6,3,.48) 70%,
      rgba(2,6,3,.72) 86%,
      rgba(2,6,3,.86) 100%
    ) !important;
  }
  main::before{
    top:-140px !important;
    background:
      linear-gradient(
        to bottom,
        rgba(2,6,3,0) 0px,
        rgba(2,6,3,.12) 34px,
        rgba(2,6,3,.28) 72px,
        rgba(2,6,3,.52) 128px,
        rgba(2,6,3,.74) 190px,
        rgba(2,6,3,.88) 280px,
        rgba(2,6,3,.95) 420px,
        rgba(2,6,3,.978) 100%
      ),
      url("assets/brand/palm.jpg") center top / auto 980px repeat-y !important;
    filter:brightness(.20) saturate(.82) contrast(1.03) !important;
  }
  #about{
    padding-top:100px !important;
  }
}

/* V6.113 FINAL BLEND – seamless hero to about palm transition */
.hero::after{
  bottom:-2px !important;
  height:420px !important;
  background:linear-gradient(
    to bottom,
    rgba(2,6,3,0) 0%,
    rgba(2,6,3,.015) 10%,
    rgba(2,6,3,.05) 22%,
    rgba(2,6,3,.11) 36%,
    rgba(2,6,3,.22) 50%,
    rgba(2,6,3,.38) 66%,
    rgba(2,6,3,.56) 80%,
    rgba(2,6,3,.72) 91%,
    rgba(2,6,3,.83) 100%
  ) !important;
}

main{
  margin-top:-1px !important;
}
main::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:-320px !important;
  bottom:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background-image:
    linear-gradient(
      to bottom,
      rgba(2,6,3,0) 0px,
      rgba(2,6,3,.04) 60px,
      rgba(2,6,3,.10) 120px,
      rgba(2,6,3,.20) 190px,
      rgba(2,6,3,.34) 280px,
      rgba(2,6,3,.52) 380px,
      rgba(2,6,3,.70) 500px,
      rgba(2,6,3,.84) 650px,
      rgba(2,6,3,.92) 860px,
      rgba(2,6,3,.965) 100%
    ),
    url("assets/brand/palm.jpg") !important;
  background-position:center top, center top !important;
  background-size:100% 100%, auto 1280px !important;
  background-repeat:no-repeat, repeat-y !important;
  filter:brightness(.18) saturate(.80) contrast(1.03) !important;
}

#about{
  padding-top:145px !important;
}

@media(max-width:760px){
  .hero::after{
    height:260px !important;
    background:linear-gradient(
      to bottom,
      rgba(2,6,3,0) 0%,
      rgba(2,6,3,.02) 12%,
      rgba(2,6,3,.08) 28%,
      rgba(2,6,3,.20) 46%,
      rgba(2,6,3,.40) 66%,
      rgba(2,6,3,.62) 84%,
      rgba(2,6,3,.82) 100%
    ) !important;
  }
  main::before{
    top:-190px !important;
    background-image:
      linear-gradient(
        to bottom,
        rgba(2,6,3,0) 0px,
        rgba(2,6,3,.06) 36px,
        rgba(2,6,3,.14) 78px,
        rgba(2,6,3,.28) 126px,
        rgba(2,6,3,.48) 190px,
        rgba(2,6,3,.68) 270px,
        rgba(2,6,3,.84) 370px,
        rgba(2,6,3,.94) 520px,
        rgba(2,6,3,.975) 100%
      ),
      url("assets/brand/palm.jpg") !important;
    background-position:center top, center top !important;
    background-size:100% 100%, auto 1040px !important;
    background-repeat:no-repeat, repeat-y !important;
    filter:brightness(.17) saturate(.80) contrast(1.03) !important;
  }
  #about{
    padding-top:112px !important;
  }
}

/* V6.114 AUTO REFINE – smoother palm transition with no visible black band */
.hero::after{
  bottom:-1px !important;
  height:230px !important;
  background:linear-gradient(
    to bottom,
    rgba(2,6,3,0) 0%,
    rgba(2,6,3,.015) 18%,
    rgba(2,6,3,.05) 38%,
    rgba(2,6,3,.14) 58%,
    rgba(2,6,3,.28) 74%,
    rgba(2,6,3,.46) 88%,
    rgba(2,6,3,.60) 100%
  ) !important;
}

main{
  margin-top:0 !important;
}

/* Base dark palm texture for all sections after hero */
main::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  bottom:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(
      to bottom,
      rgba(2,6,3,.90) 0%,
      rgba(2,6,3,.925) 12%,
      rgba(2,6,3,.945) 28%,
      rgba(2,6,3,.958) 50%,
      rgba(2,6,3,.97) 100%
    ),
    url("assets/brand/palm.jpg") center top / auto 1180px repeat-y !important;
  filter:brightness(.17) saturate(.78) contrast(1.03) !important;
}

/* Dedicated overlap strip that blends hero palms into the darker palm sections */
main::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:-180px !important;
  height:330px !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(
      to bottom,
      rgba(2,6,3,0) 0%,
      rgba(2,6,3,.06) 18%,
      rgba(2,6,3,.16) 36%,
      rgba(2,6,3,.32) 54%,
      rgba(2,6,3,.56) 72%,
      rgba(2,6,3,.78) 88%,
      rgba(2,6,3,.92) 100%
    ),
    url("assets/brand/palm.jpg") center top / cover no-repeat !important;
  filter:brightness(.42) saturate(.88) contrast(1.02) !important;
}

#about{
  margin-top:0 !important;
  padding-top:120px !important;
}

#about,#offers,#tastings,#lounges,#rabattcodes,#partners,#community,#platforms,#reviews,#mixes{
  background:transparent !important;
}

@media (max-width: 760px){
  .hero::after{
    height:170px !important;
    background:linear-gradient(
      to bottom,
      rgba(2,6,3,0) 0%,
      rgba(2,6,3,.03) 18%,
      rgba(2,6,3,.10) 40%,
      rgba(2,6,3,.24) 62%,
      rgba(2,6,3,.44) 82%,
      rgba(2,6,3,.60) 100%
    ) !important;
  }
  main::before{
    background:
      linear-gradient(
        to bottom,
        rgba(2,6,3,.90) 0%,
        rgba(2,6,3,.935) 16%,
        rgba(2,6,3,.955) 40%,
        rgba(2,6,3,.97) 100%
      ),
      url("assets/brand/palm.jpg") center top / auto 940px repeat-y !important;
    filter:brightness(.16) saturate(.78) contrast(1.03) !important;
  }
  main::after{
    top:-125px !important;
    height:225px !important;
    background:
      linear-gradient(
        to bottom,
        rgba(2,6,3,0) 0%,
        rgba(2,6,3,.08) 20%,
        rgba(2,6,3,.22) 44%,
        rgba(2,6,3,.46) 70%,
        rgba(2,6,3,.72) 88%,
        rgba(2,6,3,.90) 100%
      ),
      url("assets/brand/palm.jpg") center top / cover no-repeat !important;
    filter:brightness(.38) saturate(.86) contrast(1.02) !important;
  }
  #about{
    padding-top:95px !important;
  }
}


/* V6.116 FINAL OVERRIDE – dark palm background from "Über uns" onward, no black band */
.hero{position:relative !important;z-index:1 !important;}
.hero-bg{background:url("assets/brand/palm.jpg") center top / cover no-repeat !important;}
.shade{background:linear-gradient(90deg,rgba(2,6,3,.90),rgba(2,6,3,.76) 52%,rgba(2,6,3,.54)) !important;}
.hero::after{content:"" !important;position:absolute !important;left:0 !important;right:0 !important;bottom:-1px !important;height:240px !important;z-index:1 !important;pointer-events:none !important;background:linear-gradient(to bottom,rgba(2,6,3,0) 0%,rgba(2,6,3,.03) 16%,rgba(2,6,3,.09) 30%,rgba(2,6,3,.18) 44%,rgba(2,6,3,.34) 58%,rgba(2,6,3,.56) 74%,rgba(2,6,3,.78) 88%,rgba(2,6,3,.90) 100%) !important;}
main{position:relative !important;isolation:isolate !important;margin-top:0 !important;background:transparent !important;}
main::after{content:none !important;display:none !important;}
main::before{content:"" !important;position:absolute !important;left:0 !important;right:0 !important;top:-210px !important;bottom:0 !important;z-index:0 !important;pointer-events:none !important;background:linear-gradient(to bottom,rgba(2,6,3,0) 0%,rgba(2,6,3,.10) 7%,rgba(2,6,3,.24) 13%,rgba(2,6,3,.42) 20%,rgba(2,6,3,.62) 28%,rgba(2,6,3,.78) 36%,rgba(2,6,3,.88) 46%,rgba(2,6,3,.94) 58%,rgba(2,6,3,.965) 100%),url("assets/brand/palm.jpg") center top / 100% auto repeat-y !important;filter:brightness(.16) saturate(.78) contrast(1.03) !important;transform:translateZ(0) !important;}
main > section,#about,#offers,#tastings,#lounges,#rabattcodes,#partners,#community,#platforms,#reviews,#mixes{position:relative !important;z-index:1 !important;background:transparent !important;}
#about{margin-top:0 !important;padding-top:110px !important;}
#offers,#tastings,#lounges,#rabattcodes,#partners,#community,#platforms,#reviews,#mixes{box-shadow:inset 0 120px 220px rgba(2,6,3,.18) !important;}
@media (max-width: 760px){.hero::after{height:170px !important;background:linear-gradient(to bottom,rgba(2,6,3,0) 0%,rgba(2,6,3,.04) 20%,rgba(2,6,3,.12) 40%,rgba(2,6,3,.28) 62%,rgba(2,6,3,.54) 84%,rgba(2,6,3,.84) 100%) !important;}main::before{top:-145px !important;background:linear-gradient(to bottom,rgba(2,6,3,0) 0%,rgba(2,6,3,.12) 8%,rgba(2,6,3,.28) 16%,rgba(2,6,3,.48) 26%,rgba(2,6,3,.68) 36%,rgba(2,6,3,.82) 48%,rgba(2,6,3,.90) 60%,rgba(2,6,3,.965) 100%),url("assets/brand/palm.jpg") center top / auto 980px repeat-y !important;filter:brightness(.16) saturate(.78) contrast(1.03) !important;}#about{padding-top:92px !important;}}


/* V6.117 FINAL – from "Über uns" onward fully dark palm look */
.hero{position:relative !important;overflow:hidden !important;}
.hero-bg{background:url("assets/brand/palm.jpg") center top / cover no-repeat !important;}
.shade{background:linear-gradient(90deg,rgba(2,6,3,.92),rgba(2,6,3,.78) 52%,rgba(2,6,3,.56)) !important;}
.hero::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important; right:0 !important; bottom:-1px !important;
  height:170px !important;
  z-index:1 !important; pointer-events:none !important;
  background:linear-gradient(
    to bottom,
    rgba(2,6,3,0) 0%,
    rgba(2,6,3,.05) 22%,
    rgba(2,6,3,.16) 46%,
    rgba(2,6,3,.36) 68%,
    rgba(2,6,3,.62) 86%,
    rgba(2,6,3,.88) 100%
  ) !important;
}
main{
  position:relative !important;
  isolation:isolate !important;
  z-index:1 !important;
  margin-top:0 !important;
  background:
    linear-gradient(to bottom, rgba(2,6,3,.93) 0%, rgba(2,6,3,.955) 24%, rgba(2,6,3,.972) 100%),
    url("assets/brand/palm.jpg") center top / auto 1180px repeat-y !important;
}
main::before, main::after,
#about::before,#about::after,
#team::before,#team::after,
#lounges::before,#lounges::after,
#partners::before,#partners::after,
#mixes::before,#mixes::after,
.google-review-section::before,.google-review-section::after,
main > section::before, main > section::after{
  content:none !important; display:none !important;
}
main > section,
.section,
.about,
.discount-section,
.lounge-section,
.platforms-section,
#about,#offers,#tastings,#lounges,#rabattcodes,#partners,#community,#platforms,#reviews,#mixes{
  position:relative !important;
  z-index:1 !important;
  background:transparent !important;
}
#about{
  margin-top:0 !important;
  padding-top:76px !important;
}
#offers,#tastings,#lounges,#rabattcodes,#partners,#community,#platforms,#reviews,#mixes,#reviews{
  box-shadow:inset 0 120px 240px rgba(2,6,3,.12) !important;
}
@media (max-width: 760px){
  .hero::after{
    height:130px !important;
    background:linear-gradient(to bottom,rgba(2,6,3,0) 0%,rgba(2,6,3,.06) 22%,rgba(2,6,3,.18) 48%,rgba(2,6,3,.42) 72%,rgba(2,6,3,.84) 100%) !important;
  }
  main{
    background:
      linear-gradient(to bottom, rgba(2,6,3,.94) 0%, rgba(2,6,3,.962) 28%, rgba(2,6,3,.976) 100%),
      url("assets/brand/palm.jpg") center top / auto 920px repeat-y !important;
  }
  #about{padding-top:58px !important;}
}


/* V6.118 – full-width dark palm background from Über uns onward */
body{background:#020603 !important;}
.hero{position:relative !important; overflow:hidden !important;}
.hero-bg{background:url("assets/brand/palm.jpg") center top / cover no-repeat !important;}
.hero::after{
  content:"" !important;
  position:absolute !important;
  inset:auto 0 -1px 0 !important;
  height:140px !important;
  pointer-events:none !important;
  z-index:1 !important;
  background:linear-gradient(to bottom, rgba(2,6,3,0) 0%, rgba(2,6,3,.12) 34%, rgba(2,6,3,.34) 60%, rgba(2,6,3,.68) 82%, rgba(2,6,3,.92) 100%) !important;
}
main{
  position:relative !important;
  isolation:isolate !important;
  z-index:1 !important;
  margin-top:0 !important;
  background:
    linear-gradient(to bottom, rgba(2,6,3,.92) 0%, rgba(2,6,3,.955) 14%, rgba(2,6,3,.972) 34%, rgba(2,6,3,.982) 100%),
    url("assets/brand/palm.jpg") center top / 100% auto repeat-y !important;
}
main::before, main::after,
main > section::before, main > section::after,
#about::before, #about::after,
#offers::before, #offers::after,
#tastings::before, #tastings::after,
#lounges::before, #lounges::after,
#rabattcodes::before, #rabattcodes::after,
#partners::before, #partners::after,
#community::before, #community::after,
#platforms::before, #platforms::after,
#reviews::before, #reviews::after,
#mixes::before, #mixes::after{
  content:none !important;
  display:none !important;
}
main > section,
.section,
.about,
.discount-section,
.lounge-section,
.platforms-section,
.google-review-section,
#about,#offers,#tastings,#lounges,#rabattcodes,#partners,#community,#platforms,#reviews,#mixes{
  background:transparent !important;
  position:relative !important;
  z-index:1 !important;
}
#about{
  margin-top:0 !important;
  padding-top:72px !important;
}
#about,
#offers,
#tastings,
#lounges,
#rabattcodes,
#partners,
#community,
#platforms,
#reviews,
#mixes{
  box-shadow:none !important;
}
@media (min-width: 1280px){
  main{
    background:
      linear-gradient(to bottom, rgba(2,6,3,.92) 0%, rgba(2,6,3,.955) 14%, rgba(2,6,3,.972) 34%, rgba(2,6,3,.982) 100%),
      url("assets/brand/palm.jpg") center top / cover repeat-y !important;
  }
}
@media (max-width: 760px){
  .hero::after{
    height:108px !important;
    background:linear-gradient(to bottom, rgba(2,6,3,0) 0%, rgba(2,6,3,.14) 34%, rgba(2,6,3,.42) 64%, rgba(2,6,3,.86) 100%) !important;
  }
  main{
    background:
      linear-gradient(to bottom, rgba(2,6,3,.935) 0%, rgba(2,6,3,.965) 20%, rgba(2,6,3,.978) 100%),
      url("assets/brand/palm.jpg") center top / 100% auto repeat-y !important;
  }
  #about{padding-top:56px !important;}
}


/* V6.119 – seamless palm transition from hero to Über uns */
body{background:#020603 !important;}
.hero{position:relative !important;overflow:hidden !important;}
.hero-bg{background:url("assets/brand/palm.jpg") center top / cover no-repeat !important;}
.shade{background:linear-gradient(90deg,rgba(2,6,3,.94),rgba(2,6,3,.76) 52%,rgba(2,6,3,.50)) !important;}
.hero::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important; right:0 !important; bottom:-1px !important;
  height:190px !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:linear-gradient(
    to bottom,
    rgba(2,6,3,0) 0%,
    rgba(2,6,3,.03) 18%,
    rgba(2,6,3,.08) 34%,
    rgba(2,6,3,.16) 50%,
    rgba(2,6,3,.28) 66%,
    rgba(2,6,3,.42) 80%,
    rgba(2,6,3,.56) 100%
  ) !important;
}
main{
  position:relative !important;
  isolation:isolate !important;
  z-index:1 !important;
  margin-top:0 !important;
  background:transparent !important;
}
main::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important; right:0 !important; top:-200px !important; bottom:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(
      to bottom,
      rgba(2,6,3,0) 0%,
      rgba(2,6,3,.05) 8%,
      rgba(2,6,3,.12) 15%,
      rgba(2,6,3,.22) 24%,
      rgba(2,6,3,.36) 34%,
      rgba(2,6,3,.50) 44%,
      rgba(2,6,3,.61) 54%,
      rgba(2,6,3,.69) 66%,
      rgba(2,6,3,.75) 78%,
      rgba(2,6,3,.78) 100%
    ),
    url("assets/brand/palm.jpg") center top / cover repeat-y !important;
  filter:brightness(.33) saturate(.80) contrast(1.02) !important;
}
main::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:linear-gradient(to bottom, rgba(2,6,3,0) 0%, rgba(2,6,3,.03) 18%, rgba(2,6,3,.06) 38%, rgba(2,6,3,.10) 64%, rgba(2,6,3,.14) 100%) !important;
}
main > section,
.section,
.about,
.discount-section,
.lounge-section,
.platforms-section,
.google-review-section,
#about,#offers,#tastings,#lounges,#rabattcodes,#partners,#community,#platforms,#reviews,#mixes{
  position:relative !important;
  z-index:1 !important;
  background:transparent !important;
}
#about{
  margin-top:0 !important;
  padding-top:76px !important;
}
#offers,#tastings,#lounges,#rabattcodes,#partners,#community,#platforms,#reviews,#mixes{
  background:transparent !important;
  box-shadow:none !important;
}
@media (max-width:760px){
  .hero::after{
    height:134px !important;
    background:linear-gradient(
      to bottom,
      rgba(2,6,3,0) 0%,
      rgba(2,6,3,.04) 22%,
      rgba(2,6,3,.10) 42%,
      rgba(2,6,3,.22) 62%,
      rgba(2,6,3,.38) 80%,
      rgba(2,6,3,.54) 100%
    ) !important;
  }
  main::before{
    top:-138px !important;
    background:
      linear-gradient(
        to bottom,
        rgba(2,6,3,0) 0%,
        rgba(2,6,3,.06) 10%,
        rgba(2,6,3,.14) 18%,
        rgba(2,6,3,.28) 28%,
        rgba(2,6,3,.44) 40%,
        rgba(2,6,3,.58) 54%,
        rgba(2,6,3,.68) 68%,
        rgba(2,6,3,.76) 100%
      ),
      url("assets/brand/palm.jpg") center top / cover repeat-y !important;
    filter:brightness(.34) saturate(.80) contrast(1.02) !important;
  }
  #about{padding-top:56px !important;}
}


/* V6.120 – clean restart of hero/about background transition */
body{
  background:#020603 !important;
}
.hero{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  z-index:2 !important;
  padding-bottom:0 !important;
}
.hero-bg{
  background:url("assets/brand/palm.jpg") center top / cover no-repeat !important;
  filter:none !important;
}
.shade{
  background:linear-gradient(90deg, rgba(2,6,3,.93) 0%, rgba(2,6,3,.72) 50%, rgba(2,6,3,.44) 100%) !important;
}
.hero::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:170px !important;
  z-index:2 !important;
  pointer-events:none !important;
  background:linear-gradient(to bottom,
    rgba(2,6,3,0) 0%,
    rgba(2,6,3,.06) 24%,
    rgba(2,6,3,.16) 48%,
    rgba(2,6,3,.30) 68%,
    rgba(2,6,3,.48) 84%,
    rgba(2,6,3,.62) 100%) !important;
}
.hero-grid{
  position:relative !important;
  z-index:3 !important;
}
main{
  position:relative !important;
  z-index:1 !important;
  isolation:isolate !important;
  margin-top:-150px !important;
  padding-top:150px !important;
  background:transparent !important;
}
main::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(to bottom,
      rgba(2,6,3,.56) 0%,
      rgba(2,6,3,.66) 9%,
      rgba(2,6,3,.73) 18%,
      rgba(2,6,3,.78) 28%,
      rgba(2,6,3,.81) 42%,
      rgba(2,6,3,.84) 100%),
    url("assets/brand/palm.jpg") center top / cover repeat-y !important;
  filter:brightness(.30) saturate(.78) contrast(1.03) !important;
}
main::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:linear-gradient(to bottom, rgba(2,6,3,.03) 0%, rgba(2,6,3,.06) 30%, rgba(2,6,3,.09) 70%, rgba(2,6,3,.12) 100%) !important;
}
main > *,
main > section,
.section,
.about,
#about,
#offers,
#tastings,
#lounges,
#rabattcodes,
#partners,
#community,
#platforms,
#reviews,
#mixes,
#contact,
.dark{
  position:relative !important;
  z-index:1 !important;
  background:transparent !important;
}
#about{
  padding-top:72px !important;
}
@media (max-width: 760px){
  .hero::after{
    height:128px !important;
    background:linear-gradient(to bottom,
      rgba(2,6,3,0) 0%,
      rgba(2,6,3,.08) 24%,
      rgba(2,6,3,.18) 48%,
      rgba(2,6,3,.34) 72%,
      rgba(2,6,3,.52) 100%) !important;
  }
  main{
    margin-top:-112px !important;
    padding-top:112px !important;
  }
  main::before{
    background:
      linear-gradient(to bottom,
        rgba(2,6,3,.58) 0%,
        rgba(2,6,3,.70) 16%,
        rgba(2,6,3,.77) 30%,
        rgba(2,6,3,.82) 44%,
        rgba(2,6,3,.85) 100%),
      url("assets/brand/palm.jpg") center top / cover repeat-y !important;
    filter:brightness(.28) saturate(.76) contrast(1.03) !important;
  }
  #about{
    padding-top:52px !important;
  }
}


/* V6.121 – mobile nav centering + seamless hero/about transition */
body{
  position:relative !important;
  background:#020603 !important;
}
body::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-3 !important;
  pointer-events:none !important;
  background:url("assets/brand/palm.jpg") center top / cover no-repeat !important;
  filter:brightness(.42) saturate(.84) contrast(1.03) !important;
  transform:scale(1.02) !important;
  transform-origin:center top !important;
}
body::after{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-2 !important;
  pointer-events:none !important;
  background:linear-gradient(to bottom, rgba(2,6,3,.06) 0%, rgba(2,6,3,.10) 18%, rgba(2,6,3,.16) 36%, rgba(2,6,3,.22) 58%, rgba(2,6,3,.26) 100%) !important;
}
.hero{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background:transparent !important;
  z-index:2 !important;
  margin-bottom:0 !important;
}
.hero-bg{
  display:none !important;
}
.shade{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    linear-gradient(180deg, rgba(2,6,3,.02) 0%, rgba(2,6,3,.05) 28%, rgba(2,6,3,.10) 52%, rgba(2,6,3,.18) 74%, rgba(2,6,3,.28) 100%),
    linear-gradient(90deg, rgba(2,6,3,.90) 0%, rgba(2,6,3,.68) 48%, rgba(2,6,3,.38) 100%) !important;
}
.hero::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-1px !important;
  height:240px !important;
  z-index:2 !important;
  pointer-events:none !important;
  background:linear-gradient(to bottom,
    rgba(2,6,3,0) 0%,
    rgba(2,6,3,.03) 10%,
    rgba(2,6,3,.07) 22%,
    rgba(2,6,3,.12) 36%,
    rgba(2,6,3,.18) 50%,
    rgba(2,6,3,.24) 64%,
    rgba(2,6,3,.30) 76%,
    rgba(2,6,3,.34) 88%,
    rgba(2,6,3,.38) 100%) !important;
}
.hero-grid,.nav,.smokes,.grain{
  position:relative !important;
  z-index:3 !important;
}
main{
  position:relative !important;
  z-index:1 !important;
  isolation:isolate !important;
  background:transparent !important;
  margin-top:-200px !important;
  padding-top:200px !important;
}
main::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:linear-gradient(to bottom, rgba(2,6,3,.20) 0%, rgba(2,6,3,.24) 14%, rgba(2,6,3,.28) 28%, rgba(2,6,3,.31) 42%, rgba(2,6,3,.33) 60%, rgba(2,6,3,.35) 100%) !important;
}
main > *,
main > section,
.section,
.about,
#about,
#offers,
#tastings,
#lounges,
#rabattcodes,
#partners,
#community,
#platforms,
#reviews,
#mixes,
#contact,
.dark{
  position:relative !important;
  z-index:1 !important;
  background:transparent !important;
}
#about{
  padding-top:80px !important;
}
@media (max-width:760px){
  .nav{
    display:grid !important;
    grid-template-columns:auto 1fr auto !important;
    grid-template-areas:
      "brand . pill"
      ". lang ." !important;
    align-items:center !important;
    row-gap:10px !important;
    min-height:104px !important;
    height:auto !important;
    padding:14px 16px 12px !important;
  }
  .nav .brand{
    grid-area:brand !important;
    justify-self:start !important;
    align-self:center !important;
    display:flex !important;
    align-items:center !important;
  }
  .nav .pill{
    grid-area:pill !important;
    justify-self:end !important;
    align-self:center !important;
    min-height:52px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 28px !important;
  }
  .nav .lang-switch{
    grid-area:lang !important;
    position:static !important;
    transform:none !important;
    margin:0 !important;
    justify-self:center !important;
    align-self:center !important;
  }
  .hero::after{
    height:180px !important;
    background:linear-gradient(to bottom,
      rgba(2,6,3,0) 0%,
      rgba(2,6,3,.04) 14%,
      rgba(2,6,3,.09) 30%,
      rgba(2,6,3,.15) 46%,
      rgba(2,6,3,.22) 62%,
      rgba(2,6,3,.29) 80%,
      rgba(2,6,3,.35) 100%) !important;
  }
  main{
    margin-top:-145px !important;
    padding-top:145px !important;
  }
  main::before{
    background:linear-gradient(to bottom, rgba(2,6,3,.18) 0%, rgba(2,6,3,.22) 16%, rgba(2,6,3,.26) 34%, rgba(2,6,3,.29) 56%, rgba(2,6,3,.31) 100%) !important;
  }
  #about{
    padding-top:64px !important;
  }
}


/* V6.123 FINAL – true mobile centering + full-window palm background */
body{
  position:relative !important;
  background:#020603 !important;
}
body::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-3 !important;
  pointer-events:none !important;
  background:url("assets/brand/palm.jpg") center top / cover no-repeat fixed !important;
  filter:brightness(.47) saturate(.82) contrast(1.02) !important;
  transform:scale(1.03) !important;
  transform-origin:center top !important;
}
body::after{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-2 !important;
  pointer-events:none !important;
  background:linear-gradient(to bottom,
    rgba(2,6,3,.06) 0%,
    rgba(2,6,3,.10) 18%,
    rgba(2,6,3,.14) 40%,
    rgba(2,6,3,.18) 68%,
    rgba(2,6,3,.22) 100%) !important;
}
.hero{
  position:relative !important;
  min-height:100svh !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background:transparent !important;
  margin-bottom:0 !important;
}
.hero-bg{
  display:none !important;
}
.shade{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    linear-gradient(180deg,
      rgba(2,6,3,.02) 0%,
      rgba(2,6,3,.04) 22%,
      rgba(2,6,3,.08) 48%,
      rgba(2,6,3,.14) 72%,
      rgba(2,6,3,.20) 100%),
    linear-gradient(90deg,
      rgba(2,6,3,.88) 0%,
      rgba(2,6,3,.66) 46%,
      rgba(2,6,3,.34) 100%) !important;
}
.hero::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-1px !important;
  height:260px !important;
  z-index:2 !important;
  pointer-events:none !important;
  background:linear-gradient(to bottom,
    rgba(2,6,3,0) 0%,
    rgba(2,6,3,.03) 12%,
    rgba(2,6,3,.06) 24%,
    rgba(2,6,3,.10) 38%,
    rgba(2,6,3,.15) 52%,
    rgba(2,6,3,.20) 66%,
    rgba(2,6,3,.26) 80%,
    rgba(2,6,3,.32) 92%,
    rgba(2,6,3,.36) 100%) !important;
}
.hero-grid,.nav,.smokes,.grain{
  position:relative !important;
  z-index:3 !important;
}
main{
  position:relative !important;
  z-index:1 !important;
  isolation:isolate !important;
  background:transparent !important;
  margin-top:-180px !important;
  padding-top:180px !important;
}
main::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  height:360px !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:linear-gradient(to bottom,
    rgba(2,6,3,.26) 0%,
    rgba(2,6,3,.24) 12%,
    rgba(2,6,3,.22) 28%,
    rgba(2,6,3,.18) 52%,
    rgba(2,6,3,.10) 76%,
    rgba(2,6,3,0) 100%) !important;
}
main > *,
main > section,
.section,
.about,
#about,
#offers,
#tastings,
#lounges,
#rabattcodes,
#partners,
#community,
#platforms,
#reviews,
#mixes,
#contact,
.dark{
  position:relative !important;
  z-index:1 !important;
  background:transparent !important;
}
#about{
  padding-top:92px !important;
}
@media (max-width:760px){
  .nav{
    position:fixed !important;
    top:16px !important;
    left:16px !important;
    right:16px !important;
    width:auto !important;
    min-height:112px !important;
    height:112px !important;
    padding:0 !important;
    display:block !important;
  }
  .nav .brand{
    position:absolute !important;
    left:18px !important;
    top:15px !important;
    display:flex !important;
    align-items:center !important;
    height:44px !important;
    margin:0 !important;
  }
  .nav .pill{
    position:absolute !important;
    right:18px !important;
    top:15px !important;
    min-height:52px !important;
    height:52px !important;
    padding:0 28px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .nav .lang-switch{
    position:absolute !important;
    left:50% !important;
    bottom:16px !important;
    transform:translateX(-50%) !important;
    margin:0 !important;
    width:auto !important;
    justify-content:center !important;
  }
  .hero{
    align-items:flex-start !important;
  }
  .hero-grid{
    width:calc(100% - 32px) !important;
    padding-top:128px !important;
    padding-bottom:48px !important;
    gap:24px !important;
  }
  .logo-stage{
    min-height:360px !important;
    margin-top:2px !important;
  }
  .logo-disc{
    width:min(330px,76vw) !important;
  }
  .orbit{
    width:min(412px,92vw) !important;
  }
  .hero::after{
    height:210px !important;
    background:linear-gradient(to bottom,
      rgba(2,6,3,0) 0%,
      rgba(2,6,3,.03) 16%,
      rgba(2,6,3,.07) 32%,
      rgba(2,6,3,.12) 48%,
      rgba(2,6,3,.18) 64%,
      rgba(2,6,3,.24) 80%,
      rgba(2,6,3,.30) 100%) !important;
  }
  main{
    margin-top:-156px !important;
    padding-top:156px !important;
  }
  main::before{
    height:300px !important;
    background:linear-gradient(to bottom,
      rgba(2,6,3,.24) 0%,
      rgba(2,6,3,.22) 14%,
      rgba(2,6,3,.18) 34%,
      rgba(2,6,3,.12) 60%,
      rgba(2,6,3,0) 100%) !important;
  }
  #about{
    padding-top:72px !important;
  }
}

/* V6.130 – orbit centered on logo + animated point on orbit + darker palm background sitewide */
:root{
  --td-site-dark: rgba(2,6,3,.30);
  --td-site-dark-strong: rgba(2,6,3,.54);
}
body{
  background:#040704 !important;
}
body::before{
  filter:brightness(.36) saturate(.78) contrast(1.03) !important;
  transform:scale(1.04) !important;
  transform-origin:center top !important;
}
body::after{
  background:
    linear-gradient(to bottom,
      rgba(2,6,3,.14) 0%,
      rgba(2,6,3,.18) 22%,
      rgba(2,6,3,.22) 52%,
      rgba(2,6,3,.28) 78%,
      rgba(2,6,3,.34) 100%) !important;
}
.hero,
main,
.section,
.about,
.dark,
#about,
#offers,
#tastings,
#lounges,
#rabattcodes,
#partners,
#community,
#platforms,
#reviews,
#mixes,
#contact{
  background:transparent !important;
}
.shade{
  background:
    linear-gradient(180deg,
      rgba(2,6,3,.06) 0%,
      rgba(2,6,3,.08) 22%,
      rgba(2,6,3,.13) 48%,
      rgba(2,6,3,.20) 72%,
      rgba(2,6,3,.26) 100%),
    linear-gradient(90deg,
      rgba(2,6,3,.92) 0%,
      rgba(2,6,3,.74) 44%,
      rgba(2,6,3,.44) 100%) !important;
}
.hero::after{
  background:linear-gradient(to bottom,
    rgba(2,6,3,0) 0%,
    rgba(2,6,3,.04) 12%,
    rgba(2,6,3,.08) 24%,
    rgba(2,6,3,.14) 38%,
    rgba(2,6,3,.20) 52%,
    rgba(2,6,3,.26) 66%,
    rgba(2,6,3,.32) 80%,
    rgba(2,6,3,.38) 92%,
    rgba(2,6,3,.44) 100%) !important;
}
main::before{
  background:linear-gradient(to bottom,
    rgba(2,6,3,.38) 0%,
    rgba(2,6,3,.34) 12%,
    rgba(2,6,3,.28) 28%,
    rgba(2,6,3,.20) 50%,
    rgba(2,6,3,.10) 74%,
    rgba(2,6,3,0) 100%) !important;
}
.logo-stage{
  --td-logo-size: min(410px, 30vw);
  --td-orbit-size: min(470px, 35vw);
  position:relative !important;
  min-height:560px !important;
  display:block !important;
  overflow:visible !important;
}
.logo-stage .logo-disc,
.logo-stage .orbit{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
}
.logo-stage .logo-disc{
  width:var(--td-logo-size) !important;
  height:var(--td-logo-size) !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% !important;
  overflow:hidden !important;
  background:rgba(255,255,255,.985) !important;
  box-shadow:0 22px 60px rgba(0,0,0,.35) !important;
}
.logo-stage .logo-disc img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
}
@keyframes tdOrbitSpin{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
.logo-stage .orbit{
  width:var(--td-orbit-size) !important;
  height:var(--td-orbit-size) !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% !important;
  border:1px solid rgba(255,255,255,.17) !important;
  animation:tdOrbitSpin 13s linear infinite !important;
  overflow:visible !important;
  box-shadow:none !important;
}
.logo-stage .orbit::before{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.06);
}
.logo-stage .orbit i{
  position:absolute !important;
  top:-7px !important;
  left:50% !important;
  bottom:auto !important;
  width:14px !important;
  height:14px !important;
  margin:0 !important;
  transform:translateX(-50%) !important;
  border-radius:50% !important;
  background:var(--acid) !important;
  box-shadow:0 0 20px rgba(200,255,61,.9) !important;
}
@media (max-width:760px){
  body::before{
    filter:brightness(.33) saturate(.76) contrast(1.04) !important;
    background-position:center top !important;
  }
  .logo-stage{
    --td-logo-size:min(300px, 76vw);
    --td-orbit-size:min(352px, 88vw);
    min-height:420px !important;
    margin-top:6px !important;
  }
  .logo-stage .logo-disc,
  .logo-stage .orbit{
    top:50% !important;
  }
}
@media (max-width:420px){
  .logo-stage{
    --td-logo-size:min(286px, 76vw);
    --td-orbit-size:min(336px, 89vw);
    min-height:400px !important;
  }
}
@media (prefers-reduced-motion:reduce){
  .logo-stage .orbit{animation:none !important}
}

/* V6.130 – uniform dark palm background + real moving orbit dot */
body{background:#030603 !important;}
body::before{
  filter:brightness(.34) saturate(.78) contrast(1.03) !important;
  transform:scale(1.03) !important;
  transform-origin:center top !important;
  background-position:center top !important;
  background-size:cover !important;
}
body::after{
  background:rgba(2,6,3,.28) !important;
}
.hero,
main,
.about,
.section,
.dark,
#about,
#offers,
#events,
#lounges,
#rabattcodes,
#partners,
#mixes,
#contact,
#reviews,
#platforms{
  background:transparent !important;
}
/* remove extra dark overlay / band effect so the palm background stays constant */
.shade,
.hero::after,
main::before{
  display:none !important;
  content:none !important;
  background:none !important;
}
.logo-stage{
  position:relative !important;
  min-height:560px !important;
  overflow:visible !important;
}
.logo-stage .logo-disc,
.logo-stage .orbit{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
}
.logo-stage .logo-disc{
  transform:translate(-50%,-50%) !important;
  z-index:2 !important;
}
.logo-stage .orbit{
  transform:translate(-50%,-50%) !important;
  animation:none !important;
  overflow:visible !important;
  z-index:3 !important;
}
.logo-stage .orbit i{
  width:14px !important;
  height:14px !important;
  margin:0 !important;
  top:0 !important;
  left:0 !important;
  bottom:auto !important;
  border-radius:50% !important;
  background:var(--acid) !important;
  box-shadow:0 0 18px rgba(200,255,61,.95), 0 0 34px rgba(200,255,61,.35) !important;
  will-change:left, top, transform !important;
}
@media (max-width:760px){
  body::before{
    filter:brightness(.35) saturate(.8) contrast(1.02) !important;
  }
  .logo-stage{
    min-height:410px !important;
  }
}

/* V6.130 – outer orbit dot rotates around the logo */
.logo-stage .orbit{
  animation: tdOrbitSpin 13s linear infinite !important;
  transform: translate(-50%, -50%) rotate(0deg) !important;
  transform-origin: center center !important;
}
.logo-stage .orbit i{
  left: 50% !important;
  top: -7px !important;
  bottom: auto !important;
  transform: translateX(-50%) !important;
}
@media (prefers-reduced-motion: reduce){
  .logo-stage .orbit{animation:none !important;}
}

/* V6.130 – keep orbit visible and let the dot travel around the OUTER circle */
.logo-stage .orbit{
  animation:none !important;
  transform:translate(-50%,-50%) !important;
  transform-origin:center center !important;
  overflow:visible !important;
}
.logo-stage .orbit i{
  position:absolute !important;
  width:14px !important;
  height:14px !important;
  margin:0 !important;
  left:50% !important;
  top:0 !important;
  bottom:auto !important;
  border-radius:50% !important;
  background:var(--acid) !important;
  box-shadow:0 0 18px rgba(200,255,61,.95), 0 0 34px rgba(200,255,61,.35) !important;
  transform:translate(-50%,-50%) !important;
  z-index:3 !important;
}

/* Desktop layout: centered full navigation, all controls available */
@media (min-width:761px){
  .nav{
    left:50% !important;
    right:auto !important;
    width:min(1340px,calc(100vw - 40px)) !important;
    transform:translateX(-50%) !important;
    grid-template-columns:auto minmax(0,1fr) auto auto !important;
    column-gap:22px !important;
    height:72px !important;
    padding:0 18px !important;
    align-items:center !important;
  }
  .nav .brand{justify-self:start !important;min-width:max-content !important;}
  .nav .links{
    justify-self:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:10px 20px !important;
    min-width:0 !important;
    text-align:center !important;
  }
  .nav .links a{display:inline-flex !important;white-space:nowrap !important;}
  .nav .pill{justify-self:end !important;white-space:nowrap !important;}
  .nav .lang-switch{
    position:static !important;
    transform:none !important;
    justify-self:end !important;
    display:flex !important;
    align-items:center !important;
    white-space:nowrap !important;
  }
  .hero-grid{
    width:min(var(--max),calc(100% - 80px)) !important;
    grid-template-columns:minmax(0,1fr) minmax(430px,.9fr) !important;
    gap:64px !important;
    align-items:center !important;
    margin-inline:auto !important;
  }
  .logo-stage{width:100% !important;justify-self:center !important;}
}
@media (min-width:761px) and (max-width:1120px){
  .nav .brand b{display:none !important;}
  .nav .links{gap:8px 12px !important;font-size:.57rem !important;letter-spacing:.06em !important;}
  .nav{column-gap:12px !important;}
  .hero-grid{grid-template-columns:1fr 1fr !important;gap:34px !important;}
}
/* Dot position is driven by JS, so do not pin it with !important coordinates. */
.logo-stage .orbit i{
  left:50%;
  top:0;
}


/* V6.131 – Luca portrait framing: keep face/head visible */
.teamcard:first-child > img[src*="luca-1.jpg"]{
  object-fit:cover !important;
  object-position:50% 14% !important;
}
@media(max-width:760px){
  .teamcard:first-child > img[src*="luca-1.jpg"]{
    object-position:50% 10% !important;
  }
}

/* V6.133 – palm background overfills the full viewport/page; no black image bars visible */
html,
body{
  min-width:100% !important;
  min-height:100% !important;
  background:#030603 !important;
}
body::before{
  inset:-5vh -5vw !important;
  width:auto !important;
  height:auto !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  transform:scale(1.08) !important;
  transform-origin:center center !important;
}
body::after{
  inset:0 !important;
}
@media(max-width:760px){
  body::before{
    inset:-4vh -4vw !important;
    background-position:center center !important;
    background-size:cover !important;
    transform:scale(1.06) !important;
    transform-origin:center center !important;
  }
}


/* V6.133 – restore the dark palm look across the entire page, no black image bars */
html{
  min-width:100% !important;
  min-height:100% !important;
  background:#030603 !important;
}
body{
  min-width:100% !important;
  min-height:100% !important;
  position:relative !important;
  isolation:isolate !important;
  background:transparent !important;
}
body::before{
  content:"" !important;
  position:fixed !important;
  inset:-2vh -2vw !important;
  width:auto !important;
  height:auto !important;
  z-index:-2 !important;
  pointer-events:none !important;
  background-image:url("assets/brand/palm.jpg") !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  filter:brightness(.34) saturate(.78) contrast(1.04) !important;
  transform:scale(1.025) !important;
  transform-origin:center center !important;
}
body::after{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:rgba(2,6,3,.28) !important;
}
.hero,
main,
.about,
.section,
.dark,
#about,
#offers,
#events,
#tastings,
#lounges,
#rabattcodes,
#partners,
#community,
#mixes,
#contact,
#reviews,
#platforms{
  background:transparent !important;
}
.hero-bg{display:none !important;}
@media(max-width:760px){
  body::before{
    inset:-2vh -3vw !important;
    background-position:center center !important;
    background-size:cover !important;
    filter:brightness(.35) saturate(.80) contrast(1.03) !important;
    transform:scale(1.03) !important;
  }
}