/* =====================================================================
   WOLKA EMPIRE · Glow & Glass layer (v3)
   Dunkle, warme Basis · Bronze/Champagner-Licht · Glas mit Disziplin.
   Wird nach style.css (und projects.css) geladen.
   ===================================================================== */
:root{
  --base:#0e0d0c;--base-2:#15130f;--base-3:#1b1814;
  --glow:#c08a55;--champ:#e6c79c;
  --r-lg:28px;--r-md:20px;--r-sm:14px;
  --section:clamp(112px,15vh,184px);
  --glass-bg:linear-gradient(160deg,rgba(255,244,228,.10),rgba(255,244,228,.035) 52%,rgba(255,244,228,.055));
  --glass-shadow:inset 0 1px 0 rgba(255,246,232,.20),0 40px 90px -36px rgba(0,0,0,.8),0 0 70px -30px rgba(192,138,85,.28);
}
body{background:var(--base)}

/* Dunkle Bereiche: Farbvariablen umstellen, damit alle Bestandsregeln mitziehen */
.usp,.market,.analysis,.projects,.care,.team,.contact,.site-footer{
  --ink:#efe8dc;--ink-2:#aea595;--rule:rgba(239,232,220,.09);--paper:#1d1a16;--sheet:#1a1814;
  --bronze:#c08a55;--bronze-l:#e6c79c;--night:var(--base);--on-night-2:#aea595;
  background:var(--base);color:var(--ink)}
.usp,.market,.analysis,.projects,.care,.team,.contact{position:relative;isolation:isolate;overflow:hidden}

/* Filmkorn gegen Banding */
body::after{content:"";position:fixed;inset:0;z-index:300;pointer-events:none;opacity:.035;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ---------- Licht ---------- */
.orb{position:absolute;z-index:-1;pointer-events:none;border-radius:50%;aspect-ratio:1;width:52vw;
  background:radial-gradient(closest-side,rgba(214,160,100,.34),rgba(192,138,85,.13) 46%,rgba(192,138,85,0) 72%);
  animation:drift 28s ease-in-out infinite alternate;will-change:transform}
@keyframes drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-4vw,3vh,0) scale(1.08)}}
.orb--hero{z-index:1;width:46vw;right:-6vw;top:-8vw;opacity:.6}
.orb--hero-2{z-index:1;width:40vw;left:-14vw;bottom:-18vw;opacity:.4;animation-duration:34s;animation-direction:alternate-reverse}
.orb--usp-a{width:58vw;left:22vw;top:18vh;opacity:.9}
.orb--usp-b{width:36vw;right:-8vw;bottom:-10vh;opacity:.6;animation-direction:alternate-reverse}
.orb--team{width:60vw;left:20vw;top:22%;opacity:.8}
/* Lichtkanten an Abschnittsgrenzen */
.analysis::before,.care::before,.contact::before{content:"";position:absolute;z-index:-1;left:50%;top:0;width:110vw;height:340px;transform:translate(-50%,-55%);pointer-events:none;
  background:radial-gradient(50% 50% at 50% 50%,rgba(214,160,100,.16),rgba(214,160,100,0) 70%)}
.analysis::after,.contact::after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;width:56vw;aspect-ratio:1;right:-16vw;top:30%;
  background:radial-gradient(closest-side,rgba(214,160,100,.2),rgba(214,160,100,0) 70%)}
.contact::after{left:-18vw;right:auto;top:auto;bottom:-10vw}

/* Metallische Akzentwörter */
.metal{background:linear-gradient(100deg,#b9834f 0%,#f1dcb6 36%,#c99460 58%,#f6e6c8 80%,#b98551 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 26px rgba(214,160,100,.25))}

/* ---------- Glas ---------- */
.glass{position:relative;background:var(--glass-bg);-webkit-backdrop-filter:blur(26px) saturate(150%);backdrop-filter:blur(26px) saturate(150%);border-radius:var(--r-lg);box-shadow:var(--glass-shadow)}
.glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,236,206,.5),rgba(255,236,206,.08) 32%,rgba(255,236,206,.03) 70%,rgba(214,160,100,.28));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.glass::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .6s;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(255,240,215,.12),rgba(255,240,215,0) 55%)}
.glass-tilt:hover::after{opacity:1}
.glass-tilt{transform-style:preserve-3d;will-change:transform}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .glass{background:rgba(30,27,23,.9)}
}

