/* Feature scene: original logo, real HTML cards, projected luminous helix.
   Scene materials stay graphite/gold in both themes, like the workshop hero. */
.helix{padding:0}
.helix-stage{max-width:none}
.helix-scene{width:min(1280px,calc(100% - 36px));margin:auto}
.helix-track,.helix-platform,.helix-wordmark{display:none}
.orbit-card{overflow:hidden}
.orbit-card .orbit-count{float:none;display:block;margin-bottom:12px}
.orbit-visual{height:130px;margin:18px 0;overflow:hidden;border-radius:8px;background:var(--web-scene)}
.orbit-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.orbit-illustration{display:grid;place-items:center;height:100%;color:var(--web-gold);background:radial-gradient(ellipse at 50% 100%,#e8c78e20,transparent 70%)}
.orbit-illustration svg{width:90px!important;height:90px!important;filter:drop-shadow(0 8px 8px #0008)}
.helix-cards{padding-bottom:30px}
@media(min-width:1000px) and (prefers-reduced-motion:no-preference){
  .helix-ready{height:360vh;--scene-gold:#f6d597;--scene-white:#fff3d6;--scene-dark:#0a0d0e}
  .helix-ready .helix-stage{
    top:0;height:100vh;min-height:620px;max-width:none;perspective:none;
    background:linear-gradient(90deg,#090c0e40,transparent 70%),url('../img/web/funkce-scena-v2.webp') center/cover;
    border-bottom:1px solid #ad89553d;
  }
  .helix-ready .helix-stage:after{
    content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
    background:radial-gradient(ellipse at 68% 85%,#e8b8601c,transparent 48%);
  }
  .helix-ready .helix-copy{
    position:absolute;left:max(35px,calc((100vw - 1360px)/2));top:18%;
    width:30%;max-width:400px;text-align:left;padding:0;margin:0;z-index:25;
  }
  .helix-ready .helix-copy h1{font-size:clamp(40px,4.7vw,69px);line-height:1.13;color:var(--scene-white);text-wrap:balance}
  .helix-ready .helix-copy .lead{font-size:19px;color:#d7d4cc;margin:27px 0 20px}
  .helix-ready .helix-copy .eyebrow,.helix-ready .helix-copy .text-link{color:var(--scene-gold)}
  .helix-ready .helix-scene{
    position:absolute;left:67%;bottom:45px;width:800px;height:800px;margin:0;
    transform:translateX(-50%) scale(var(--scene-scale,.9));transform-origin:50% 100%;
    isolation:isolate;
  }
  .helix-ready .helix-core{
    display:block;position:absolute;left:280px;top:12px;width:240px;height:714px;transform:none;
    border-radius:50% / 3%;z-index:5;
    background:
      repeating-linear-gradient(0deg,#ffffff0b 0,#ffffff0b 1px,transparent 1px,transparent 3px),
      linear-gradient(90deg,#272a2b 0%,#e7c173 3%,#fff0c2 5%,#867954 8%,#313437 16%,#6e7069 29%,#282c2e 50%,#726d5d 75%,#f9e8b7 89%,#a7884e 94%,#282a29 100%);
    border:1px solid #efd0918c;
    box-shadow:inset 9px 0 16px #f7d89530,inset -7px 0 15px #0008,25px 20px 50px #0009;
  }
  .helix-ready .helix-core:before{
    height:36px;top:-8px;background:linear-gradient(170deg,#a09b89,#343838 45%,#171b1e);
    border:1px solid var(--scene-gold);box-shadow:0 -2px 13px #ffd57e40;
  }
  .helix-ready .helix-core:after{height:32px;bottom:-4px;background:linear-gradient(90deg,#9c8051,#292d2e 45%,#a78b52);border-color:#f6d59799}
  .helix-ready .helix-emblem{
    position:absolute;top:54px;left:13px;width:214px;height:185px;overflow:hidden;z-index:15;
    filter:drop-shadow(3px 9px 3px #000a) drop-shadow(0 0 16px #ffdb9428);
  }
  .helix-ready .helix-emblem img{
    display:block;width:725px;max-width:none;height:185px;padding:0;background:none;border-radius:0;filter:none;
  }
  .helix-ready .helix-wordmark{display:block;position:absolute;top:255px;left:0;right:0;text-align:center;color:var(--scene-white);font-size:15px;letter-spacing:.35em;text-shadow:0 2px 5px #000}
  .helix-ready .helix-platform{
    display:block;position:absolute;left:67px;top:690px;width:666px;height:106px;z-index:2;
    border-radius:50%;border:2px solid var(--scene-gold);
    background:radial-gradient(ellipse at 50% 20%,#bc9b5750,transparent 65%),linear-gradient(0deg,#131718,#6e5b3a 15%,#252a2b 28%,#121719 70%,#b19b6b);
    box-shadow:0 5px 0 #514631,0 8px 0 #e8c78e,0 11px 10px #f2c77e80,0 35px 40px #0009,inset 0 0 18px #e8c78e40;
  }
  .helix-ready .helix-platform:after{content:'';position:absolute;inset:-22px -80px;border:1px solid #e8c78e60;border-radius:50%}
  .helix-ready .helix-track{display:block;position:absolute;inset:0;width:800px;height:800px;overflow:visible;fill:none;stroke:var(--scene-gold);stroke-width:1.9;pointer-events:none}
  .helix-ready .helix-track-back{z-index:3;opacity:.65}
  .helix-ready .helix-track-front{z-index:8;filter:drop-shadow(0 0 3px #ffcc70) drop-shadow(0 0 9px #ffcc7070)}
  .helix-ready .helix-cards{position:absolute;inset:0;padding:0;transform-style:flat}
  .helix-ready .orbit-card{
    position:absolute;left:400px;top:0;width:305px;height:345px;min-height:0;padding:23px;
    background:linear-gradient(140deg,#5b5f60d9 0%,#171c1fe8 24%,#101517db 80%);
    border:1px solid #d2b37c;border-radius:13px;backdrop-filter:blur(9px);
    color:var(--scene-white);box-shadow:inset 0 1px 0 #fff4,0 12px 24px #0009;
    transform-origin:50% 50%;transition:box-shadow .15s;
  }
  .helix-ready .orbit-card.is-active{border-color:var(--scene-white);box-shadow:-3px 0 4px #ffdc9d,0 0 18px #f4c67b65,inset 0 1px 0 #fff9,0 20px 35px #000b}
  .helix-ready .orbit-card h2{font-size:26px;line-height:1.12;letter-spacing:-.025em}
  .helix-ready .orbit-card p{font-size:14px;line-height:1.4;color:#e0dfd9;margin:12px 0}
  .helix-ready .orbit-count{font-size:11px;color:#d3d0c7;margin-bottom:9px}
  .helix-ready .orbit-visual{height:118px;margin:14px 0 12px;border:1px solid #a394722e}
  .helix-ready .orbit-illustration svg{width:93px!important;height:93px!important}
  .helix-ready .orbit-card .tl{min-height:38px;padding:8px 14px;font-size:12px;background:linear-gradient(#ffe6ab,#c39c55);color:#211b10;border-color:#ffe8b5;width:100%;box-shadow:0 2px 7px #0007}
  .helix-ready .helix-hint{display:block;position:absolute;left:38%;right:0;bottom:12px;color:#e4d6ba;font-size:11px;letter-spacing:.16em;text-align:center;z-index:25}
}

@media(min-width:1000px) and (prefers-reduced-motion:no-preference){.helix-ready .orbit-card:not(.is-active) .tl{visibility:hidden}.helix-ready .orbit-card:not(.is-active){height:290px}.helix-ready .helix-core{background-image:repeating-linear-gradient(0deg,#ffffff13 0,#ffffff13 .6px,#0000000a 1px,transparent 2.4px),repeating-linear-gradient(92deg,transparent 0,transparent 23px,#ffffff08 24px,transparent 26px),linear-gradient(90deg,#272a2b 0%,#d6b36c 3%,#fff0c2 5%,#867954 8%,#454746 16%,#6e7069 29%,#282c2e 50%,#726d5d 75%,#e5d5a6 89%,#a7884e 94%,#282a29 100%)}}