/* Two independent product experiences; the hero keeps its own styles and light. */
.series-experiences{--p-text:#edf4f7;--p-muted:#a7b9c4;--p-line:#34434b;--k-bg:#07111c;--k-text:#edf5fa;--k-muted:#a7bdcc;--k-line:#314959;color:var(--p-text)}
.series-experiences svg:not(.pobeda-optics){fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.series-klio{position:relative;isolation:isolate;padding-block:48px 30px;color-scheme:dark;--p-line:var(--k-line);--p-muted:var(--k-muted);--p-text:var(--k-text);color:var(--k-text);background:var(--k-bg)}
.series-heading{display:flex;justify-content:space-between;gap:20px;font:11px/1.6 var(--font-mono);letter-spacing:.1em}
.series-heading>span:last-child{color:var(--p-muted)}
.series-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:36px}
.series-title h2{font-size:clamp(48px,5.2vw,94px);line-height:1}
.series-title h2 span{opacity:.43}
.series-title p{font-size:clamp(14px,1.2vw,20px);line-height:1.6;color:var(--p-muted)}
.series-scene-footer{display:flex;justify-content:space-between;gap:16px;margin-top:18px;font-size:11px;line-height:1.6;color:var(--p-muted)}
.series-scene-footer>span:first-child{color:var(--p-text);white-space:nowrap}
.series-selection{display:flex;justify-content:space-between;align-items:center;gap:28px;border-top:1px solid var(--p-line);margin-top:28px;padding-top:24px}
.series-selection p{display:flex;flex-direction:column;font-size:var(--text-caption);color:var(--p-muted);line-height:1.6}
.series-selection p>span{font-size:25px;letter-spacing:-.03em;color:var(--p-text);line-height:1.4;margin-bottom:4px}
.series-selection>div{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.series-powers{border:0;margin-top:14px}
.series-powers summary{display:flex;width:100%;gap:14px;text-align:left}
.series-powers summary>.series-powers-label{font-size:var(--text-body);line-height:1.35;font-weight:600;min-width:0}
.series-powers summary small{display:block;margin-top:5px;color:#b1c6d4;font-size:11px;font-weight:400;line-height:1.4}
.series-powers summary>.series-powers-count{margin-left:auto;flex-shrink:0;text-align:center;font-size:10px;line-height:1.3;font-weight:400;color:#bacbd6}
.series-powers-count b{display:block;font-size:23px;line-height:1.2;font-weight:500;color:#ffb17e}
.series-powers summary svg{flex:0 0 20px;width:20px;height:20px;transition:transform .2s}
.series-powers[open] summary svg{transform:rotate(180deg)}
.series-power-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:6px;padding-top:14px}
.series-power-links a{display:flex;align-items:baseline;justify-content:center;gap:var(--space-1);min-height:44px;padding:var(--space-3) 5px;border:1px solid #405664;border-radius:var(--radius-control);background:#11222e;font-size:15px;line-height:1.2;color:#e5eff5}
.series-power-links a small{font-size:10px;color:#9eb6c6}
.series-power-links a:hover{background:#213846;border-color:#efaa7c}
.series-power-links a:focus-visible{outline-offset:-2px}
.series-powers>p{max-width:none;font-size:11px;line-height:1.6;color:#9eb6c6;padding:10px 0 0;margin:0}
.series-execution-gallery{margin-top:28px;padding:22px 24px 10px;border:1px solid #314959;border-radius:var(--radius-panel);background:linear-gradient(115deg,#132532,#0b1823)}
.series-execution-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}
.series-execution-heading p{font:10px/1.6 var(--font-mono);letter-spacing:.07em;color:#9eb6c6;margin-bottom:5px}
.series-execution-heading h3{font-size:24px;line-height:1.3}
.series-execution-heading>span{font-size:11px;color:#9eb6c6}
.series-execution-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.series-execution-card{display:block;min-width:0;border-radius:var(--button-radius);background:var(--button-surface);border:1px solid var(--button-border);overflow:hidden;color:var(--button-ink)}
.series-execution-photo{display:grid;place-items:center;position:relative;height:104px;padding:10px 28px;background:radial-gradient(ellipse at center,#28404f55,transparent 70%)}
.series-execution-photo img{width:110px;max-width:100%;height:84px;object-fit:contain;filter:drop-shadow(0 8px 6px #0006);transition:transform .2s}
.series-execution-card:hover img{transform:scale(1.07)}
.series-execution-caption{display:flex;align-items:center;justify-content:space-between;min-height:48px;gap:10px;border-top:1px solid var(--button-border);padding:12px 18px;font-size:21px;line-height:1.2}
.series-execution-caption small{font-size:11px;color:#9eb6c6}
.series-execution-caption svg{width:20px;height:20px}
.series-execution-card:hover{background:var(--button-hover);border-color:#a7c1ce}
.series-execution-card:focus-visible{outline-offset:-3px}
.series-divider{background:#182832;border-top:1px solid #3e505b;border-bottom:1px solid #274451;color:#bdccd6}
.series-divider>.wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:21px;font:11px/1.5 var(--font-mono);letter-spacing:.1em}
.series-divider span:first-child{font-family:inherit;font-size:19px;letter-spacing:-.04em;color:#e3edf4}
.series-klio .series-title{align-items:center}
.series-klio .series-title p{margin-top:16px}
.series-site-tools{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:28px;margin-bottom:16px}
.series-site-selector{display:flex;gap:6px;flex-wrap:wrap}
.series-territory{position:absolute;inset:0;pointer-events:none}
.series-site-landscape{position:absolute;inset:0}
.series-site-frame{position:absolute;inset:0 auto 0 0;width:86%;mask-image:linear-gradient(90deg,#000 0%,#000 64%,transparent 100%);opacity:.22;transition:opacity .8s ease}
.series-site-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.series-site-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07111c99,transparent 28%,transparent 65%,#07111cdd)}
.series-site-on{opacity:0;transition:opacity .8s ease}
.series-cad-stage[data-site-lit=true] .series-site-frame,.series-cad-stage[data-site-lit=true] .series-site-on{opacity:1}
.series-site-caption{position:absolute;left:24px;top:22px;color:#f1f7fa;text-shadow:0 2px 16px #000}
.series-site-caption>span{font:11px/1.5 var(--font-mono);letter-spacing:.08em;color:#c0d1db}
.series-site-caption h3{font-size:30px;margin-top:6px}
.series-site-note{position:absolute;left:24px;bottom:35px;max-width:49%;color:#c6d6df;font-size:11px;line-height:1.5;text-shadow:0 1px 8px #000}
.series-site-status{position:absolute;left:24px;top:100px;max-width:50%;background:#07111cee;padding:9px 12px;font-size:var(--text-caption);line-height:1.5;color:var(--k-text)}
.series-cad-stage[data-site-lit=true] .series-cad-axis{opacity:0}
.series-cad-stage[data-site-lit=true] .series-cad-ground{left:45%;width:55%}
.series-cad-tag{color:var(--k-muted);font:11px/1.7 var(--font-mono);letter-spacing:.1em;text-align:right}
.series-cad-stage{height:640px;position:relative;isolation:isolate;margin:8px -16px 0}
.series-cad-canvas{position:absolute;inset:0}
.series-cad-canvas canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y}
.series-cad-canvas canvas:active{cursor:grabbing}
.series-cad-ground{position:absolute;width:65%;height:90px;left:17.5%;bottom:30px;background:radial-gradient(ellipse,#01060bcc,transparent 65%);filter:blur(10px);pointer-events:none;transition:left .7s ease,width .7s ease}
.series-cad-ground:after{content:"";position:absolute;inset:-10% -5%;background:radial-gradient(ellipse,#b0e4ffdd,#6fcfff55 42%,transparent 70%);opacity:var(--klio-light,0)}
.series-cad-axis{position:absolute;inset:20px 8% 36px;border-bottom:1px solid #274451;background:linear-gradient(90deg,transparent 49.9%,#24425066 50%,transparent 50.1%);z-index:-1;pointer-events:none}
.series-cad-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.series-experiences .series-cad-retry{position:absolute;bottom:66px;left:50%;transform:translateX(-50%);white-space:nowrap}
.series-cad-control-slot{min-height:69px}
.series-cad-loading{color:var(--k-muted);font-size:var(--text-caption);padding-top:20px;line-height:1.6}
.series-cad-hint,.series-cad-count{position:absolute;bottom:10px;font-size:11px;color:var(--k-muted);pointer-events:none}
.series-cad-hint{left:16px;letter-spacing:.03em}
.series-cad-count{right:16px;letter-spacing:.08em}
.series-cad-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:20px;border-top:1px solid var(--k-line)}
.series-cad-actions{display:flex;gap:12px;align-items:center}
.series-klio .series-klio-power{min-width:172px}
.series-rotation{display:flex;gap:6px;align-items:center}
.series-rotation button[data-series-turn]{min-width:48px}
.series-klio .series-explode{min-width:215px}
.series-help{background:var(--k-bg);color:var(--k-text)}
.series-help>.wrap{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid var(--k-line);padding-block:22px 30px;font-size:var(--text-label)}
@media(max-width:1100px){
  .series-klio{padding-block:36px 24px}
  .series-selection>div{gap:16px}
}
@media(min-width:521px) and (max-width:1000px){
  .series-cad-controls{flex-wrap:wrap;gap:12px}
  .series-cad-actions{margin-left:auto}
}
@media(max-width:700px){.series-cad-control-slot{min-height:129px}}
@media(max-width:760px){
  .series-execution-gallery{padding:18px 14px 8px;margin-top:22px}
  .series-execution-heading{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:14px}
  .series-execution-heading h3{font-size:22px}
  .series-execution-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .series-execution-caption{font-size:19px;padding-inline:14px}
  .series-execution-photo{height:88px;padding:8px 22px}
  .series-execution-photo img{height:72px}
  .series-selection{align-items:flex-start;flex-direction:column;gap:18px}
  .series-selection>div{width:100%;justify-content:space-between}
  .series-cad-stage{height:800px}
  .series-cad-canvas{top:300px}
  .series-cad-poster{top:300px;height:500px}
  .series-territory{bottom:auto;height:300px}
  .series-site-frame{width:100%;mask-image:none}
  .series-site-frame img{object-fit:contain}
  .series-site-frame:after{background:linear-gradient(180deg,#07111cbb,transparent 25%,transparent 75%,#07111cdd)}
  .series-site-caption{top:10px;left:16px}
  .series-site-caption>span{display:none}
  .series-site-caption h3{font-size:20px;margin:0}
  .series-site-note{left:16px;bottom:7px;max-width:calc(100% - 32px)}
  .series-site-status{left:16px;top:45px;max-width:calc(100% - 32px)}
  .series-cad-stage[data-site-lit=true] .series-cad-ground{left:17.5%;width:65%}
  .series-title{margin-top:28px}
  .series-title h2{font-size:clamp(38px,8vw,58px)}
  .series-title p{font-size:var(--text-label)}
}
@media(max-width:520px){
  .series-klio{padding-block:28px 22px}
  .series-heading{letter-spacing:.04em;gap:18px}
  .series-heading>span{max-width:52%}
  .series-heading>span:last-child{text-align:right}
  .series-title{gap:18px}
  .series-scene-footer{flex-direction:column;gap:4px}
  .series-selection>div{align-items:stretch;flex-direction:column;gap:8px}
  .series-selection a{width:100%}
  .series-divider>.wrap{font-size:10px;letter-spacing:.04em;padding-block:18px}
  .series-divider span:last-child{display:none}
  .series-cad-stage{height:720px;margin-inline:-12px}
  .series-cad-poster{height:420px}
  .series-site-tools{align-items:stretch;flex-direction:column;gap:12px;margin-top:20px}
  .series-site-selector{display:grid;grid-template-columns:1fr 1fr}
  .series-site-tools .series-klio-power{width:100%}
  .series-cad-hint{left:12px;right:100px;line-height:1.5}
  .series-cad-count{right:12px;letter-spacing:.02em}
  .series-cad-controls{flex-wrap:wrap;gap:12px}
  .series-rotation{width:100%}
  .series-rotation button[data-series-rear]{flex:1}
  .series-experiences .series-explode{width:100%}
  .series-cad-actions{display:grid;grid-template-columns:1fr;width:100%;gap:12px}
  .series-cad-tag{font-size:10px;letter-spacing:.04em}
  .series-help>.wrap{display:block;font-size:var(--text-caption)}
  .series-help a{margin-top:8px}
}