/* ---------- Buttons ---------- */
.btn-solid{position:relative;overflow:hidden;isolation:isolate;border-radius:999px;color:#1b130b;font-weight:600;
  background:linear-gradient(180deg,#e2b47f,#b47b47);
  box-shadow:inset 0 1px 0 rgba(255,244,228,.7),inset 0 -10px 20px rgba(110,62,26,.32),0 14px 36px -12px rgba(214,160,100,.6);transition:box-shadow .5s,transform .5s}
.btn-solid:hover{background:linear-gradient(180deg,#ebc08d,#bf8551);box-shadow:inset 0 1px 0 rgba(255,244,228,.8),inset 0 -10px 20px rgba(110,62,26,.28),0 18px 48px -12px rgba(230,180,120,.75)}
.btn-solid::after{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;width:45%;background:linear-gradient(100deg,rgba(255,250,240,0),rgba(255,250,240,.6),rgba(255,250,240,0));transform:translateX(-160%) skewX(-20deg);transition:transform .9s var(--ease)}
.btn-solid:hover::after{transform:translateX(330%) skewX(-20deg)}
.btn-solid .arrow{color:inherit}
.link-line--light,.usp .link-line{color:var(--champ)}

/* ---------- Header ---------- */
.site-header.is-scrolled,.site-header.is-scrolled.is-dark{background:rgba(16,14,12,.55);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);color:var(--on-night);box-shadow:inset 0 -1px 0 rgba(255,236,206,.08),0 20px 40px -30px rgba(0,0,0,.8)}
.site-header.is-scrolled .brand{color:var(--on-night)}
.site-header.is-scrolled .header-cta{color:var(--champ)}
.site-header.is-scrolled:not(.is-dark){background:rgba(243,238,229,.7);color:var(--ink);box-shadow:inset 0 -1px 0 rgba(28,26,23,.08)}
.site-header.is-scrolled:not(.is-dark) .brand,.site-header.is-scrolled:not(.is-dark) .header-cta{color:#8a5a32}

/* ---------- Hero ---------- */
.hero-blend{background:linear-gradient(0deg,var(--base),rgba(14,13,12,0))}
.hero-foot{border-top:0;padding:26px clamp(22px,2.4vw,36px);border-radius:var(--r-lg);align-items:center}
.hero-line{filter:drop-shadow(0 0 5px rgba(230,199,156,.55)) drop-shadow(0 0 20px rgba(192,138,85,.35))}
.hero-line .draw{stroke:var(--champ);stroke-width:1.3}

/* ---------- USP ---------- */
.usp-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.usp-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent)}
.usp-bg .orb{z-index:0}
.usp-frame{z-index:1}
.usp-s2{color:inherit}
.tl-rail{height:2px;margin-top:-1px;background:rgba(230,199,156,.08);border-radius:2px}
.tl-line{border-radius:2px;background:linear-gradient(90deg,rgba(192,138,85,.35),var(--champ) 50%,rgba(214,160,100,.8));box-shadow:0 0 10px rgba(230,199,156,.7),0 0 34px rgba(192,138,85,.5)}
.tl-spark{position:absolute;top:-4px;left:0;width:160px;height:10px;border-radius:10px;background:radial-gradient(closest-side,rgba(255,250,240,.95),rgba(255,226,180,.4) 50%,rgba(255,226,180,0));filter:blur(1px);animation:spark 3.6s linear infinite}
@keyframes spark{0%{transform:translateX(100vw);opacity:0}10%,85%{opacity:1}100%{transform:translateX(-160px);opacity:0}}
.tl-dot{width:16px;height:16px;margin-top:-8px;border:0;background:radial-gradient(circle at 50% 38%,#fff7ea,#e6c79c 42%,#a8743f 80%);box-shadow:0 0 0 1px rgba(255,236,206,.35),0 0 18px rgba(230,199,156,.65)}
.tl-dot::after{display:none}
.tl-bloom{position:absolute;inset:-46px;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(255,226,180,.6),rgba(214,160,100,.24) 42%,rgba(214,160,100,0) 72%);opacity:.6}
.tl-p3 .tl-name{color:var(--champ)}
.usp-sc{gap:clamp(14px,1.6vw,24px)}
.usp-col{padding:28px clamp(20px,2vw,32px) 30px;border-top:0}
.usp-col::before{transform:none;left:0;top:0;width:auto;height:auto;background:linear-gradient(180deg,rgba(255,236,206,.5),rgba(255,236,206,.08) 32%,rgba(255,236,206,.03) 70%,rgba(214,160,100,.28))}
.usp-col-key{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:14px;color:var(--champ);background:rgba(230,199,156,.08);box-shadow:inset 0 0 0 1px rgba(230,199,156,.3)}
.usp-fig{border-top:0;padding-top:0}
.usp-num{background:linear-gradient(100deg,#d9a46f,#f6e6c8 45%,#d4a06b);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.usp-proof{gap:clamp(14px,1.6vw,24px)}
.usp-proof li{padding:34px clamp(22px,2.2vw,36px) 36px}
.usp-proof li::before{transform:none;left:0;right:0;top:0;height:auto;background:linear-gradient(180deg,rgba(255,236,206,.5),rgba(255,236,206,.08) 32%,rgba(255,236,206,.03) 70%,rgba(214,160,100,.28))}
.usp-close{border-top:0;padding-top:0}
.usp.is-pinned .usp-f3{top:calc(var(--header-h) + 3vh + 27vh + 70px)}

/* ---------- Ansatz (einziger heller Abschnitt) ---------- */
.approach{background:var(--ivory)}
.approach-media{border-radius:0 var(--r-lg) var(--r-lg) 0}
.sequence-rail{opacity:.6}

/* ---------- Markt ---------- */
.market{padding-top:var(--section)}
.market-media{grid-column:2/14;border-radius:var(--r-lg);height:min(84vh,860px);box-shadow:0 60px 120px -50px rgba(192,138,85,.35)}
.market-text{grid-column:8/13;margin-top:-140px;z-index:2;padding:34px 38px;font-size:19px}

/* ---------- Musterbericht ---------- */
.analysis{background:var(--base)}
.doc{background:var(--glass-bg);border-radius:var(--r-lg);box-shadow:var(--glass-shadow);padding:clamp(28px,4.6vw,72px)}
.doc-head{border-bottom:0;padding-bottom:0}
.doc-brand svg{color:var(--champ)}
.doc-scenarios{border-top:0;gap:clamp(12px,1.4vw,20px)}
.sc,.sc:first-child,.sc:last-child{border-left:0;padding:26px clamp(18px,1.8vw,28px) 28px;border-radius:var(--r-md);background:rgba(255,244,228,.035);box-shadow:inset 0 1px 0 rgba(255,244,228,.08)}
.sc-key{color:var(--champ)}
.sc-result{border-top:0}
.sc-figure{background:linear-gradient(100deg,#d9a46f,#f6e6c8 45%,#d4a06b);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.doc-foot{border-top:0;padding-top:0}

/* ---------- Objekte ---------- */
.projects-media::after{background:linear-gradient(0deg,rgba(14,13,12,1) 0%,rgba(14,13,12,.45) 40%,rgba(14,13,12,0) 70%)}
.projects-sub{padding:26px 28px;border-radius:var(--r-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);box-shadow:var(--glass-shadow)}
.atmo-a,.atmo-b{border-radius:var(--r-lg);background:var(--base-3)}
.atmo-a{border-radius:0 var(--r-lg) var(--r-lg) 0}

/* ---------- Foto-Bänder mit Glas-Captions ---------- */
.photo-band,.contact-photo,.pp-a,.pp-b,.team-hero{position:relative;margin:0}
.photo-band{grid-column:2/14;margin-bottom:clamp(64px,10vh,112px)}
.photo-band-media{height:min(74vh,760px);border-radius:var(--r-lg)}
.photo-caption{position:absolute;left:clamp(16px,2vw,32px);bottom:clamp(16px,2vw,32px);max-width:min(460px,calc(100% - 32px));padding:22px 26px;display:grid;gap:8px;border-radius:var(--r-md);color:#f6efe3}
.photo-caption-title{font:300 clamp(24px,2.1vw,34px)/1.08 var(--display);letter-spacing:-.02em}
.photo-caption-text{font-size:15.5px;line-height:1.5;color:rgba(246,239,227,.82)}
.photo-caption--small{max-width:min(360px,calc(100% - 32px));padding:16px 20px;font-size:15px;line-height:1.45}

/* ---------- Betreuung ---------- */
.care-head{margin-bottom:clamp(48px,8vh,88px)}
.stages{grid-column:2/14;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);counter-reset:st}
.stage,.stage:last-child{display:flex;flex-direction:column;gap:12px;padding:26px 24px 28px;border:0;border-radius:var(--r-md);background:rgba(255,244,228,.04);box-shadow:inset 0 1px 0 rgba(255,244,228,.09);counter-increment:st}
.stage::before{content:counter(st,decimal-leading-zero);position:static;height:auto;background:none;transform:none;font:500 12px/1 var(--text);letter-spacing:.16em;color:var(--champ)}
.stage h3{font-size:clamp(24px,1.9vw,30px);line-height:1.05}
.stage p{font-size:15.5px;line-height:1.5}

/* ---------- Team / Über uns ---------- */
.team{display:grid;grid-template-columns:var(--pad) repeat(12,minmax(0,1fr)) var(--pad);column-gap:var(--gap);padding:var(--section) 0}
.team-head{grid-column:2/12;margin-bottom:clamp(44px,7vh,80px)}
.team-title{font-size:clamp(40px,5vw,84px);line-height:.98;max-width:16ch;margin:0}
.team-hero{grid-column:2/14}
.team-hero-glow{position:absolute;inset:6% 4% -6%;z-index:-1;border-radius:50%;filter:blur(60px);background:radial-gradient(closest-side,rgba(214,160,100,.42),rgba(214,160,100,0) 75%)}
.team-hero-media{aspect-ratio:16/9;max-height:86vh;width:100%;border-radius:var(--r-lg);box-shadow:0 0 0 1px rgba(255,236,206,.08),0 70px 140px -60px rgba(214,160,100,.5)}
.team-hero-media img{object-position:50% 35%}
.team-plate{position:absolute;left:50%;bottom:clamp(16px,2.4vw,36px);transform:translateX(-50%);display:flex;align-items:center;gap:clamp(18px,2.4vw,40px);padding:18px clamp(20px,2.4vw,36px);border-radius:var(--r-md);color:#f6efe3;white-space:nowrap}
.tp-person{display:grid;gap:4px}
.tp-name{font:300 clamp(22px,1.9vw,30px)/1 var(--display);letter-spacing:-.02em}
.tp-role{font-size:13.5px;color:rgba(246,239,227,.78)}
.tp-sep{width:1px;align-self:stretch;background:linear-gradient(180deg,rgba(230,199,156,0),rgba(230,199,156,.6),rgba(230,199,156,0))}
.team-bios{grid-column:2/14;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);margin-top:clamp(56px,9vh,96px)}
.team-bios .founder{grid-column:span 5;border-top:0;padding:0}
.team-bios .founder:first-child{grid-column:2/7}
.team-bios .founder:nth-child(2){grid-column:8/13}
.founder-name{font-size:clamp(30px,2.6vw,44px)}
.founder-role{color:var(--champ);font-size:14.5px;letter-spacing:.01em}
.team-bios .partners{grid-column:2/13;margin-top:clamp(44px,6vh,64px);color:var(--ink-2);font-size:16px}

/* ---------- Kontakt ---------- */
.photo-pair{grid-column:1/-1;display:grid;grid-template-columns:subgrid;align-items:start;margin-bottom:var(--section)}
.pp-a{grid-column:2/9}
.pp-b{grid-column:9/14;margin-top:clamp(80px,16vh,180px)}
.pp-a .pp-media{aspect-ratio:3/2;border-radius:var(--r-lg)}
.pp-b .pp-media{aspect-ratio:4/5;border-radius:var(--r-lg)}
.contact-photo{margin-top:40px}
.contact-photo-media{aspect-ratio:4/3;border-radius:var(--r-lg)}
.form-wrap{padding:clamp(28px,3.4vw,52px);border-radius:var(--r-lg)}
.field--check input{border-radius:5px}

/* ---------- Footer ---------- */
.site-footer{background:#0a0908;box-shadow:inset 0 1px 0 rgba(255,236,206,.06)}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .stages{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .glass{-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}
  .orb{width:110vw}
  .orb--hero{width:90vw;right:-30vw;top:-20vw}
  .hero-foot{padding:20px}
  .market-media{grid-column:2/14;height:62vh}
  .market-text{grid-column:2/14;margin-top:-60px;padding:24px}
  .stages{grid-template-columns:1fr}
  .usp-col,.usp-proof li{padding:24px 22px}
  .team-head,.team-hero,.team-bios{grid-column:2/14}
  .team-hero-media{aspect-ratio:4/5;max-height:none}
  .team-hero-media img{object-position:56% 50%}
  .team-plate{left:12px;right:12px;transform:none;flex-direction:column;align-items:flex-start;gap:12px;white-space:normal;padding:16px 18px}
  .tp-sep{width:100%;height:1px;align-self:auto;background:linear-gradient(90deg,rgba(230,199,156,.5),rgba(230,199,156,0))}
  .team-bios{display:grid;grid-template-columns:1fr;row-gap:36px}
  .team-bios .founder:first-child,.team-bios .founder:nth-child(2),.team-bios .partners{grid-column:1/-1}
  .photo-band-media{height:64vh}
  .photo-caption{left:12px;right:12px;bottom:12px;max-width:none;padding:18px 20px}
  .pp-a,.pp-b{grid-column:2/14}
  .pp-b{margin-top:20px;width:78%;justify-self:end}
  .approach-media{border-radius:0}
}
@media (prefers-reduced-motion:reduce){
  .orb,.tl-spark{animation:none}
  .btn-solid::after{display:none}
}

/* Feinschliff Team (Iteration 2) */
.team-title{max-width:22ch}
.team-plate{bottom:0;transform:translate(-50%,50%)}
.team-bios{margin-top:clamp(96px,13vh,140px)}
.team-bios .partners{max-width:none}
@media (max-width:900px){
  .team-plate{position:relative;left:auto;right:auto;bottom:auto;transform:none;margin:-48px 12px 0}
  .team-bios{margin-top:48px}
}

@media (max-width:900px){.atmo-b{border-radius:var(--r-lg) 0 0 var(--r-lg)}}

/* =====================================================================
   HERO · Gründer (v4): Porträts rechts, Gegenlicht, Kontaktschatten, Verlauf in die Seite
   ===================================================================== */
.hero{--hf-h:min(86vh,860px)}
.hero-veil{position:absolute;inset:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);
  -webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.6) 34%,transparent 58%);mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.6) 34%,transparent 58%)}
.hero-scrim{background:
  linear-gradient(0deg,rgba(14,13,12,.9) 0%,rgba(14,13,12,.45) 30%,rgba(14,13,12,0) 58%),
  linear-gradient(90deg,rgba(14,13,12,.78) 0%,rgba(14,13,12,.5) 30%,rgba(14,13,12,.08) 58%,rgba(14,13,12,.18) 100%),
  linear-gradient(180deg,rgba(14,13,12,.45),rgba(14,13,12,0) 18%)}
.hero-line,.hero-corner{display:none}
.hero-founders{position:absolute;z-index:1;right:0;bottom:0;width:58%;height:100%;pointer-events:none}
.hf-glow{position:absolute;right:6%;bottom:6%;width:min(62vw,960px);aspect-ratio:1;border-radius:50%;transform-origin:50% 60%;
  background:radial-gradient(closest-side,rgba(240,186,120,.5),rgba(214,150,90,.24) 38%,rgba(192,138,85,.08) 60%,rgba(192,138,85,0) 74%)}
.hf-stage{position:absolute;right:calc(var(--pad) - 1vw);bottom:0;height:var(--hf-h);width:calc(var(--hf-h) * .9)}
.hf{position:absolute;bottom:0;margin:0;height:100%}
.hf-pic,.hf-pic img{display:block;height:100%;width:auto}
.hf-pic img{filter:drop-shadow(0 0 1px rgba(255,214,160,.35)) drop-shadow(0 0 26px rgba(232,170,100,.28)) drop-shadow(18px 28px 40px rgba(0,0,0,.45))}
.hf--adrian{left:0;z-index:2;height:100%}
.hf--dennis{right:0;z-index:1;height:94%}
.hf--dennis .hf-pic img{filter:brightness(.9) drop-shadow(0 0 1px rgba(255,214,160,.3)) drop-shadow(0 0 24px rgba(232,170,100,.24)) drop-shadow(14px 22px 34px rgba(0,0,0,.4))}
.hf-shadow{position:absolute;z-index:3;left:-6%;right:-6%;bottom:-3%;height:10%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.65),rgba(0,0,0,0));filter:blur(8px)}
.hf-fade{position:absolute;z-index:4;left:0;right:0;bottom:0;height:26%;background:linear-gradient(0deg,var(--base) 0%,rgba(14,13,12,.75) 35%,rgba(14,13,12,0) 100%)}
.hf-tag{position:absolute;z-index:5;display:grid;gap:4px;padding:12px 16px 13px;border-radius:14px;white-space:nowrap;color:#f6efe3;pointer-events:auto}
.hf-tag::after{display:none}
.hf-name{font:300 19px/1.05 var(--display);letter-spacing:-.01em}
.hf-role{font:500 10.5px/1.2 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--champ)}
.hf--adrian .hf-tag{left:-6%;top:47%;transform:translateX(-60%)}
.hf--dennis .hf-tag{right:-2%;top:36%;transform:translateX(18%)}
/* Inhalt links */
.hero-content{z-index:3}
.hero-title{grid-column:2/9;font-size:clamp(52px,5.6vw,104px);line-height:.94;margin-bottom:clamp(32px,5vh,56px)}
.ht-2{padding-left:0!important;margin-left:0!important}
.hero-foot{grid-column:2/8;grid-template-columns:1fr;row-gap:22px;justify-items:start}
.hero-sub,.hero-actions{grid-column:1/-1}
.hero-actions{justify-content:flex-start;gap:28px}
.hero-content{padding-bottom:clamp(40px,7vh,72px)}

