/* Новая главная ventys.ru (макет sajt-ventys/maket/glavnaya-v2, утвержден 26.10.2026).
   Все правила внутри .v2 — шапку, подвал и другие страницы не трогают. */
.v2 { --ink: #111; --muted: #6e6e73; --line: #e6e6e6; --alt: #f5f5f4; --wrap: 1280px; --font: "PT Sans", Arial, sans-serif;
      --gap: clamp(20px, 2.4vw, 32px); --sec: clamp(80px, 11vw, 160px);
      background: #fff; color: var(--ink); font: 17px/1.55 var(--font); -webkit-font-smoothing: antialiased; }
.v2 *, .v2 *::before, .v2 *::after { box-sizing: border-box; }
.v2 img { display: block; max-width: 100%; }
.v2 a { color: inherit; text-decoration: none; }
.v2 p { margin: 0; }
/* Новая главная ventys.ru — белый минимализм, крупный чёрный PT Sans, детали как у дорогой вещи */
.v2 .wrap { max-width: var(--wrap); margin: 0 auto; padding: 0 clamp(20px, 4vw, 48px); }
.v2 .muted { color: var(--muted); }


/* Общие */
.v2 .eyebrow { margin: 0 0 18px; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.v2 h1, .v2 h2, .v2 h3 { margin: 0; font-weight: 700; letter-spacing: -.03em; line-height: .98; }
.v2 h1 { font-size: clamp(56px, 9vw, 132px); }
.v2 h2 { font-size: clamp(36px, 5.2vw, 72px); }
.v2 h3 { font-size: clamp(24px, 2.6vw, 34px); line-height: 1.1; }
.v2 .lead { max-width: 30em; margin: 28px 0 0; font-size: clamp(18px, 1.5vw, 21px); color: #333; }
.v2 .btn { display: inline-flex; align-items: center; justify-content: center; height: 54px; padding: 0 30px; border-radius: 999px; font: 700 16px var(--font); border: 0; cursor: pointer; }
.v2 .btn--black { background: #111; color: #fff; } .btn--black:hover { background: #333; }
.v2 .link-arrow { font-weight: 700; border-bottom: 1px solid #111; padding-bottom: 2px; }
.v2 .sec { padding: var(--sec) 0; }
.v2 .sec--alt { background: var(--alt); }
.v2 .sec__head { display: grid; gap: 20px; max-width: 760px; margin-bottom: clamp(40px, 5vw, 72px); }
.v2 .sec__head--row { max-width: none; grid-template-columns: 1fr auto; align-items: end; }

/* Первый экран */
.v2 .hero { padding: clamp(40px, 6vw, 80px) 0 clamp(60px, 8vw, 120px); overflow: clip; }
.v2 .hero__in { display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; gap: var(--gap); min-height: calc(100vh - 140px); }
.v2 .hero__actions { display: flex; align-items: center; gap: 30px; margin-top: 40px; }
.v2 .hero__obj { position: relative; margin: 0; justify-self: center; height: min(72vh, 620px); aspect-ratio: 362 / 644; max-width: 100%; }
.v2 .hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 40px 40px rgba(0, 0, 0, .12)); }
.v2 .hero__dots { position: absolute; inset: -30%; width: 160%; height: 160%; pointer-events: none; }
.v2 .tag { position: absolute; left: 78%; bottom: 10%; white-space: nowrap; display: grid; gap: 2px; padding: 12px 16px; background: #fff; border: 1px solid var(--line); border-radius: 12px; font-size: 13px; }
.v2 .tag b { font-size: 22px; letter-spacing: -.02em; }

/* Детали */
.v2 .details { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap); }
.v2 .d { margin: 0; position: relative; overflow: hidden; border-radius: 4px; background: #2a2a2a; }
.v2 .d img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s cubic-bezier(.2, .7, .2, 1); }
.v2 .d:hover img { transform: scale(1.04); }
.v2 .d--tall { aspect-ratio: 4 / 5; }
.v2 .d--wide { grid-column: 1 / -1; aspect-ratio: 21 / 9; }
.v2 .d figcaption { position: absolute; left: 20px; bottom: 18px; right: 20px; color: #fff; font-size: 15px; display: flex; gap: 14px; align-items: baseline; text-shadow: 0 1px 12px rgba(0, 0, 0, .4); }
.v2 .d figcaption i { font-style: normal; font-size: 12px; letter-spacing: .12em; opacity: .7; }

/* Цены */
.v2 .cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap); }
.v2 .card { display: flex; flex-direction: column; }
.v2 .card__img { aspect-ratio: 1; background: #fff; border-radius: 4px; overflow: hidden; margin-bottom: 20px; }
.v2 .card__img--white { background: #fff; }
.v2 .card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2, .7, .2, 1); }
.v2 .card:hover .card__img img { transform: scale(1.03); }
.v2 .card__name { margin: 0; font-size: 16px; line-height: 1.35; }
.v2 .card__meta { margin: 6px 0 0; font-size: 14px; color: var(--muted); }
.v2 .price { margin: 14px 0 0; font-size: clamp(30px, 2.6vw, 40px); font-weight: 700; letter-spacing: -.03em; line-height: 1; }
.v2 .price span { font-size: .6em; font-weight: 400; }
.v2 .card--more { justify-content: space-between; padding: 28px; background: #fff; border-radius: 4px; aspect-ratio: auto; }
.v2 .card__big { margin: 0; font-size: clamp(28px, 2.4vw, 36px); font-weight: 700; letter-spacing: -.03em; line-height: 1.05; }

/* Производство */
.v2 .prod { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(32px, 6vw, 96px); align-items: center; }
.v2 .nums { list-style: none; margin: 48px 0 0; padding: 0; display: grid; gap: 22px; }
.v2 .nums li { display: grid; grid-template-columns: 150px 1fr; align-items: baseline; gap: 16px; padding-top: 18px; border-top: 1px solid var(--line); }
.v2 .nums b { font-size: 34px; letter-spacing: -.03em; }
.v2 .nums span { color: var(--muted); }
.v2 .prod__media { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap); }
.v2 .pm { margin: 0; border-radius: 4px; overflow: hidden; background: #222; }
.v2 .pm img { width: 100%; height: 100%; object-fit: cover; }
.v2 .pm--a { grid-column: 1 / -1; aspect-ratio: 16 / 9; }
.v2 .pm--b, .v2 .pm--c { aspect-ratio: 1; }
.v2 .pm--todo { display: grid; place-items: center; text-align: center; background: repeating-linear-gradient(45deg, #f2f2f2 0 12px, #fafafa 12px 24px); border: 1px dashed #c9c9c9; color: #555; font-weight: 700; }
.v2 .pm--todo small { font-weight: 400; color: var(--muted); }

/* Как устроено */
.v2 .how { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap); counter-reset: s; }
.v2 .how li { display: grid; gap: 10px; counter-increment: s; }
.v2 .how img { aspect-ratio: 4 / 3; object-fit: cover; border-radius: 4px; margin-bottom: 10px; }
.v2 .how b { font-size: 22px; letter-spacing: -.02em; }
.v2 .how b::before { content: "0" counter(s) "  "; color: var(--muted); font-weight: 400; font-size: 14px; white-space: pre; }
.v2 .how span { color: var(--muted); }

/* Расчёт */
.v2 .cta__in { display: grid; gap: 34px; }
.v2 .cta__form { display: flex; gap: 14px; flex-wrap: wrap; }
.v2 .cta__form input { flex: 1 1 220px; height: 54px; padding: 0 20px; border: 1px solid #d6d6d6; border-radius: 999px; font: 16px var(--font); }
.v2 .cta__form input:focus { outline: none; border-color: #111; }



/* Телефон и планшет */
@media (max-width: 1024px) {
    .v2 .hero__in { grid-template-columns: 1fr; min-height: 0; }
    .v2 .hero__obj { height: min(62vh, 480px); }
    .v2 .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .v2 .prod { grid-template-columns: 1fr; }
    .v2 .how { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    .v2 .details { grid-template-columns: 1fr; }
    .v2 .d--wide { aspect-ratio: 4 / 3; }
    .v2 .cards { gap: 28px 16px; }
    .v2 .sec__head--row { grid-template-columns: 1fr; }
    .v2 .nums li { grid-template-columns: 1fr; gap: 4px; }
    .v2 .tag { left: auto; right: -12%; }
}

/* Преимущества: анимированные иконки в черном минималистичном стиле */
.v2 .bnf-strip { padding: 0 0 clamp(40px, 6vw, 90px); }
.v2 .bnf { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap); }
.v2 .bnf__i { display: grid; align-content: start; gap: 4px; padding-top: 26px; border-top: 1px solid #111; color: var(--ink); }
.v2 .bnf__i .vt-icon { width: 52px; height: 52px; margin-bottom: 18px; color: #111; }
.v2 .bnf__i b { font-size: 20px; letter-spacing: -.02em; line-height: 1.2; }
.v2 .bnf__sub { font-size: 15px; color: var(--muted); }
.v2 .bnf__txt { margin-top: 10px; font-size: 14px; line-height: 1.5; color: var(--muted); max-width: 22em; }
.v2 .bnf__i:hover b { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
@media (max-width: 1024px) { .v2 .bnf { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 36px; } }
@media (max-width: 640px) { .v2 .bnf { grid-template-columns: 1fr; } }

.v2 .vt-icon { fill: currentColor; }
.v2 h1, .v2 h2, .v2 h3 { font-family: var(--font); color: var(--ink); }


/* Видео первого экрана: белый фон ролика сливается со страницей, края кадра растворены */
.v2 .hero__obj { height: min(80vh, 720px); aspect-ratio: 9 / 16; }
.v2 .hero__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #fff; mix-blend-mode: multiply;
    -webkit-mask-image: radial-gradient(ellipse 85% 78% at 50% 52%, #000 42%, rgba(0,0,0,.6) 62%, transparent 100%); mask-image: radial-gradient(ellipse 85% 78% at 50% 52%, #000 42%, rgba(0,0,0,.6) 62%, transparent 100%); }
.v2 .tag { z-index: 2; bottom: 14%; }
@media (max-width: 1024px) { .v2 .hero__obj { height: min(70vh, 560px); } }