/* Moving Services (хаб) — макета не было, собрано из компонентов
   утверждённых макетов: hero-с-водяным-словом (resources), список услуг
   строками (home), сетка карточек (cost guide), шаги (home). */

.hero{padding:115px 0 95px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.hero:after{
  content:"SERVICES";position:absolute;right:-25px;bottom:-42px;
  font-size:clamp(110px,18vw,290px);font-weight:900;line-height:.74;
  letter-spacing:-.088em;color:#0b0b0b;z-index:0;pointer-events:none;
}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}
.hero p{font-size:19px;color:#aaa;max-width:680px}
.hero-side{border-left:1px solid var(--line);padding-left:42px;color:#929089}
.hero-side strong{display:block;color:var(--gold);font-size:13px;letter-spacing:.1em;margin-bottom:15px}

.intro{padding:110px 0}
.intro-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:75px}
.intro h2{font-size:clamp(32px,4.3vw,62px);line-height:1;letter-spacing:-.045em;margin:12px 0}
.intro-copy p{font-size:17px;color:#aaa;margin-top:0}

/* Список услуг — крупные строки как на главной */
.services{padding:110px 0;background:var(--panel);border-block:1px solid var(--line)}
.service-list{border-top:1px solid var(--line2)}
.service{
  display:grid;grid-template-columns:90px 1fr 1.15fr 60px;gap:25px;align-items:center;
  padding:30px 0;border-bottom:1px solid var(--line2);min-height:150px;
}
.service .num{color:var(--gold);font-size:13px}
.service h3{font-size:29px;margin:0}
.service p{color:#96938c;margin:0}
.service .arrow{font-size:28px;color:var(--gold);justify-self:end;padding-right:6px}

/* Фотополоса */
.photo-band{height:520px;display:grid;grid-template-columns:1fr 1.3fr;gap:4px;background:#000}
.photo-band .bam-ph{height:100%}

/* Почему мы — карточки */
.why{padding:110px 0}
.why-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}
.why-head p{max-width:560px;color:#999;margin:0}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.why-item{padding:30px 26px 34px 0;border-right:1px solid var(--line);min-height:225px}
.why-item:not(:first-child){padding-left:26px}
.why-item:last-child{border-right:0}
.why-item small{color:var(--gold);font-size:11px;letter-spacing:.12em}
.why-item h3{font-size:21px;margin:52px 0 10px}
.why-item p{color:#85827b;font-size:14px;margin:0}

/* Процесс */
.process{padding:115px 0;background:var(--panel);border-block:1px solid var(--line)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:45px}
.step{padding:35px 28px 30px 0;border-right:1px solid var(--line);min-height:285px}
.step:not(:first-child){padding-left:28px}
.step:last-child{border-right:0}
.step b{color:var(--gold);font-size:13px}
.step h3{font-size:25px;margin:80px 0 12px}
.step p{color:#999;margin:0}

@media(max-width:1000px){
  .hero-grid,.intro-grid{grid-template-columns:1fr}
  .hero-side{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:30px}
  .service{grid-template-columns:55px 1fr}
  .service p{grid-column:2}
  .service .arrow{display:none}
  .why-grid,.steps{grid-template-columns:1fr 1fr}
  .why-item:nth-child(2n){border-right:0}
  .why-item:nth-child(2n+1){padding-left:0}
  .photo-band{height:600px;grid-template-columns:1fr}
  .photo-band .bam-ph{height:298px}
}
@media(max-width:650px){
  .hero{padding:78px 0 62px}
  .display{font-size:48px}
  .intro,.services,.why,.process{padding:75px 0}
  .why-head{display:block}
  .why-head p{margin-top:18px}
  .why-grid,.steps{grid-template-columns:1fr}
  .why-item,.why-item:not(:first-child){padding:26px 0;border-right:0;border-bottom:1px solid var(--line);min-height:0}
  .why-item h3{margin-top:26px}
  .step,.step:not(:first-child){padding:28px 0;border-right:0;border-bottom:1px solid var(--line);min-height:auto}
  .step h3{margin-top:32px}
  .photo-band{display:block;height:auto}
  .photo-band .bam-ph{height:280px;margin-bottom:4px}
}