@media (max-width:1100px){
  .hero-title{grid-column:2/10}
  .hero-foot{grid-column:2/9}
  .hf--adrian .hf-tag{transform:translateX(-30%)}
}
@media (max-width:900px){
  .hero{min-height:0;height:100svh;max-height:900px;min-height:640px;--hf-h:min(58svh,480px)}
  .hero-veil{display:none}
  .hero-scrim{background:linear-gradient(0deg,rgba(14,13,12,.96) 0%,rgba(14,13,12,.9) 38%,rgba(14,13,12,.35) 62%,rgba(14,13,12,.2) 100%)}
  .hero-founders{left:0;width:100%;height:auto;top:calc(var(--header-h) + 8px);bottom:auto;aspect-ratio:auto}
  .hf-stage{position:relative;right:auto;margin:0 auto;left:6%;width:calc(var(--hf-h) * .9)}
  .hf-glow{right:50%;bottom:auto;top:-10%;width:130vw;transform:translateX(50%)}
  .hf-shadow{display:none}
  .hf-fade{top:auto;bottom:0;height:62%;background:linear-gradient(0deg,var(--base) 0%,rgba(14,13,12,.92) 30%,rgba(14,13,12,0) 100%)}
  .hf-tag{display:none}
  .hero-title{grid-column:2/14;font-size:clamp(40px,11.4vw,64px);margin-bottom:24px}
  .hero-foot{grid-column:2/14}
}
@media (max-width:900px) and (max-height:700px){.hero{--hf-h:52svh}}
/* Hero Gründer · Iteration 2 */
.hero{--hf-h:min(80vh,800px)}
.hf-stage{right:calc(var(--pad) + 1vw)}
.hf-pic img{filter:drop-shadow(0 0 1px rgba(255,214,160,.22)) drop-shadow(0 0 14px rgba(232,170,100,.12)) drop-shadow(18px 28px 40px rgba(0,0,0,.45))}
.hf--dennis .hf-pic img{filter:brightness(.88) saturate(.95) drop-shadow(0 0 1px rgba(255,214,160,.2)) drop-shadow(0 0 12px rgba(232,170,100,.1)) drop-shadow(14px 22px 34px rgba(0,0,0,.4))}
.hf-glow{right:8%;bottom:10%;width:min(56vw,860px)}
.hf--adrian .hf-tag{left:6%;top:auto;bottom:16%;transform:none}
.hf--dennis .hf-tag{right:6%;left:auto;top:auto;bottom:30%;transform:none}
.hero-title{grid-column:2/8;font-size:clamp(48px,4.9vw,92px)}
.hero-foot{grid-column:2/7}
@media (max-width:1100px){
  .hero{--hf-h:min(66vh,640px)}
  .hero-title{grid-column:2/9;font-size:clamp(44px,5.6vw,72px)}
  .hero-foot{grid-column:2/8}
  .hf-tag{display:none}
}
@media (max-width:900px){
  .hero{--hf-h:min(54svh,460px)}
  .hf-stage{left:0;right:auto;margin:0 auto}
  .hf-fade{height:70%}
  .hero-title{grid-column:2/14;font-size:clamp(40px,11.4vw,64px)}
  .hero-foot{grid-column:2/14}
  .hero-sub{margin-bottom:0}
}
/* Hero Gründer · Iteration 3 */
.hf-pic img{filter:drop-shadow(0 0 16px rgba(232,170,100,.1)) drop-shadow(18px 28px 40px rgba(0,0,0,.45))}
.hf--dennis .hf-pic img{filter:brightness(.88) saturate(.95) drop-shadow(0 0 14px rgba(232,170,100,.08)) drop-shadow(14px 22px 34px rgba(0,0,0,.4))}
@media (max-width:900px){
  .hero{--hf-h:min(47svh,420px)}
  .hf--adrian{left:2%}
}
@media (prefers-reduced-motion:reduce){.ht-1,.ht-2{animation-delay:0s!important}.hero-title span.lm{opacity:1;transform:none}}
/* Kein Aufblitzen vor dem GSAP-Intro (js-motion wird im <head> gesetzt, Fallback entfernt die Klasse) */
.js-motion .hf,.js-motion .hf-tag,.js-motion .hf-glow{opacity:0}

