:root{--ink:#20211f;--paper:#e9e8e2;--muted:#6f706b;--footer:#151515;--edge:clamp(24px,5.25vw,84px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}a{color:inherit}.wrap{width:100%;padding-left:var(--edge);padding-right:var(--edge)}.main{min-height:790px;min-height:max(790px,100svh);display:flex;flex-direction:column;background:var(--paper) url('background.svg') center center/cover no-repeat}.header{height:112px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:21px;font-weight:700;letter-spacing:-.055em;text-decoration:none}.brand-dot,.period{color:#9a9d91}.header-note{font-size:11px;letter-spacing:.045em;color:#666963;display:flex;align-items:center;gap:14px}.status-line{display:inline-block;width:28px;height:1px;background:#878983}.hero{width:100%;max-width:1600px;margin:auto; padding-top:42px;padding-bottom:65px}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:600;display:flex;align-items:center;gap:16px;margin:0 0 39px;color:#666962}.eyebrow-rule{width:36px;height:1px;background:#777a72;display:inline-block}.hero h1{font-size:clamp(86px,10.4vw,166px);line-height:.84;letter-spacing:-.087em;font-weight:600;margin:0 0 34px}.role{font-size:clamp(17px,2vw,23px);line-height:1.35;letter-spacing:-.025em;margin:0;font-weight:400}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-top:88px}.tagline{font-size:clamp(34px,4.7vw,70px);letter-spacing:-.066em;line-height:1.04;font-weight:500;margin:0}.description{max-width:350px;margin:0 0 4px;font-size:15px;line-height:1.65;color:#565951}.footer{background:var(--footer);color:#f4f3ef}.footer-inner{padding-top:42px;padding-bottom:22px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center}.footer-kicker{font-size:11px;letter-spacing:.17em;color:#abaeaa}.footer-toplink{text-decoration:none;font-size:12px;color:#c7cac4}.footer-toplink span{margin-left:9px}.footer-content{display:flex;justify-content:space-between;gap:50px;align-items:end;padding:78px 0 104px}.footer h2{font-size:clamp(48px,6.2vw,94px);line-height:.98;letter-spacing:-.068em;font-weight:500;margin:0}.footer-period{color:#999c96}.contact-details{display:flex;flex-direction:column;gap:12px;min-width:280px;padding-bottom:8px}.contact-details a{font-size:21px;letter-spacing:-.025em;text-decoration:none;border-bottom:1px solid #656763;padding-bottom:7px;width:max-content;max-width:100%}.contact-details a:hover{text-decoration:underline}.contact-note{max-width:290px;color:#999c96;font-size:11px;line-height:1.45;margin:5px 0 0}.footer-bottom{border-top:1px solid #454745;padding-top:20px;font-size:11px;color:#9c9f9b}
@media(max-width:720px){.main{min-height:730px;min-height:100svh;background-position:58% center}.header{height:86px;align-items:flex-start;padding-top:30px}.brand{font-size:20px}.header-note{font-size:9px;max-width:117px;text-align:right;line-height:1.4;display:block}.status-line{display:none}.hero{padding-top:64px;padding-bottom:60px;margin:auto}.eyebrow{font-size:9px;letter-spacing:.09em;gap:10px;margin-bottom:39px}.eyebrow-rule{width:20px}.hero h1{font-size:clamp(73px,17vw,116px);letter-spacing:-.087em;margin-bottom:30px}.role{font-size:17px;line-height:1.5}.desktop-break{display:none}.hero-bottom{display:block;margin-top:77px}.tagline{font-size:clamp(39px,9vw,59px);line-height:1.04}.description{font-size:14px;max-width:355px;margin-top:33px;line-height:1.65}.footer-inner{padding-top:30px}.footer-content{display:block;padding:69px 0 75px}.footer h2{font-size:clamp(53px,12vw,80px)}.contact-details{margin-top:53px;min-width:0}.contact-details a{font-size:20px}.footer-bottom{font-size:10px;gap:20px}.footer-bottom span:last-child{text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Обновления утверждённого макета */
.hero {padding-top:78px;}
.footer-kicker {letter-spacing:.065em; text-transform:none;}
.footer-bottom {justify-content:flex-start;}
@media(max-width:720px){.hero{padding-top:68px}.hero h1{font-size:clamp(68px,17vw,116px)}.contact-details a{font-size:clamp(17px,4.8vw,20px)}}


/* 11.2026 — корректировка читаемости и единый вид серых точек */
.brand {letter-spacing:0;}
.hero h1 {letter-spacing:-.025em;line-height:.98;}
.role {letter-spacing:0;}
.tagline {letter-spacing:-.025em;line-height:1.12;}
.footer h2 {letter-spacing:-.025em;line-height:1.08;}
.contact-details a {letter-spacing:0;}
/* Серые квадратные точки рисуются CSS независимо от шрифта и устройства. */
.brand-dot,.period,.footer-period {
  display:inline-block;
  width:.115em;
  height:.115em;
  background:#9a9d91;
  border-radius:0;
  vertical-align:baseline;
  position:relative;
  bottom:.015em;
  margin-left:.035em;
  color:transparent;
  font-size:inherit;
  line-height:1;
}
.footer-period {background:#999c96;}
.brand-dot {margin-left:.08em;bottom:.005em;}
@media (max-width:720px) {
  .hero h1 {letter-spacing:-.025em;line-height:1;}
  .tagline {letter-spacing:-.02em;}
  .footer h2 {letter-spacing:-.02em;}
}

/* Разделительная линия между ролью и слоганом */
.hero-divider { width:108px; height:1px; background:#a4a59f; margin-top:43px; }
.hero-bottom { margin-top:44px; }
@media(max-width:720px) {
  .hero-divider { width:88px; margin-top:39px; }
  .hero-bottom { margin-top:39px; }
}

/* Квадратная точка после слогана */
.tagline-period {display:inline-block;width:.115em;height:.115em;background:#9a9d91;border-radius:0;vertical-align:baseline;position:relative;bottom:.015em;margin-left:.035em;}