/* Nachtflug-Einstieg: echte RVR-Luftbilder (2025), nachts eingefärbt, schräger Anflug auf Herne,
   MOOR-Zeichen aus Licht, Eintauchen in die persönliche Startseite. */
.home-refresh.has-region-intro .reviewbar{position:relative;z-index:30}
.home-refresh.has-region-intro .header{z-index:30;background:#0e100dcc;color:#f5f5ef;border-color:#ffffff1f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background-color .45s var(--ease-out),color .45s var(--ease-out),border-color .45s var(--ease-out)}
.home-refresh.has-region-intro .brand-caption{color:#eceee6;border-color:#ffffff40;transition:color .45s var(--ease-out),border-color .45s var(--ease-out)}
.home-refresh.has-region-intro.region-passed .header{background:#fff;color:var(--ink);border-color:#e3e5dc}
.home-refresh.has-region-intro.region-passed .brand-caption{color:var(--muted);border-color:var(--line)}

.region-intro{position:relative;z-index:1;height:320svh;margin-top:calc(var(--region-chrome-offset,148px) * -1);background:#070807;color:#f7f7f2;isolation:isolate}
.region-intro-pin{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;isolation:isolate;background:#070807}

/* Kamera */
.ri-stage{position:absolute;inset:0;perspective:1100px;perspective-origin:50% 38%;overflow:hidden}
.ri-world{position:absolute;left:-40%;right:-40%;top:-35%;bottom:-35%;transform-origin:50% 50%;transform-style:preserve-3d}
.region-intro.is-active .ri-world,.region-intro.is-active .ri-layer{will-change:transform,opacity}
.ri-layer{position:absolute;inset:0;overflow:hidden;opacity:0}
.ri-wide{opacity:1}
.ri-layer img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none;
  filter:grayscale(.7) brightness(.62) contrast(1.35) sepia(.15) hue-rotate(40deg) saturate(1.1)}
.ri-layer::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 22% 20% at 50% 50%,rgba(150,195,34,.12),transparent 70%);mix-blend-mode:screen;pointer-events:none}
.ri-cities{position:absolute;inset:0;pointer-events:none}
.ri-cities span{position:absolute;transform:translate(-50%,-50%);font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(14px,1.25vw,22px);color:#f3f5ecb8;letter-spacing:.01em;text-shadow:0 2px 18px #000}
.ri-cities span::before{content:"";display:block;width:5px;height:5px;border-radius:50%;background:#f3f5ec;margin:0 auto 8px;box-shadow:0 0 12px 3px #f3f5ec66}
.ri-glow{position:absolute;left:50%;top:50%;width:26vmin;height:26vmin;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;
  background:radial-gradient(circle,rgba(200,240,90,.5) 0%,rgba(150,195,34,.22) 30%,rgba(150,195,34,.05) 58%,transparent 72%);mix-blend-mode:screen;filter:blur(2px)}
.region-intro.ri-play .ri-glow{animation:ri-breathe 3.6s ease-in-out infinite}
@keyframes ri-breathe{50%{filter:blur(2px) brightness(1.25)}}
.ri-mark{position:absolute;left:50%;top:50%;width:13vmin;height:13vmin;overflow:visible;filter:drop-shadow(0 0 10px rgba(150,195,34,.9)) drop-shadow(0 0 28px rgba(150,195,34,.5));opacity:0}
.ri-herne{position:absolute;left:50%;top:50%;font-size:clamp(11px,.9vw,14px);font-weight:800;letter-spacing:.42em;color:#f3f5ec;text-shadow:0 0 16px rgba(150,195,34,.9);opacity:0;white-space:nowrap}

/* Überlagerungen */
.ri-shade{position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(90deg,rgba(7,8,7,.88) 0%,rgba(7,8,7,.55) 34%,rgba(7,8,7,0) 62%),
  linear-gradient(180deg,rgba(7,8,7,.75) 0%,transparent 26%,transparent 70%,rgba(7,8,7,.85) 100%),
  radial-gradient(ellipse 80% 70% at 60% 50%,transparent 45%,rgba(7,8,7,.6) 100%)}
.ri-flash{position:absolute;inset:0;pointer-events:none;opacity:0;background:#212520}

/* Text */
.ri-copy{position:absolute;left:clamp(24px,6vw,110px);top:50%;margin-top:calc(var(--region-chrome-offset,148px) * .35);translate:0 -50%;max-width:min(900px,88vw);z-index:4}
.ri-kicker{font-size:11px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:#96c322;display:flex;align-items:center;gap:12px;margin:0 0 26px}
.ri-kicker::before{content:"";width:28px;height:1px;background:currentColor}
.ri-title{font-size:clamp(44px,5.3vw,96px);line-height:.98;font-weight:600;letter-spacing:-.055em;margin:0}
.ri-line{display:block}
.ri-line>span{display:inline-block}
.ri-accent{color:#96c322}
.region-intro.ri-play .ri-line>span{animation:ri-word 1.1s cubic-bezier(.22,1,.36,1) both}
.region-intro.ri-play .ri-line:nth-child(1)>span:nth-child(1){animation-delay:.25s}.region-intro.ri-play .ri-line:nth-child(1)>span:nth-child(2){animation-delay:.33s}
.region-intro.ri-play .ri-line:nth-child(2)>span:nth-child(1){animation-delay:.45s}.region-intro.ri-play .ri-line:nth-child(2)>span:nth-child(2){animation-delay:.53s}.region-intro.ri-play .ri-line:nth-child(2)>span:nth-child(3){animation-delay:.61s}
.region-intro.ri-play .ri-line:nth-child(3)>span:nth-child(1){animation-delay:.73s}.region-intro.ri-play .ri-line:nth-child(3)>span:nth-child(2){animation-delay:.81s}
@keyframes ri-word{from{opacity:0;transform:translateY(38px) rotate(2deg);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
.ri-sub{font-size:clamp(15px,1.15vw,18px);line-height:1.65;color:#cfd3c7;max-width:470px;margin:26px 0 30px}
.region-intro.ri-play .ri-sub,.region-intro.ri-play .ri-cta,.region-intro.ri-play .ri-kicker{animation:ri-fade 1s 1s cubic-bezier(.22,1,.36,1) both}
@keyframes ri-fade{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.ri-cta{display:inline-flex;align-items:center;gap:22px;padding:17px 22px;background:#96c322;color:#172006;font-weight:800;font-size:14px;transition:gap .35s var(--ease-out),background .3s}
.ri-cta:hover{gap:30px;background:#aad63a}
.ri-scroll{position:absolute;left:50%;bottom:34px;translate:-50% 0;z-index:4;margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:10px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:#cfd3c7}
.ri-scroll i{width:1px;height:44px;background:linear-gradient(#96c322,transparent);animation:ri-cue 2s cubic-bezier(.22,1,.36,1) infinite;transform-origin:top}
@keyframes ri-cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
.region-intro-note{position:absolute;right:18px;bottom:12px;z-index:4;margin:0;font-size:9px;color:#9aa094;letter-spacing:.04em}
.region-intro-note a{color:inherit;text-decoration:underline}

@media (max-width:759px){
  .region-intro{height:240svh}
  .ri-world{left:-70%;right:-70%;top:-30%;bottom:-30%}
  .ri-copy{left:22px;right:22px;top:auto;bottom:110px;translate:none;margin-top:0}
  .ri-title{font-size:clamp(40px,11.5vw,56px)}
  .ri-sub{font-size:14px;margin:18px 0 22px}
  .ri-shade{background:linear-gradient(180deg,rgba(7,8,7,.7) 0%,transparent 30%,rgba(7,8,7,.35) 50%,rgba(7,8,7,.94) 100%)}
  .ri-mark{width:18vmin;height:18vmin}
  .ri-cities span{font-size:13px}
  .ri-scroll{bottom:26px}
  .region-intro-note{left:22px;right:auto}
}
@media (prefers-reduced-motion:reduce){
  .region-intro{height:100svh}
  .region-intro-pin{position:relative}
  .region-intro.ri-play .ri-line>span,.region-intro.ri-play .ri-sub,.region-intro.ri-play .ri-cta,.region-intro.ri-play .ri-kicker,.ri-scroll i,.ri-glow{animation:none!important}
}
/* Porträt-Startseite gleitet über das Ende der Kamerafahrt */
.region-intro+*{position:relative;z-index:2;margin-top:-55svh;box-shadow:0 -40px 80px rgba(0,0,0,.55)}
@media (max-width:759px){.ri-title{font-size:clamp(34px,9.6vw,52px)}.region-intro+*{margin-top:-40svh}}
@media (prefers-reduced-motion:reduce){.region-intro+*{margin-top:0}}