/* главная 029 — скелет S01 lumina: карточка-герой, факты, плитки, огромное слово, FAQ в две колонки, финальная заявка */
/* герой во всю ширину окна — слово Оператора 08.10 (О-2): сменяющиеся кадры i2i 4K, шапка прозрачная поверх */
.p-index .hdr,.p-povod .hdr,.p-speceffekty .hdr{position:fixed;left:0;right:0}
.hero-full{min-height:min(100svh,1100px)}
.hero-in.hero-one{grid-template-columns:1fr}
.hero-crumbs{margin-bottom:18px;padding-top:0}
.pv-after{padding-top:20px}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden}
.hero-slides{position:absolute;inset:0;z-index:0}
.hs{position:absolute;inset:0;opacity:0;transition:opacity 1.6s var(--ease)}
.hs.on{opacity:1}
.hs img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 9s linear}
.hs.on img{transform:scale(1)}
.hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(11,11,13,.55) 0%,rgba(11,11,13,0) 22%,rgba(11,11,13,.1) 55%,rgba(11,11,13,.92) 100%),linear-gradient(90deg,rgba(11,11,13,.7),rgba(11,11,13,0) 62%)}
.hero-in{position:relative;z-index:2;display:grid;grid-template-columns:1fr minmax(320px,400px);align-items:end;gap:32px;padding-top:120px;padding-bottom:clamp(64px,16vh,200px)}  /* Оператор 08.10: «поднять повыше» текст и форму */
.hero-body{max-width:980px}
.hero-body .kick{margin-bottom:18px}
.hero h1{font-size:clamp(46px,5.6vw,124px);text-shadow:0 2px 40px rgba(0,0,0,.4)}
.hero-sub{margin-top:20px;max-width:620px;font-size:clamp(17px,1.15vw,21px);color:rgba(242,237,228,.86)}
.hero-m-btn{display:none;margin-top:22px}
.hero-dots{display:flex;gap:8px;margin-top:28px}
.hero-dots button{width:34px;height:4px;border:0;border-radius:2px;background:rgba(242,237,228,.3);cursor:pointer;padding:0;transition:background .3s}
.hero-dots button.on{background:var(--amber)}
html.brag .hs img{transition:none;transform:none}
.req{position:relative;z-index:2;background:rgba(14,14,18,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:var(--r);padding:22px;display:flex;flex-direction:column}
.req [data-step]{display:flex;flex-direction:column;gap:12px}
.req [hidden]{display:none!important}
.req-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:8px}
.req-sum{font-size:14px;color:var(--amber)}

.facts-w{margin-top:16px}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-radius:var(--r);overflow:hidden}
.facts>div{background:var(--ink);padding:22px clamp(16px,2vw,28px);display:flex;flex-direction:column;gap:6px}
.facts b{font-size:clamp(34px,3vw,56px);color:var(--paper)}
.facts span{font-size:14px;color:var(--haze)}

.povody{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.2vw,20px)}
.pv .ph{aspect-ratio:4/5}
.pv-t{position:absolute;left:0;right:0;bottom:0;padding:22px;background:linear-gradient(0deg,rgba(11,11,13,.92),rgba(11,11,13,0));display:flex;flex-direction:column;gap:4px}
.pv-t b{font-size:clamp(30px,2.4vw,46px)}.pv-t span{font-size:14px;color:rgba(242,237,228,.75)}

.secs{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.2vw,20px)}
.sc{display:grid;grid-template-columns:42% 1fr;min-height:200px}
.sc .ph{height:100%}
.sc .ph img{object-fit:contain;padding:14px;background:#fff}
.sc-t{padding:20px 22px;display:flex;flex-direction:column;gap:8px}
.sc-t b{font-size:clamp(24px,1.7vw,32px)}
.sc-t .n{color:var(--amber);font-weight:700;font-size:14px}
.sc-t ul{list-style:none;font-size:14px;color:var(--haze);line-height:1.6}

.kits{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.2vw,20px)}
.kit{display:flex;flex-direction:column}
.kit .ph{aspect-ratio:4/3}.kit .ph img{object-fit:contain;background:#fff;padding:18px}
.kit-t{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.kit-t .tag{font-size:13px;color:var(--amber);text-transform:lowercase}
.kit-t b{font-size:clamp(24px,1.6vw,30px)}
.kit-t ul{font-size:14px;color:var(--haze);padding-left:18px;line-height:1.55}
.kit-f{margin-top:auto;display:flex;justify-content:space-between;align-items:end;gap:12px;padding-top:12px}
.kits-note{margin-top:18px;font-size:14px}

.modes{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.2vw,20px)}
.mode .ph{aspect-ratio:16/10}
.mode-t{padding:24px}.mode-t p{color:var(--haze);margin-top:8px;max-width:520px}
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-radius:var(--r);overflow:hidden;margin-top:20px}
.steps li{background:var(--ink);padding:22px;font-weight:600;display:flex;flex-direction:column;gap:10px}
.steps b{font:800 40px/1 var(--disp);color:var(--amber)}

