/* Правки 02.10.2026: новые блоки главной */
.x-grid{display:grid;gap:1.25rem}
.x-grid-2,.x-grid-3,.x-grid-4{grid-template-columns:1fr}
@media (min-width:640px){.x-grid-3,.x-grid-4{grid-template-columns:repeat(2,1fr)}.x-grid-2{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.x-grid-3{grid-template-columns:repeat(3,1fr)}.x-grid-4{grid-template-columns:repeat(4,1fr)}.x-grid{gap:1.5rem}}

.x-card{display:flex;flex-direction:column;border:1px solid hsl(var(--border)/.16);border-radius:var(--radius);background:hsl(var(--card));box-shadow:var(--shadow-sm);padding:1.75rem;overflow:hidden}
.x-card-link{transition:transform .3s}
.x-card-link:hover{transform:translateY(-4px)}

.x-case{padding:0}
.x-case-img img{display:block;width:100%;height:11rem;object-fit:cover}
.x-case-body{display:flex;flex:1;flex-direction:column;padding:1.5rem}
.x-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}

.x-lab{padding:0}
.x-lab-img img{display:block;width:100%;height:15rem;object-fit:cover}
.x-lab-body{padding:1.75rem}

.x-logo{display:flex;align-items:center;justify-content:center;border:1px solid hsl(var(--border)/.16);border-radius:var(--radius);background:hsl(var(--card));box-shadow:var(--shadow-sm);padding:1.25rem}
.x-logo img{display:block;height:6rem;width:100%;object-fit:contain}

.x-carousel{position:relative}
.x-track{display:flex;gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:.25rem}
.x-track::-webkit-scrollbar{display:none}
.x-slide{flex:0 0 85%;scroll-snap-align:start;display:flex}
.x-slide .x-card{width:100%}
@media (min-width:640px){.x-slide{flex-basis:calc(50% - .625rem)}}
@media (min-width:1024px){.x-slide{flex-basis:calc(33.333% - .85rem)}}
.x-ctrl{display:flex;gap:.75rem;margin-top:1.5rem}
.x-arrow{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:9999px;border:1px solid hsl(var(--foreground)/.25);color:hsl(var(--foreground));background:transparent;cursor:pointer;transition:all .2s}
.x-arrow:hover{background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}

/* Hero: заголовок стал фразой, а не одним словом */
h1.hero-h{font-size:clamp(2.25rem,5vw,4.25rem);line-height:1.08;max-width:24ch}

/* Мобильная версия */
@media (max-width:767px){
  video.h-\[620px\]{height:800px}
  h1.hero-h{font-size:clamp(1.9rem,9vw,2.6rem);max-width:none}
  .hero-sub{font-size:1rem}
  .x-grid-4{grid-template-columns:repeat(2,1fr);gap:.75rem}
  .x-logo{padding:.5rem}
  .x-logo img{height:4.5rem}
  #contact img.object-cover{min-height:520px}
  .x-metrics .num{font-size:1.05rem}
  .x-metrics{gap:.5rem}
}

/* Планшет: 3 коротких карточки в ряд, кейсы — по одной в строке */
@media (min-width:640px) and (max-width:1023px){
  .x-t3{grid-template-columns:repeat(3,1fr)}
  .x-t1{grid-template-columns:1fr}
  .x-t1 .x-case{flex-direction:row}
  .x-t1 .x-case-img{flex:0 0 40%}
  .x-t1 .x-case-img img{height:100%}
}

/* ===== Правки 06.10 ===== */
/* отступы между блоками главной — вдвое меньше */
.x-home .band{padding-top:2.5rem;padding-bottom:2.5rem}
@media (min-width:768px){.x-home .band{padding-top:3.5rem;padding-bottom:3.5rem}}
@media (min-width:1024px){.x-home .band{padding-top:4rem;padding-bottom:4rem}}
.x-home .band.pb-10{padding-bottom:2.5rem}

/* шапка: 7 пунктов + «Под управлением» */
header nav.lg\:flex{gap:1.1rem}
@media (min-width:1280px){header nav.lg\:flex{gap:1.5rem}}
.x-rn{display:none}
@media (min-width:1200px){.x-rn{display:flex;flex-direction:column;gap:.35rem;margin-left:.25rem;padding-left:1rem;border-left:1px solid hsl(var(--border)/.2)}}
.x-rn-t{font-size:.65rem;line-height:1;color:hsl(var(--muted-foreground))}
.x-rn img{display:block;height:1.1rem;width:auto}
.x-rn-m{display:flex;flex-direction:column;gap:.4rem;margin-top:.75rem;padding:1rem .75rem .5rem;border-top:1px solid hsl(var(--border)/.14)}
.x-rn-m img{display:block;height:1.4rem;width:auto}

