/* ============ MOBILE & TOUCH ============ */
/* stabile Höhen auf Handys (Adressleiste) */
.scene-pin,.stmt-pin,.show-pin,.walk-pin{height:100svh}
.hero{height:100svh}

/* Aktionsleiste unten */
.mbar{display:none}
@media(max-width:800px){
  .float-cta,.to-top{display:none}
  .mbar{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:8px;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:88;padding:7px;border-radius:99px;background:rgba(14,11,9,.78);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 18px 50px -12px rgba(0,0,0,.8);transform:translateY(160%);opacity:0;transition:transform .8s var(--ease),opacity .5s}
  .mbar.vis{transform:none;opacity:1}
  .mbar a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:99px;color:#efe7da;font:600 13px var(--sans);letter-spacing:.02em;-webkit-tap-highlight-color:transparent;transition:background .3s,transform .3s var(--ease)}
  .mbar a:active{transform:scale(.95);background:rgba(255,255,255,.12)}
  .mbar svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .mbar .mb-main{background:var(--red);color:#fff;box-shadow:0 8px 24px -8px rgba(231,54,42,.9)}
  .mbar .mb-main:active{background:#ff4a3a}
  .foot-row{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
  html.drawer-open .mbar{transform:translateY(160%);opacity:0}

  /* Hero */
  .hero .h1{font-size:18.6vw;line-height:.9}
  .hero-text{align-items:flex-start;padding:calc(var(--L,170px) + 132px) var(--pad) 0}
  .hero-lit{-webkit-mask-image:none;mask-image:none}
  .hero-meta{bottom:calc(56px + env(safe-area-inset-bottom));right:var(--pad);max-width:none}
  .hero-sub{font-size:14px;margin:10px 0 16px;line-height:1.5}
  .hero .eyebrow{font-size:10px}
  .hero-foot{bottom:calc(14px + env(safe-area-inset-bottom))}
  .chain-hint{left:auto;right:-6px;transform:none}
  .grain{animation:none;opacity:.05}
  .nav{padding:12px 16px}
  .logo{padding:8px 10px 7px}.logo b{font-size:15px}.logo i{font-size:7.5px}
  .mode-label{display:none}

  /* Tippziele */
  .chip span{padding:14px 18px 13px}
  .presets button{padding:13px 16px 12px}
  .ly-b,.acc-i button,.stage-sw,.tabs button{min-height:48px}
  .tabs button{padding:14px 22px}
  .stage-sw{padding:12px 16px 11px 12px}

  /* Menü mit Bild */
  .drawer-panel{grid-template-columns:1fr;grid-template-rows:25svh minmax(0,1fr);width:100vw}
  .drawer-stage{display:block;order:0;grid-row:1}
  .drawer-stage::after{background:linear-gradient(0deg,#0b0908,transparent 55%)}
  .drawer-body{grid-row:2;padding:12px 22px calc(18px + env(safe-area-inset-bottom))}
  .drawer-top{position:absolute;left:0;right:0;top:0;z-index:5;padding:14px 22px 40px;background:linear-gradient(rgba(6,5,4,.7),transparent)}
  .dm{margin:0;padding:10px 0 18px}
  .dm-a{font-size:clamp(34px,10vw,46px)}
  .stage-cap{left:22px;bottom:16px}

  /* Rundgang: Tooltip als Karte unten */
  .hot span,.hot.flip span{position:fixed;left:16px;right:16px;top:auto;bottom:calc(86px + env(safe-area-inset-bottom));width:auto;transform:translateY(12px)}
  .hot:hover span,.hot.open span{transform:none}
  .walk-hint{bottom:calc(30px + env(safe-area-inset-bottom))}
  .walk.ready .walk-hint{opacity:0}

  /* Sub-Hero */
  .sub-hero{min-height:100svh}
  .sh-title{font-size:clamp(50px,16.4vw,92px)}
  .sh-inner{padding-block:clamp(110px,18svh,170px) calc(70px + env(safe-area-inset-bottom))}
  .sh-foot{display:none}
  .sh-lit{-webkit-mask-image:radial-gradient(circle 70vmin at var(--mx) var(--my),#000 0%,rgba(0,0,0,.55) 45%,transparent 100%);mask-image:radial-gradient(circle 70vmin at var(--mx) var(--my),#000 0%,rgba(0,0,0,.55) 45%,transparent 100%)}
  .type{padding-block:56px}
  .stage-svg{inset:8% 4% 6%}
  .bento{grid-auto-rows:68vw}
  .form{padding:22px 18px}
  .field input,.field textarea{font-size:17px}
  .nf-title{font-size:min(48vw,230px)}
}
@media (hover:none){
  .btn:hover{box-shadow:none}
  .b figcaption{opacity:1;transform:none}
  .ph img{transform:scale(1.04)}
}