.feed{list-style:none;border-top:1px solid var(--line)}
.feed li{display:grid;grid-template-columns:120px 96px 1fr auto 40px;gap:20px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.feed img{width:96px;height:64px;object-fit:cover;border-radius:10px}
.feed .fd{font-weight:700;color:var(--haze);font-size:14px}
.feed .ft{font-size:clamp(15px,1vw,18px)}
.feed .tag{font-size:12px;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:6px 12px;white-space:nowrap}
.feed a{font-size:22px;color:var(--amber);text-align:right}
.feed li:hover{background:linear-gradient(90deg,rgba(245,165,36,.06),transparent)}

.sklad-blk{position:relative;overflow:hidden}
.mega{font-size:clamp(90px,17vw,340px);line-height:.82;color:var(--paper);white-space:nowrap}
.mega{background:linear-gradient(90deg,var(--paper) 55%,var(--amber));-webkit-background-clip:text;background-clip:text;color:transparent}
.sk-g{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(20px,3vw,56px);align-items:center;margin-top:clamp(20px,3vw,40px)}
.sk-ph .ph{aspect-ratio:4/3}
.sk-t{display:flex;flex-direction:column;gap:16px;align-items:flex-start}

.revs{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.2vw,20px)}
.rev{background:var(--ink-2);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.rev blockquote{font-size:16px;line-height:1.5}
.rev figcaption{font-size:13px;color:var(--haze)}

.faq{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(20px,3vw,56px)}
.faq details{border-bottom:1px solid var(--line);padding:20px 0}
.faq summary{cursor:pointer;font:700 clamp(18px,1.2vw,22px)/1.3 var(--text);list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::after{content:"+";color:var(--amber);font-size:26px;line-height:1;transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--haze);margin-top:12px;max-width:620px}

.final{position:relative;display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(20px,3vw,56px);align-items:center;background:var(--ink-2);border-radius:calc(var(--r) + 6px);padding:clamp(20px,3vw,48px);overflow:hidden}
.final-col{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;height:clamp(300px,30vw,520px)}
.final-col img{width:100%;height:100%;object-fit:cover;border-radius:var(--r-s)}
.final-col img:first-child{grid-row:span 2}
.final-b{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:28px}
.final-b .btn{height:60px;padding:0 34px;font-size:18px;box-shadow:0 0 0 0 var(--amber),0 18px 60px -12px var(--amber)}

@media (max-width:1280px){.revs{grid-template-columns:1fr 1fr}.secs{grid-template-columns:1fr 1fr}}
@media (max-width:1024px){
  .hero-in{grid-template-columns:1fr}.povody,.kits{grid-template-columns:1fr 1fr}
  .facts{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.sk-g,.final{grid-template-columns:1fr}
}
@media (max-width:860px){
  .hero{min-height:auto;display:block}
  .hero-slides{position:relative;height:74svh}
  .hero-shade{bottom:auto;height:74svh}
  .hero-in{display:block;position:static;padding-top:0;padding-bottom:0}
  .hero-body{position:absolute;z-index:2;left:0;right:0;top:0;height:74svh;display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--pad) 20px}
  .hero-m-btn{display:inline-flex;align-self:flex-start}
  .hero-dots{margin-top:18px}
  .hero h1{font-size:clamp(40px,11vw,64px)}
  .req{margin:12px 0 0;background:var(--ink-2)}
  .faq{grid-template-columns:1fr}.feed li{grid-template-columns:64px 1fr 28px;grid-template-areas:"img t a" "img d a"}
  .feed img{grid-area:img;width:64px;height:64px}.feed .ft{grid-area:t}.feed .fd{grid-area:d;font-size:12px}.feed .tag{display:none}.feed a{grid-area:a}
  .modes{grid-template-columns:1fr}
}
@media (max-width:560px){.povody{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:calc(var(--pad)*-1);padding-right:var(--pad)}.povody .pv{scroll-snap-align:start}.kits,.secs,.revs{grid-template-columns:1fr}.facts b{font-size:32px}.sc{grid-template-columns:38% 1fr;min-height:150px}.mega{font-size:26vw}}