/* =====================================================================
   HERO · Gründer v5 – gleichwertig: Dennis links, Adrian rechts, gleiche Größe,
   warmes Gegenlicht direkt hinter beiden Silhouetten
   ===================================================================== */
.hero{--hf-h:min(72vh,720px)}
.hf-stage{right:2vw;width:calc(var(--hf-h) * 1.07)}
.hf--dennis,.hf--adrian{height:100%;top:auto;bottom:0}
.hf--dennis{left:0;right:auto;z-index:1}
.hf--adrian{right:0;left:auto;z-index:2}
.hf::before{content:"";position:absolute;z-index:-1;left:4%;right:4%;top:-4%;height:62%;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(246,214,170,.42),rgba(226,170,108,.18) 50%,rgba(226,170,108,0) 76%);filter:blur(6px)}
.hf-pic img,.hf--dennis .hf-pic img{filter:drop-shadow(0 0 2px rgba(255,220,170,.45)) drop-shadow(0 0 22px rgba(240,190,130,.3)) drop-shadow(16px 26px 38px rgba(0,0,0,.42))}
.hf-glow{right:4%;bottom:4%;width:min(60vw,920px);background:radial-gradient(closest-side,rgba(246,196,134,.5),rgba(220,160,98,.24) 40%,rgba(192,138,85,.08) 62%,rgba(192,138,85,0) 76%)}
.hf--dennis .hf-tag{left:4%;right:auto;top:auto;bottom:15%;transform:none}
.hf--adrian .hf-tag{right:2%;left:auto;top:auto;bottom:15%;transform:none}
.hero-title{grid-column:2/8;font-size:clamp(46px,4.4vw,84px)}
.hero-foot{grid-column:2/8;max-width:540px}
@media (max-width:1100px){.hero{--hf-h:min(60vh,560px)}}
@media (max-width:900px){
  .hero{--hf-h:min(50svh,430px)}
  .hf-stage{position:relative;left:0;right:0;margin:0 auto;width:min(100%,calc(var(--hf-h) * 1.0))}
  .hf--dennis{left:-3%}
  .hf--adrian{right:-3%;left:auto}
  .hf::before{top:-2%;height:46%}
}
@media (max-width:1100px){.hero-title{grid-column:2/9;font-size:clamp(44px,5.4vw,70px)}.hero-foot{grid-column:2/8}}
@media (max-width:900px){.hero-title{grid-column:2/14;font-size:clamp(40px,11.4vw,64px)}.hero-foot{grid-column:2/14;max-width:none}}
.hf-pic img,.hf--dennis .hf-pic img{filter:drop-shadow(0 0 1.5px rgba(255,220,170,.38)) drop-shadow(0 0 20px rgba(240,190,130,.24)) drop-shadow(16px 26px 38px rgba(0,0,0,.42))}
.hf--adrian::before{left:6%;right:-22%;top:-2%;height:78%;background:radial-gradient(closest-side,rgba(246,214,170,.36),rgba(226,170,108,.17) 52%,rgba(226,170,108,0) 78%)}
@media (max-width:900px){.hf--adrian::before{right:0;height:50%}}

