/* Вариант по предоставленному изображению. Старые палитры не изменяются. */
html[data-palette="sunset"]{--ink:#182b3b;--blue:#102b40;--orange:#d3a34c;--muted:#5d6f7b;--line:#d7dfe4;--soft:#eef2f5;--white:#fff}
html[data-palette="sunset"] .header{background:#0b1d2b;color:#f6f7f5;border-bottom-color:#314754}
html[data-palette="sunset"] .header .brand-symbol{border-color:var(--orange);color:#f6f7f5}
html[data-palette="sunset"] .header .navigation>a:not(.button):hover{color:#e7c688}
html[data-palette="sunset"] .button{color:#152331;border-color:var(--orange)}
html[data-palette="sunset"] .button:hover{background:#e2b966;border-color:#e2b966}
html[data-palette="sunset"] .menu-toggle:not([hidden]){background:#142e42;color:#f6f7f5;border-color:#536b7c}
html[data-palette="sunset"] .covenant-hero{background:#0b1d2b;color:#f6f7f5}
html[data-palette="sunset"] .hero-scene-original{display:none}
html[data-palette="sunset"] .hero-scene-photo{display:block!important;filter:none;right:0;top:0;width:100%;height:100%;object-fit:cover;object-position:65% 50%}
html[data-palette="sunset"] .hero-scene::after{background:linear-gradient(90deg,rgba(7,23,36,.98) 0%,rgba(7,23,36,.94) 23%,rgba(7,23,36,.72) 40%,rgba(7,23,36,.22) 62%,rgba(7,23,36,.03) 100%),linear-gradient(0deg,rgba(7,23,36,.86),transparent 30%)}
html[data-palette="sunset"] .covenant-hero .eyebrow{color:#d9bd83}
html[data-palette="sunset"] .covenant-hero h1{color:#f6f7f5;text-shadow:0 2px 20px rgba(0,0,0,.12)}
html[data-palette="sunset"] .covenant-hero h1>span{color:#d3a34c}
html[data-palette="sunset"] .covenant-hero .hero-description{color:#e0e7eb}
html[data-palette="sunset"] .covenant-hero .hero-note{color:#bccbd4}
html[data-palette="sunset"] .covenant-hero .secondary-link{color:#f6f7f5;border-color:#7c919e}
html[data-palette="sunset"] .covenant-hero .secondary-link:hover{color:#e7c688}
html[data-palette="sunset"] .hero-scene figcaption{color:#e4e9ec;background:rgba(7,23,36,.6);padding:8px 10px;border-radius:3px}
html[data-palette="sunset"] .hero-bottom{border-color:#5b7280;color:#d1dce3}
html[data-palette="sunset"] .hero-bottom a{color:#f6f7f5}
html[data-palette="sunset"] .formats-strip{background:#eaf0f4}
html[data-palette="sunset"] .services{color:#f6f7f5}
html[data-palette="sunset"] .services .eyebrow,
html[data-palette="sunset"] .service-top>p,
html[data-palette="sunset"] .service-descriptions p{color:#c3d2dd}
html[data-palette="sunset"] .technical-art{border-color:#4b697f;background:radial-gradient(ellipse at 50% 70%,#1a405b,transparent 70%)}
html[data-palette="sunset"] .technical-art .mesh-plane{filter:grayscale(.9)}
html[data-palette="sunset"] .art-label,
html[data-palette="sunset"] .art-cross,
html[data-palette="sunset"] .art-index,
html[data-palette="sunset"] .service-number{color:#bed0dd}
html[data-palette="sunset"] .service-descriptions article{border-color:#4b697f}
html[data-palette="sunset"] .light-link{border-color:#8ea7b9}
html[data-palette="sunset"] .light-link:hover{color:#e7c688}
html[data-palette="sunset"] .final-cta{background:#eaf0f4}
html[data-palette="sunset"] .footer{background:#f8fafb}
html[data-palette="sunset"] a:focus-visible,
html[data-palette="sunset"] button:focus-visible,
html[data-palette="sunset"] summary:focus-visible{outline-color:#d3a34c}
@media(max-width:950px){
 html[data-palette="sunset"] .hero-scene::after{background:linear-gradient(90deg,rgba(7,23,36,.98) 0%,rgba(7,23,36,.94) 28%,rgba(7,23,36,.65) 52%,rgba(7,23,36,.15) 100%),linear-gradient(0deg,#0b1d2b,transparent 35%)}
 html[data-palette="sunset"] .header .navigation>a:not(.button){border-color:#314754}
}
@media(max-width:680px){
 html[data-palette="sunset"] .hero-scene{height:390px}
 html[data-palette="sunset"] .hero-scene-photo{width:100%;height:100%;right:0;top:0;object-fit:cover;object-position:74% center;transform:none}
 html[data-palette="sunset"] .hero-scene::after{background:linear-gradient(180deg,#0b1d2b 0%,rgba(11,29,43,.08) 22%,transparent 65%,rgba(11,29,43,.86) 100%)}
 html[data-palette="sunset"] .hero-scene figcaption{left:16px;right:16px;bottom:14px;font-size:9px;max-width:350px}
}
@media(max-width:360px){html[data-palette="sunset"] .hero-scene{height:340px}}

/* Общее изображение, разные цветовые обработки. */
.hero-scene .hero-scene-original{display:none}
.hero-scene .hero-scene-photo{display:block!important;right:0;top:0;width:100%;height:100%;object-fit:cover;object-position:65% 50%}
html[data-palette="olive"] .hero-scene-photo{filter:grayscale(1) sepia(.6) saturate(.65) hue-rotate(12deg) brightness(.85)}
html[data-palette="graphite"] .hero-scene .hero-scene-photo{filter:grayscale(1) brightness(.83) contrast(1.06)}
html[data-palette="olive"] .hero-scene::after{background:linear-gradient(90deg,rgba(36,39,35,.98) 0%,rgba(36,39,35,.94) 23%,rgba(36,39,35,.72) 40%,rgba(36,39,35,.22) 62%,rgba(48,58,49,.12) 100%),linear-gradient(0deg,rgba(26,30,25,.86),transparent 30%)}
html[data-palette="graphite"] .hero-scene::after{background:linear-gradient(90deg,rgba(34,39,45,.98) 0%,rgba(34,39,45,.94) 23%,rgba(34,39,45,.72) 40%,rgba(34,39,45,.22) 62%,rgba(34,39,45,.06) 100%),linear-gradient(0deg,rgba(25,29,34,.86),transparent 30%)}
html[data-palette="olive"] .hero-scene figcaption,html[data-palette="graphite"] .hero-scene figcaption{background:rgba(20,25,25,.65);padding:8px 10px;border-radius:3px;color:#e4e7e0}
@media(max-width:950px){
html[data-palette="olive"] .hero-scene::after{background:linear-gradient(90deg,rgba(36,39,35,.98) 0%,rgba(36,39,35,.94) 28%,rgba(36,39,35,.65) 52%,rgba(36,39,35,.15) 100%),linear-gradient(0deg,#242723,transparent 35%)}
html[data-palette="graphite"] .hero-scene::after{background:linear-gradient(90deg,rgba(34,39,45,.98) 0%,rgba(34,39,45,.94) 28%,rgba(34,39,45,.65) 52%,rgba(34,39,45,.15) 100%),linear-gradient(0deg,#22272d,transparent 35%)}
}
@media(max-width:680px){
.hero-scene{height:390px}.hero-scene .hero-scene-photo{object-position:74% center;transform:none}
html[data-palette="olive"] .hero-scene::after{background:linear-gradient(180deg,#242723 0%,rgba(36,39,35,.08) 22%,transparent 65%,rgba(36,39,35,.86) 100%)}
html[data-palette="graphite"] .hero-scene::after{background:linear-gradient(180deg,#22272d 0%,rgba(34,39,45,.08) 22%,transparent 65%,rgba(34,39,45,.86) 100%)}
}
@media(max-width:360px){.hero-scene{height:340px}}
