.qn-hero{background-color:var(--qn-ink);background-image:var(--qn-caps-dark);color:#fff}
.qn-hero__in{display:grid;gap:1.6rem;padding-top:2.8rem;padding-bottom:3.6rem}
.qn-hero__box{display:flex;flex-direction:column;gap:0.6rem;min-width:0}
.qn-hero h1{color:#fff;margin:2px 0 1rem}
.qn-hero .banner__text p{font-size:1.8rem;line-height:1.55;color:#d9dadd;max-width:46ch}
.banner__buttons{display:flex;flex-wrap:wrap;gap:1.2rem;margin:1.8rem 0 0}
.qn-hero .button--secondary{color:#fff;box-shadow:inset 0 0 0 2px #fff}
.qn-hero__nums{display:flex;flex-wrap:wrap;gap:1.2rem 2.8rem;margin:2rem 0 0;padding:1.4rem 0 0;list-style:none;border-top:1px solid #2f3137}
.qn-hero__nums li{display:flex;flex-direction:column}
.qn-hero__nums b{font-family:var(--font-heading-family);font-size:clamp(3.2rem,3vw,4.4rem);line-height:.9;color:var(--qn-orange);font-weight:600}
.qn-hero__nums span{font-size:1.3rem;color:#c7c9ce}
/* сцена героя без обреза: рамка берёт пропорцию самого кадра (<picture>: широкая вырезка до 990 px, квадрат шире) */
.qn-hero__fig{position:relative;margin:0;border-radius:0.6rem;overflow:hidden;background:var(--qn-coal)}
.qn-hero__fig img{width:100%;height:auto;display:block}
@media screen and (max-width:46.873em){.qn-hero__art{order:-1}.qn-hero__in{padding-top:1.6rem}}
@media screen and (min-width:46.875em) and (max-width:61.873em){.qn-hero__in{grid-template-columns:minmax(0,1fr) minmax(0,30rem);gap:3.2rem;align-items:start;padding-top:2rem;padding-bottom:2rem}.qn-hero h1{font-size:4rem}}
@media screen and (min-width:61.875em){.qn-hero__in{grid-template-columns:minmax(0,1fr) minmax(0,38rem);gap:4.8rem;align-items:start;padding-top:2.8rem;padding-bottom:2.8rem}}
@media screen and (min-width:73.75em){.qn-hero__in{grid-template-columns:minmax(0,1fr) minmax(0,40rem)}}
@media screen and (min-width:61.875em){.qn-hero h1{font-size:clamp(4.4rem,4.4vw,6.2rem)}}
/* «сапоги или манжеты» (beautyrest «Innerspring vs. Hybrid») */
.qn-split{display:grid;gap:0.8rem}
.qn-split h2{margin:0 0 0.6rem}
.qn-split .qn-lead{max-width:none}
ul.qn-split__two{display:grid;gap:2.2rem;margin:1rem 0 0;padding:0;list-style:none}
@media screen and (min-width:46.875em){ul.qn-split__two{grid-template-columns:repeat(2,minmax(0,1fr))}}
.qn-split__two li{display:flex;flex-direction:column;gap:0.8rem}
/* две сцены одной высоты без обреза: ширина ячейки — по пропорции кадра (--ar) */
@media screen and (min-width:46.875em){ul.qn-split__two{display:flex;max-width:min(70vw,100rem)}.qn-split__two li{flex:var(--ar) 1 0;min-width:0}}
.qn-split__fig{margin:0 0 0.8rem;border-radius:0.6rem;overflow:hidden;aspect-ratio:var(--ar);background:var(--qn-sand)}
@media screen and (max-width:46.873em){.qn-split__fig{max-width:70rem}}
.qn-split__fig img{width:100%;height:100%;object-fit:cover;display:block}
.qn-split__two h3{font-family:var(--font-heading-family);font-size:3.2rem;font-weight:600;line-height:1}
.qn-split__two h3 a{text-decoration:none}
.qn-split__two p{margin:0;color:var(--qn-ink2)}
/* о марке и паспорт */
.qn-brandband{display:grid;gap:3.2rem}
@media screen and (min-width:61.875em){.qn-brandband{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:5.6rem;align-items:start}}
.qn-brandband__text h2{margin:0 0 1.6rem}
.qn-brandband__text p{font-size:1.7rem;line-height:1.65}
[data-home-qa]{margin-top:3.2rem}
@media screen and (min-width:46.875em){[data-home-qa]{grid-template-columns:repeat(2,minmax(0,1fr))}}