/* =====================================================================
   FOTOS · Editoriales Raster (v6): kleiner, schärfer, ruhiger Rhythmus.
   Bilder ~45–58 % Breite neben Text, abgerundet, Bronze-Lichtkante + Tiefenschatten.
   ===================================================================== */
.media-parallax img{transform:translate3d(0,var(--py,0),0) scale(var(--ps,1.03))}
.approach-media,.market-media,.projects-media,.atmo-a,.atmo-b,.photo-band-media,.team-hero-media,.pp-media,.contact-photo-media{
  position:relative;overflow:hidden;border-radius:24px;background:#1a1714;height:auto;max-height:none;
  box-shadow:0 0 0 1px rgba(230,199,156,.16),0 34px 70px -34px rgba(0,0,0,.85),0 0 70px -24px rgba(214,160,100,.32)}
.approach-media{box-shadow:0 0 0 1px rgba(138,90,50,.14),0 34px 70px -40px rgba(60,40,20,.45)}
.media-parallax picture,.media-parallax img{display:block;width:100%;height:100%}
.media-parallax img{object-fit:cover}

/* Ansatz: Bild links (6/12), Schritte rechts, Bild bleibt beim Lesen stehen */
.approach-media{grid-column:2/8;aspect-ratio:3/2;align-self:start;position:sticky;top:calc(var(--header-h) + 40px)}
.approach-text{grid-column:9/14;padding-top:0}