/* отрасли: уже, через одну чёрные */
.x-slide{flex-basis:72%}
@media (min-width:640px){.x-slide{flex-basis:calc(33.333% - .85rem)}}
@media (min-width:1024px){.x-slide{flex-basis:calc(25% - .95rem)}}
#industries .x-slide:nth-child(even) .x-card{background:hsl(194 55% 7%);border-color:transparent}
#industries .x-slide:nth-child(even) .x-card h3{color:#fff}
#industries .x-slide:nth-child(even) .x-card p:not(.num){color:rgba(255,255,255,.82)}

/* материалы: фото на фоне блока */
.x-photo{background:linear-gradient(rgba(6,18,22,.5),rgba(6,18,22,.72)),url(materials-bg.jpg) center/cover no-repeat}
.x-photo .shell>.grid h2,.x-photo .shell>.grid p{color:#fff}
.x-photo .shell>.grid p.text-lg{color:rgba(255,255,255,.88)}

/* лаборатории: заголовок слева, узкие карточки справа друг над другом */
.x-labs{display:grid;gap:2rem}
@media (min-width:1024px){.x-labs{grid-template-columns:5fr 7fr;gap:3rem;align-items:center}}
.x-labs-r{display:flex;flex-direction:column;gap:1.25rem}
.x-lab{flex-direction:column}
.x-lab-img{overflow:hidden}
.x-lab-img img{object-fit:cover;height:12rem}
.x-lab-body{display:flex;flex-direction:column;justify-content:center;padding:1.5rem}
@media (min-width:640px){
  .x-lab{flex-direction:row;align-items:stretch}
  .x-lab-img{flex:0 0 38%}
  .x-lab-img img{height:100%;min-height:11rem}
}
.x-lab-img-0 img{object-position:50% 100%;transform:scale(1.7);transform-origin:50% 100%}
.x-lab-img-1 img{object-position:50% 100%;transform:scale(2);transform-origin:50% 100%}

/* контакты в футере */
.x-contact{display:inline-block;font-size:1.1rem;line-height:1.4;white-space:nowrap}
@media (min-width:640px){footer .grid.sm\:grid-cols-3{grid-template-columns:auto auto auto;column-gap:2.5rem}}

/* шапка: без переносов */
header nav.lg\:flex a,header .sm\:inline-flex{white-space:nowrap}
header .shell{gap:1rem}
header nav.lg\:flex a{font-size:.8125rem}

.x-rn-t{white-space:nowrap}
.x-rn img{height:1.5rem}

.x-track.x-anim{scroll-snap-type:none}

/* шапка: логотип не сжимается, больше места */
header .shell>a{flex-shrink:0}
header .shell>a img{flex-shrink:0;width:auto;max-width:none;height:2.4rem}
@media (min-width:1280px){header .shell{max-width:1360px}}
@media (min-width:1200px) and (max-width:1279px){.x-rn{display:none}}
@media (min-width:1280px){.x-rn{display:flex}}
/* 1024–1179: пунктов слишком много — показываем бургер */
@media (min-width:1024px) and (max-width:1179px){
  header nav.lg\:flex{display:none}
  header #mobile-menu-toggle{display:inline-flex!important}
}

/* ===== Новый логотип + Роснано рядом с ним (шапка при бургере) ===== */
footer img[src*="logo-white"]{height:3rem;width:auto}
.x-rn-side{display:none}
@media (max-width:1179px){
  .x-rn-side{display:flex;flex-direction:column;gap:.3rem;margin-right:auto;margin-left:.25rem;padding-left:.75rem;border-left:1px solid hsl(var(--border)/.2);min-width:0}
  .x-rn-side img{height:1.05rem}
}
@media (max-width:767px){
  header .shell>a img{height:2rem}
  .x-rn-side{padding-left:.6rem;margin-left:0}
  .x-rn-side .x-rn-t{font-size:.55rem}
  .x-rn-side img{height:.9rem}
}
@media (max-width:359px){.x-rn-side .x-rn-t{display:none}}

/* Свойства: карусель по 3 карточки */
.x-c3 .x-slide{flex-basis:82%}
@media (min-width:640px){.x-c3 .x-slide{flex-basis:calc(50% - .625rem)}}
@media (min-width:1024px){.x-c3 .x-slide{flex-basis:calc(33.333% - .85rem)}}

/* якоря: запас под липкую шапку (точное значение ставит script.js) */
html{scroll-padding-top:5.25rem}