/* V4 reference: independently scoped homepage composition. */
.site-header .header-inner{min-height:90px;gap:40px}
.site-header .logo{font-size:38px;letter-spacing:-.075em}
.site-header .desktop-nav{gap:28px}
.site-header .desktop-nav>a,.site-header .nav-services>summary{font-size:15px}
.site-header .nav-contact{background:var(--ink);color:var(--paper);padding:12px 26px;margin-left:24px;border-radius:2px;min-height:50px}
.site-header .language-switch{gap:12px;margin-left:12px}
.hero-v4{grid-template-columns:46% 54%;gap:0;padding-block:60px 50px;align-items:start;isolation:isolate}
.hero-v4 .hero-title{align-self:start;z-index:1}
.hero-v4 .hero-title .eyebrow{font-size:12px;letter-spacing:.25em;margin-bottom:24px;color:#353535}
.hero-v4 h1{font-size:clamp(64px,6.55vw,99px);line-height:1;letter-spacing:-.055em;font-weight:500}
.hero-v4 h1 em{color:var(--brand-accent-text)}
.hero-v4 .hero-art{position:relative;align-self:stretch;overflow:visible;background:none;margin:0;width:118%;margin-left:-10%;z-index:0}
.hero-v4 .hero-art img{position:absolute;inset:-25px 0 auto;width:100%;height:calc(100% + 65px);aspect-ratio:auto;object-fit:contain;object-position:center center}
.hero-v4 .hero-description{padding-top:24px;z-index:1}
.hero-v4 .hero-description p{font-family:Arial,var(--sans);font-size:clamp(18px,1.65vw,25px);line-height:1.3;letter-spacing:-.025em;max-width:42ch}
.hero-v4 .hero-description p>span{display:block}
.hero-v4 .actions{margin-top:36px;gap:32px}
.hero-v4 .button{padding:14px 28px;min-height:56px;border-radius:2px;font-size:17px;gap:16px}
.hero-v4 .text-link{font-size:17px}
.hero-v4 .hero-description .hero-note{font-size:14px;letter-spacing:-.02em;color:var(--muted);margin-top:26px}
.hero-v4-strip{padding-block:30px;border-bottom:0}
.hero-v4-strip a{gap:22px;padding-inline:30px}
.hero-v4-strip a:first-child{padding-left:28px}
.hero-v4-strip span{font-family:var(--sans);font-size:20px;letter-spacing:-.05em;white-space:nowrap}
.hero-v4-strip small{font-size:12px;font-weight:400;margin-right:8px}
.hero-v4-strip .icon{width:34px;height:34px}
.home-work-v4{background:#121414;color:#f7f5f0}
.home-work-v4 .section{border-bottom:0;padding-top:48px}
.home-work-v4 .section-head{align-items:end;margin-bottom:38px}
.home-work-v4 .eyebrow,.home-work-v4 .concept-note,.home-work-v4 .badge,.home-work-v4 .project-info{color:#b9bcb9}
.home-work-v4 .section-head h2{font-size:clamp(34px,3.65vw,58px);letter-spacing:-.055em}
.home-work-v4 .section-head .text-link{font-size:14px}
.home-work-v4 .project-grid{grid-template-columns:1fr 1fr}
.home-work-v4 .project-card:first-child{grid-column:1/-1}
.home-work-v4 .project-card:first-child .project-media{aspect-ratio:2.1}
.reference-page-image{display:block;width:min(100%,1100px);height:auto;margin:0 auto 60px}
@media(min-width:761px) and (max-width:1200px){
  .site-header .header-inner{gap:20px}
  .site-header .desktop-nav{gap:16px}
  .site-header .desktop-nav>a,.site-header .nav-services>summary{font-size:13px}
  .site-header .nav-contact{padding:10px 16px;margin-left:0}
  .site-header .language-switch{gap:2px;margin-left:0}
  .hero-v4 h1{font-size:6.35vw}
  .hero-v4-strip a{gap:12px;padding-inline:16px}
  .hero-v4-strip a:first-child{padding-left:0}
  .hero-v4-strip span{font-size:17px}
}
@media(min-width:761px){
  :lang(ru) .hero-v4 h1{font-size:clamp(48px,4.9vw,75px)}
}
@media(max-width:1020px){
  .site-header .header-inner{min-height:74px;gap:12px}
  .site-header .logo{font-size:30px}
  .site-header .language-switch{margin-left:auto;gap:2px}
  .site-header .menu-toggle{display:block;margin-left:0}
  .site-header .desktop-nav{display:none;position:absolute;top:74px;left:0;right:0;margin:0;padding:16px var(--gutter) 24px;background:var(--paper);border-bottom:1px solid var(--line);gap:0}
  .site-header .desktop-nav.is-open{display:flex;flex-direction:column;align-items:stretch}
  .site-header .desktop-nav>a,.site-header .nav-services>summary{font-size:16px;min-height:48px;border-bottom:1px solid var(--line)}
  .site-header .nav-contact{margin:10px 0 0;padding:12px 18px;justify-content:space-between}
  .site-header .service-menu{position:static;width:100%;box-shadow:none;border:0}
}
@media(max-width:760px){
  .hero-v4{display:flex;padding-top:28px;padding-bottom:26px;gap:0}
  .hero-v4 .hero-title .eyebrow{font-size:10px;letter-spacing:.16em;margin-bottom:14px}
  .hero-v4 h1{font-size:clamp(38px,11.3vw,72px);line-height:1.02;letter-spacing:-.065em}
  :lang(ru) .hero-v4 h1{font-size:clamp(31px,8.6vw,61px)}
  .hero-v4 .hero-art{width:100%;height:auto;aspect-ratio:1.6;margin:14px 0 0;align-self:stretch}
  .hero-v4 .hero-art img{position:static;width:100%;height:100%;object-fit:contain}
  .hero-v4 .hero-description{padding-top:12px}
  .hero-v4 .hero-description p{font-size:16px;line-height:1.45;letter-spacing:-.035em}
  .hero-v4 .actions{display:grid;margin-top:18px;gap:7px}
  .hero-v4 .button{min-height:50px;font-size:15px;padding:12px 20px}
  .hero-v4 .text-link{font-size:14px;min-height:40px}
  .hero-v4 .hero-description .hero-note{margin-top:8px;font-size:12px;text-align:center}
  .hero-v4-strip{padding-block:6px}
  .hero-v4-strip a,.hero-v4-strip a:first-child{padding:12px 8px;gap:12px;min-height:60px}
  .hero-v4-strip span{font-size:15px;letter-spacing:-.05em;white-space:normal}
  .hero-v4-strip small{font-size:10px;margin-right:4px}
  .hero-v4-strip .icon{width:25px;height:25px}
  .home-work-v4 .section{padding-top:32px}
  .home-work-v4 .section-head{align-items:start;gap:12px;margin-bottom:24px}
  .home-work-v4 .section-head h2{font-size:34px}
  .home-work-v4 .project-grid{grid-template-columns:1fr}
  .home-work-v4 .project-card:first-child .project-media{aspect-ratio:1.45}
}