/* фото: --p-sunset вышки на закате, --p-sub подстанция, --p-work монтажник на вышке, --p-night вышка ночью, --p-tower вышка днём, --p-lines подстанция с ЛЭП */
.bg,.strip,.side{display:none}
/* 1: большая шапка с фото */
html[data-v="1"] header{background:linear-gradient(90deg,rgba(11,60,93,.92) 0%,rgba(11,60,93,.55) 55%,rgba(11,60,93,.15) 100%),var(--p-sunset) center 40%/cover}
html[data-v="1"] .top{min-height:260px;align-items:flex-end;padding-bottom:30px}
html[data-v="1"] h1{font-size:34px}
/* 2: фото на весь фон, полупрозрачные карточки */
html[data-v="2"] .bg{display:block;position:fixed;inset:0;z-index:-1;background:linear-gradient(rgba(11,60,93,.62),rgba(11,60,93,.62)),var(--p-sub) center/cover}
html[data-v="2"] body{background:transparent}
html[data-v="2"] header{background:rgba(11,60,93,.7);backdrop-filter:blur(6px)}
html[data-v="2"] a.card,html[data-v="2"] .search input{background:rgba(255,255,255,.9);backdrop-filter:blur(8px);color:#1f2933;border-color:transparent}
html[data-v="2"] .desc{color:#5b6672}
html[data-v="2"] h2{color:#ffb466;text-shadow:0 1px 3px rgba(0,0,0,.4)}
html[data-v="2"] footer{color:rgba(255,255,255,.8)}
/* 3: фото слева во всю высоту */
html[data-v="3"] header{display:none}
html[data-v="3"] .side{display:flex;position:fixed;left:0;top:0;bottom:0;width:36%;flex-direction:column;justify-content:flex-end;padding:36px;color:#fff;
  background:linear-gradient(180deg,rgba(11,60,93,.05) 30%,rgba(11,60,93,.92) 85%),var(--p-work) center/cover;border-right:6px solid var(--orange)}
html[data-v="3"] .side .logo{margin-bottom:16px}
html[data-v="3"] main,html[data-v="3"] footer{margin-left:36%;max-width:none;padding:0 36px}
html[data-v="3"] .grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
@media (max-width:820px){html[data-v="3"] .side{position:relative;width:auto;height:260px;border-right:0;border-bottom:5px solid var(--orange)}
  html[data-v="3"] main,html[data-v="3"] footer{margin-left:0;padding:0 20px}}
/* 4: ночная тема */
html[data-v="4"] .bg{display:block;position:fixed;inset:0;z-index:-1;background:linear-gradient(rgba(6,16,26,.45),rgba(6,16,26,.7)),var(--p-night) center/cover}
html[data-v="4"] body{background:transparent;color:#e6ebf0}
html[data-v="4"] header{background:rgba(11,60,93,.55);backdrop-filter:blur(6px)}
html[data-v="4"] a.card,html[data-v="4"] .search input{background:rgba(19,38,54,.82);border-color:rgba(255,255,255,.08);border-left-color:var(--orange);color:#e6ebf0;backdrop-filter:blur(6px)}
html[data-v="4"] .ic{background:var(--orange)}
html[data-v="4"] .desc,html[data-v="4"] footer{color:#9aa6b2}
/* 5: полоса из трёх фото под шапкой */
html[data-v="5"] .strip{display:grid;grid-template-columns:repeat(3,1fr);height:190px}
html[data-v="5"] .strip div{position:relative;background-size:cover;background-position:center}
html[data-v="5"] .strip div:nth-child(1){background-image:var(--p-tower)}
html[data-v="5"] .strip div:nth-child(2){background-image:var(--p-lines)}
html[data-v="5"] .strip div:nth-child(3){background-image:var(--p-work)}
html[data-v="5"] .strip span{position:absolute;left:0;right:0;bottom:0;padding:22px 16px 10px;color:#fff;font-weight:bold;font-size:15px;background:linear-gradient(transparent,rgba(11,60,93,.85))}
@media (max-width:560px){html[data-v="5"] .strip{height:120px}html[data-v="5"] .strip span{font-size:12px}}
/* 6: шапка и три фото из варианта 5, ниже ночной фон и тёмные карточки из варианта 4 */
html[data-v="6"] .strip{display:grid;grid-template-columns:repeat(3,1fr);height:190px;border-bottom:4px solid var(--orange)}
html[data-v="6"] .strip div{position:relative;background-size:cover;background-position:center}
html[data-v="6"] .strip div:nth-child(1){background-image:var(--p-tower)}
html[data-v="6"] .strip div:nth-child(2){background-image:var(--p-lines)}
html[data-v="6"] .strip div:nth-child(3){background-image:var(--p-work)}
html[data-v="6"] .strip span{position:absolute;left:0;right:0;bottom:0;padding:22px 16px 10px;color:#fff;font-weight:bold;font-size:15px;background:linear-gradient(transparent,rgba(11,60,93,.85))}
html[data-v="6"] .bg{display:block;position:fixed;inset:0;z-index:-1;background:linear-gradient(rgba(6,16,26,.45),rgba(6,16,26,.7)),var(--p-night) center/cover}
html[data-v="6"] body{background:transparent;color:#e6ebf0}
html[data-v="6"] a.card,html[data-v="6"] .search input{background:rgba(19,38,54,.82);border-color:rgba(255,255,255,.08);border-left-color:var(--orange);color:#e6ebf0;backdrop-filter:blur(6px)}
html[data-v="6"] .ic{background:var(--orange)}
html[data-v="6"] .desc,html[data-v="6"] footer{color:#9aa6b2}
@media (max-width:560px){html[data-v="6"] .strip{height:120px}html[data-v="6"] .strip span{font-size:12px}}