/* Markt: Luftbild 7/12, Glas-Text überlappt leicht */
.market{align-items:center}
.market-media{grid-column:2/9;grid-row:2;aspect-ratio:3/2}
.market-text{grid-column:9/14;grid-row:2;margin:0 0 0 calc(var(--gap) * -2.5);align-self:center;z-index:2}

/* Objekte: Text links, Fassade rechts; darunter kuratiertes Bildpaar */
.projects-feature{display:grid;grid-template-columns:var(--pad) repeat(12,minmax(0,1fr)) var(--pad);column-gap:var(--gap);min-height:0;align-items:center;padding-top:var(--section)}
.projects-media{position:relative;inset:auto;grid-column:8/14;grid-row:1;aspect-ratio:16/10}
.projects-media::after{display:none}
.projects-copy{grid-column:2/8;grid-row:1;display:block;padding:0}
.projects-copy h2{font-size:clamp(44px,4.8vw,86px);line-height:.98;max-width:12ch}
.projects-sub{margin-top:clamp(28px,4vh,44px);max-width:420px}
.projects-atmo{padding:clamp(72px,11vh,130px) 0 var(--section);align-items:start}
.atmo-a{grid-column:2/8;grid-row:1/3;aspect-ratio:3/2;border-radius:24px}
.atmo-b{grid-column:9/13;grid-row:1;aspect-ratio:4/5;margin-top:clamp(60px,10vh,120px)}
.atmo-text{grid-column:9/14;grid-row:2}

/* Wiederkehrendes Muster: Bild 7/12 + Glas-Text daneben (Betreuung) */
.photo-band{grid-column:2/14;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:center;margin-bottom:clamp(56px,9vh,96px)}
.photo-band-media{grid-column:1/8;grid-row:1;aspect-ratio:16/10}
.photo-band .photo-caption{position:relative;left:auto;bottom:auto;grid-column:8/13;grid-row:1;max-width:none;margin-left:calc(var(--gap) * -2.5);padding:30px 32px;z-index:2}

