/* ОКнаюгстрой v2.8.1 — Editorial full-width hero (approved concept C, grid alignment fix)
   Header remains a separate navigation surface. Hero is one full-width photo with one dominant H1.
   No form lives in the hero: conversion actions open the shared service modal. */
.editorial-hero{
  position:relative;
  min-height:610px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#07131b;
  color:#fff;
  isolation:isolate;
  scroll-margin-top:78px;
}
.editorial-hero__media,
.editorial-hero__shade{position:absolute;inset:0}
.editorial-hero__media{z-index:-2;background:#07131b}
.editorial-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.004)}
.editorial-hero__shade{
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(4,12,18,.9) 0%,rgba(4,12,18,.74) 37%,rgba(4,12,18,.34) 66%,rgba(4,12,18,.10) 100%),
    linear-gradient(0deg,rgba(4,12,18,.32) 0%,transparent 42%);
}
/* Horizontal sizing belongs to the shared .container. Hero owns only vertical rhythm. */
.editorial-hero__inner{padding-top:78px;padding-bottom:82px}
.editorial-hero__copy{max-width:760px}
.editorial-hero__eyebrow{
  display:flex;
  align-items:center;
  gap:12px;
  width:fit-content;
  max-width:100%;
  margin:0 0 22px;
  color:rgba(255,255,255,.76);
  font-size:11px;
  line-height:1.4;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.editorial-hero__eyebrow::before{content:"";width:30px;height:2px;flex:0 0 30px;border-radius:999px;background:var(--orange)}
.editorial-hero h1{
  max-width:760px;
  margin:0;
  color:#fff;
  font-size:clamp(48px,5.5vw,76px);
  line-height:.96;
  letter-spacing:-.06em;
  text-wrap:balance;
}
.editorial-hero__lead{
  max-width:690px;
  margin:24px 0 0;
  color:rgba(240,247,252,.86);
  font-size:18px;
  line-height:1.58;
}
.editorial-hero__offerline{display:flex;flex-wrap:wrap;gap:9px 18px;list-style:none;margin:22px 0 0;padding:0;color:rgba(255,255,255,.9);font-size:13px;font-weight:750;line-height:1.4}
.editorial-hero__offerline li{position:relative;padding-left:18px}
.editorial-hero__offerline li::before{content:"";position:absolute;left:0;top:.48em;width:8px;height:5px;border-left:2px solid var(--orange);border-bottom:2px solid var(--orange);transform:rotate(-45deg)}
.editorial-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}
.editorial-hero__actions .btn{min-height:54px;padding:0 25px;border-radius:14px;font-weight:900}
.editorial-hero__primary{box-shadow:0 14px 36px rgba(244,122,36,.22)}
.editorial-hero__secondary{
  border:1px solid rgba(255,255,255,.46);
  background:rgba(255,255,255,.08);
  color:#fff;
  backdrop-filter:blur(10px);
}
.editorial-hero__secondary:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.68)}
.editorial-hero__microcopy{margin:14px 0 0;color:rgba(255,255,255,.57);font-size:11px;line-height:1.45}
.editorial-hero--main .editorial-hero__media img{object-position:center 52%}
.editorial-hero--pvh .editorial-hero__media img{object-position:center 54%}
.editorial-hero--aluminum .editorial-hero__media img{object-position:center 48%}
.editorial-hero--houses .editorial-hero__media img{object-position:center 50%}
.editorial-hero--balcony .editorial-hero__media img{object-position:center 44%}
@media(max-width:980px){
  .editorial-hero{min-height:560px}
  .editorial-hero__shade{background:linear-gradient(90deg,rgba(4,12,18,.9) 0%,rgba(4,12,18,.65) 58%,rgba(4,12,18,.25) 100%),linear-gradient(0deg,rgba(4,12,18,.35),transparent 45%)}
  .editorial-hero__copy{max-width:670px}
  .editorial-hero h1{font-size:clamp(46px,7vw,66px)}
}
@media(max-width:820px){
  .editorial-hero{min-height:560px;align-items:flex-end}
  .editorial-hero__media img{object-position:62% center}
  .editorial-hero__shade{background:linear-gradient(180deg,rgba(4,12,18,.28) 0%,rgba(4,12,18,.52) 46%,rgba(4,12,18,.94) 100%)}
  .editorial-hero__inner{padding-top:180px;padding-bottom:44px}
  .editorial-hero__eyebrow{margin-bottom:17px;font-size:9.5px;letter-spacing:.09em}
  .editorial-hero__eyebrow::before{width:22px;flex-basis:22px}
  .editorial-hero h1{font-size:clamp(38px,10.8vw,52px);line-height:.98}
  .editorial-hero__lead{margin-top:18px;font-size:16px;line-height:1.52}
  .editorial-hero__offerline{gap:8px 14px;margin-top:18px;font-size:12px}
  .editorial-hero__actions{margin-top:24px}
  .editorial-hero__actions .btn{min-height:51px;padding:0 19px}
}
@media(max-width:520px){
  .editorial-hero{min-height:590px}
  .editorial-hero__inner{padding-top:clamp(150px,48vw,190px);padding-bottom:32px}
  .editorial-hero__offerline{display:grid;gap:7px;margin-top:16px}
  .editorial-hero__actions{display:grid;grid-template-columns:1fr}
  .editorial-hero__actions .btn{width:100%}
  .editorial-hero__microcopy{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.editorial-hero__media img{transform:none}}