/* Über uns: Gründerbild 7/12, Bios rechts */
.team-head{grid-row:1}
.team-hero{grid-column:2/9;grid-row:2;align-self:center}
.team-hero-media{aspect-ratio:16/10}
.team-hero-glow{inset:10% 6% -4%}
.team-plate{gap:clamp(14px,1.6vw,24px);padding:14px clamp(16px,1.8vw,26px)}
.tp-name{font-size:clamp(18px,1.4vw,22px)}
.tp-role{font-size:12px}
.team-bios{grid-column:10/14;grid-row:2;display:block;margin-top:0;align-self:center}
.team-bios .founder,.team-bios .founder:first-child,.team-bios .founder:nth-child(2){grid-column:auto;margin:0 0 clamp(28px,4vh,40px)}
.team-bios .partners{margin-top:clamp(20px,3vh,32px);font-size:15px}
.founder-name{font-size:clamp(28px,2.2vw,38px)}

/* Kontakt: Bildpaar mit klaren Größen */
.photo-pair{align-items:start}
.pp-a{grid-column:2/8}
.pp-b{grid-column:9/13;margin-top:clamp(56px,10vh,110px)}
.pp-a .pp-media{aspect-ratio:3/2}
.pp-b .pp-media{aspect-ratio:1/1}
.contact-photo-media{aspect-ratio:6/5}
.photo-caption{border-radius:16px}

@media (max-width:900px){
  .approach-media{grid-column:2/14;position:relative;top:auto;aspect-ratio:3/2}
  .approach-text{grid-column:2/14;padding-top:40px}
  .market-media{grid-column:2/14}
  .market-text{grid-column:2/14;grid-row:3;margin:-36px 12px 0}
  .projects-feature{padding-top:var(--section)}
  .projects-copy{grid-column:2/14;grid-row:1}
  .projects-media{grid-column:2/14;grid-row:2;margin-top:32px}
  .atmo-a{grid-column:2/14;grid-row:1}
  .atmo-b{grid-column:6/14;grid-row:2;margin-top:-40px;aspect-ratio:4/5}
  .atmo-text{grid-column:2/14;grid-row:3}
  .photo-band-media{grid-column:1/-1}
  .photo-band .photo-caption{grid-column:1/-1;grid-row:2;margin:-36px 12px 0}
  .team-hero,.team-bios{grid-column:2/14}
  .team-bios{grid-row:3;margin-top:72px}
  .pp-a,.pp-b{grid-column:2/14}
  .pp-b{width:72%;justify-self:end;margin-top:20px}
}
/* Bildunterschriften im Kontakt: unter dem Bild, nur leicht überlappend – Gesichter bleiben frei */
.photo-pair figure,.contact-photo{position:relative;display:flex;flex-direction:column}
.photo-pair .photo-caption,.contact-photo .photo-caption{position:relative;left:auto;right:auto;bottom:auto;top:auto;transform:none;align-self:flex-start;max-width:calc(100% - 40px);margin:-30px 0 0 20px;z-index:2}
.pp-b .photo-caption,.contact-photo .photo-caption{align-self:flex-end;margin:-26px 20px 0 0}
.photo-band .photo-caption{margin-left:calc(var(--gap) * -1.2)}
@media (max-width:900px){.photo-pair .photo-caption,.contact-photo .photo-caption{margin:-26px 12px 0}}
@media (max-width:900px){
  .team-hero{display:flex;flex-direction:column}
  .team-hero-media{aspect-ratio:4/3}
  .team-plate{position:relative;left:auto;right:auto;bottom:auto;transform:none;display:flex;flex-direction:row;justify-content:space-between;gap:14px;margin:-26px 12px 0;padding:12px 16px;z-index:2}
  .team-plate .tp-name{font-size:17px}
  .team-plate .tp-role{font-size:10.5px}
  .team-plate .tp-person + .tp-person,.team-plate > * + *{border-top:0}
  .atmo-b{grid-column:7/14;margin-top:20px}
}
@media (max-width:900px){.team-plate .tp-sep{width:1px;height:auto;align-self:stretch}.team-plate{align-items:flex-start}.team-plate .tp-person{display:flex;flex-direction:column;gap:3px}}

/* ---------- USP Bild 3: Dubai in Zahlen (echte, belegte Marktfakten) ---------- */
.usp-mk-head{display:flex;align-items:baseline;justify-content:space-between;gap:clamp(20px,4vw,64px);margin-bottom:clamp(18px,2.6vh,28px)}
.usp-mk-head .usp-f3-label{margin:0;flex:none}
.usp.is-pinned .usp-mk-head .usp-f3-label{margin:0}
.usp-mk-lead{max-width:56ch;font-size:15px;line-height:1.5;color:var(--on-night-2);text-align:right}
.usp-sc--market{grid-template-columns:repeat(4,minmax(0,1fr))}
.usp-mk{display:flex;flex-direction:column;padding:24px clamp(18px,1.7vw,28px) 22px}
.usp-mk h3{margin-top:14px;font-size:clamp(19px,1.45vw,24px);line-height:1.15;min-height:2.3em}
.usp-mk .usp-fig{margin-top:clamp(12px,2vh,22px);gap:10px;align-items:baseline}
.usp-mk .usp-num{font-size:clamp(42px,3.9vw,68px)}
.usp-pre{font:500 12px/1 var(--text);letter-spacing:.12em;color:var(--on-night-2);text-transform:uppercase}
.usp-mk .usp-col-desc{margin-top:10px;font-size:14px;max-width:none}
.usp-src{margin-top:auto;padding-top:16px;font-size:11.5px;line-height:1.45;letter-spacing:.01em;color:rgba(239,232,220,.6);border-top:1px solid rgba(230,199,156,.14);margin-bottom:0}
.usp-mk .usp-col-desc + .usp-src{margin-top:16px}
@media (max-width:1100px){.usp-sc--market{grid-template-columns:repeat(2,minmax(0,1fr))}.usp-mk h3{min-height:0}}
@media (max-width:900px){
  .usp-mk-head{flex-direction:column;align-items:flex-start;gap:12px}
  .usp-mk-lead{text-align:left;font-size:15px}
  .usp-sc--market{grid-template-columns:1fr;gap:16px}
  .usp-mk{padding:22px 22px 20px}
  .usp-mk .usp-num{font-size:52px}
}

/* =====================================================================
   ANALYSE · Report-Vorschau: gestapeltes Glas-Dokument mit sechs Bausteinen (keine Renditezahlen)
   ===================================================================== */
.rp{grid-column:2/14;position:relative;max-width:1180px;width:100%;justify-self:center;padding-top:34px}
.rp-page{position:absolute;left:4%;right:4%;top:18px;bottom:-18px;border-radius:var(--r-lg);pointer-events:none;
  background:linear-gradient(180deg,rgba(255,244,228,.07),rgba(255,244,228,.02));box-shadow:inset 0 1px 0 rgba(255,236,206,.16),0 30px 60px -30px rgba(0,0,0,.7);border:1px solid rgba(230,199,156,.08)}
.rp-page--3{left:8%;right:8%;top:0;bottom:-36px;opacity:.6}
.rp-doc{position:relative;z-index:2;padding:clamp(28px,3.4vw,52px);box-shadow:var(--glass-shadow),0 60px 120px -50px rgba(0,0,0,.85),0 0 90px -30px rgba(214,160,100,.28)}
.rp-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:clamp(18px,2.4vw,36px);row-gap:18px}
.rp-brand{display:flex;align-items:center;gap:10px;font:500 11px/1 var(--text);letter-spacing:.24em;text-transform:uppercase;color:var(--champ)}
.rp-brand svg{width:22px;height:22px;color:var(--champ)}
.rp-title{font:300 clamp(26px,2.4vw,38px)/1.05 var(--display);letter-spacing:-.02em;color:var(--on-night)}
.rp-count{color:var(--on-night-2);text-align:right}
.rp-progress{grid-column:1/-1;position:relative;height:2px;border-radius:2px;background:rgba(230,199,156,.1);overflow:visible}
.rp-progress-fill{position:absolute;inset:0;border-radius:2px;transform-origin:left center;background:linear-gradient(90deg,rgba(192,138,85,.5),var(--champ));box-shadow:0 0 10px rgba(230,199,156,.6),0 0 26px rgba(192,138,85,.4)}
.rp-progress-glow{position:absolute;top:50%;left:100%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;opacity:0;pointer-events:none;
  background:radial-gradient(closest-side,#fffaf0,rgba(255,222,176,.7) 36%,rgba(230,170,100,0))}
.rp-mods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin-top:clamp(24px,3.4vh,36px)}
.rp-mod{position:relative;display:flex;flex-direction:column;padding:24px 24px 26px;border-radius:var(--r-md);
  background:linear-gradient(160deg,rgba(255,244,228,.06),rgba(255,244,228,.02));box-shadow:inset 0 0 0 1px rgba(255,236,206,.08),inset 0 1px 0 rgba(255,236,206,.12)}
.rp-orb{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;
  background:radial-gradient(circle at 50% 38%,rgba(255,247,234,.95),#e6c79c 40%,#a8743f 82%);box-shadow:0 0 0 1px rgba(255,236,206,.35),0 0 22px rgba(230,199,156,.55)}
.rp-orb span{font:500 12px/1 var(--text);letter-spacing:.06em;color:#2a1d12}
.rp-orb::after{content:"";position:absolute;inset:-14px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,226,180,.35),rgba(214,160,100,0));z-index:-1}
.rp-check{position:absolute;top:26px;right:22px;width:22px;height:22px;fill:none;stroke:var(--champ);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(230,199,156,.6))}
.rp-check path{stroke-dasharray:1;stroke-dashoffset:0}
.rp-mod h3{margin-top:18px;font:300 clamp(21px,1.6vw,26px)/1.1 var(--display);letter-spacing:-.015em;color:var(--on-night)}
.rp-mod p{margin-top:10px;font-size:15px;line-height:1.55;color:var(--on-night-2)}
.rp-fact{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:8px;align-items:center;margin-top:auto!important;padding-top:16px}
.rp-mod--fact > p:not(.rp-fact){margin-bottom:16px}
.rp-fact{border-top:1px solid rgba(230,199,156,.14)}
.rp-fact-v{font:300 40px/1 var(--display);letter-spacing:-.03em;background:linear-gradient(100deg,#d9a46f,#f6e6c8 45%,#d4a06b);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.rp-fact-t{font-size:13.5px;line-height:1.45;color:var(--on-night)}
.rp-src{grid-column:1/-1;font-size:11.5px;line-height:1.4;color:rgba(239,232,220,.6)}
.rp-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:clamp(26px,3.6vh,38px);padding-top:clamp(22px,3vh,30px);border-top:1px solid rgba(230,199,156,.14)}
.rp-foot p{max-width:58ch;font-size:15px;color:var(--on-night-2)}
.rp-foot .btn-solid{flex:none}
@media (max-width:1100px){.rp-mods{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .rp{grid-column:2/14;padding-top:22px}
  .rp-page{left:5%;right:5%;top:10px;bottom:-12px}.rp-page--3{left:10%;right:10%;top:0;bottom:-24px}
  .rp-doc{padding:24px 20px}
  .rp-head{grid-template-columns:1fr;row-gap:14px}
  .rp-count{text-align:left}
  .rp-mods{grid-template-columns:1fr;gap:12px}
  .rp-mod{padding:20px 20px 22px}
  .rp-foot{flex-direction:column;align-items:flex-start}
}
/* Bewegung: Startzustände nur mit JS-Motion */
.js-motion .rp-progress-fill{transform:scaleX(0)}
.js-motion .rp-check path{stroke-dashoffset:1}
