/* =========================================================
   BAYERN — Quality First
   Палитра и типографика по Brand Book 2026
   ========================================================= */

:root {
  --paper: #F3F2F0;
  --white: #FFFFFF;
  --line: #E2E0DD;
  --concrete: #CACACA;
  --sand: #D8C9B6;
  --steel: #90B2C2;
  --deep: #4E6B78;
  --ink: #26373F;          /* затемнённый Bayern Deep для крупных заголовков */
  --copper: #C98A5E;
  --copper-hover: #B97A4F;
  --copper-text: #9A5B32;  /* медь для мелкого текста на светлом (контраст AA) */
  --ok: #4F8F63;           /* приглушённый зелёный: только галочка «заявка отправлена» */

  --f-display: 'IBM Plex Sans Condensed', 'Noto Sans Armenian', 'Arial Narrow', sans-serif;
  --f-body: 'IBM Plex Sans', 'Noto Sans Armenian', system-ui, sans-serif;
  --f-mono: 'IBM Plex Mono', 'Noto Sans Armenian', ui-monospace, monospace;

  --maxw: 1440px;
  --pad: clamp(16px, 4vw, 56px);
  --nav-h: 76px;
  --ease: cubic-bezier(.2, .7, .1, 1);

  /* мягкие тени: светлые — на светлом фоне, тёмные — на тёмном */
  --shadow-light: drop-shadow(0 16px 22px rgba(38,55,63,.11)) drop-shadow(0 3px 5px rgba(38,55,63,.06));
  --shadow-dark: drop-shadow(0 22px 30px rgba(10,18,22,.34)) drop-shadow(0 4px 8px rgba(10,18,22,.18));
  --box-shadow-light: 0 18px 36px -18px rgba(38,55,63,.22), 0 2px 6px rgba(38,55,63,.05);
}

*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; padding: 0; }

html {
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--nav-h) + 8px);
  -webkit-text-size-adjust: 100%;
}

body {
  background: var(--paper);
  color: var(--deep);
  font: 400 16px/1.6 var(--f-body);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
ul { list-style: none; }
[hidden] { display: none !important; }

svg { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: square; stroke-linejoin: miter; }

:focus-visible { outline: 2px solid var(--copper); outline-offset: 3px; }

.container {
  width: 100%;
  max-width: var(--maxw);
  margin-inline: auto;
  padding-inline: var(--pad);
}

.mono {
  font-family: var(--f-mono);
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* ---------- Typography ---------- */

.label {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  font: 500 12px/1.4 var(--f-mono);
  letter-spacing: .14em;
  text-transform: uppercase;
}
.label::before {
  content: "";
  width: 16px;
  height: 16px;
  flex: none;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='120 30 140 140' width='140' height='140'%3E %3Cdefs%3E %3Cmask id='cut' maskUnits='userSpaceOnUse' x='120' y='30' width='140' height='140'%3E %3Crect x='120' y='30' width='140' height='140' fill='%23fff'/%3E %3Cpath fill='%23000' d='M238.41 139.88C235.477 139.88 232.947 138.89 230.82 136.91C228.767 134.857 227.74 132.253 227.74 129.1C227.74 125.947 228.767 123.417 230.82 121.51C232.947 119.53 235.477 118.54 238.41 118.54C241.417 118.54 243.947 119.53 246 121.51C248.053 123.417 249.08 125.947 249.08 129.1C249.08 132.253 248.053 134.857 246 136.91C243.947 138.89 241.417 139.88 238.41 139.88Z'/%3E %3Cpath fill='%23000' fill-rule='evenodd' d='M152.13 140V63H189.75C199.43 63 206.69 64.8333 211.53 68.5C216.443 72.1667 218.9 77.0067 218.9 83.02C218.9 87.0533 217.91 90.5733 215.93 93.58C213.95 96.5133 211.237 98.7867 207.79 100.4C204.343 102.013 200.383 102.82 195.91 102.82L198 98.31C202.84 98.31 207.13 99.1167 210.87 100.73C214.61 102.27 217.507 104.58 219.56 107.66C221.687 110.74 222.75 114.517 222.75 118.99C222.75 125.59 220.147 130.76 214.94 134.5C209.733 138.167 202.07 140 191.95 140H152.13ZM169.84 126.58H190.63C195.25 126.58 198.733 125.847 201.08 124.38C203.5 122.84 204.71 120.42 204.71 117.12C204.71 113.893 203.5 111.51 201.08 109.97C198.733 108.357 195.25 107.55 190.63 107.55H168.52V94.57H187.55C191.877 94.57 195.177 93.8367 197.45 92.37C199.797 90.83 200.97 88.52 200.97 85.44C200.97 82.4333 199.797 80.1967 197.45 78.73C195.177 77.19 191.877 76.42 187.55 76.42H169.84V126.58Z'/%3E %3Cg stroke='%23000' stroke-width='2'%3E %3Cline x1='152.634' y1='63.341' x2='131.893' y2='41.0936'/%3E %3Cline x1='152.5' y1='170' x2='152.5' y2='151'/%3E %3Cline x1='260' y1='62.5' x2='236' y2='62.5'/%3E %3C/g%3E %3C/mask%3E %3C/defs%3E %3Cpath d='M120 30H228L260 62V170H152L120 138V30Z' fill='%23000' mask='url(%23cut)'/%3E %3C/svg%3E ") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='120 30 140 140' width='140' height='140'%3E %3Cdefs%3E %3Cmask id='cut' maskUnits='userSpaceOnUse' x='120' y='30' width='140' height='140'%3E %3Crect x='120' y='30' width='140' height='140' fill='%23fff'/%3E %3Cpath fill='%23000' d='M238.41 139.88C235.477 139.88 232.947 138.89 230.82 136.91C228.767 134.857 227.74 132.253 227.74 129.1C227.74 125.947 228.767 123.417 230.82 121.51C232.947 119.53 235.477 118.54 238.41 118.54C241.417 118.54 243.947 119.53 246 121.51C248.053 123.417 249.08 125.947 249.08 129.1C249.08 132.253 248.053 134.857 246 136.91C243.947 138.89 241.417 139.88 238.41 139.88Z'/%3E %3Cpath fill='%23000' fill-rule='evenodd' d='M152.13 140V63H189.75C199.43 63 206.69 64.8333 211.53 68.5C216.443 72.1667 218.9 77.0067 218.9 83.02C218.9 87.0533 217.91 90.5733 215.93 93.58C213.95 96.5133 211.237 98.7867 207.79 100.4C204.343 102.013 200.383 102.82 195.91 102.82L198 98.31C202.84 98.31 207.13 99.1167 210.87 100.73C214.61 102.27 217.507 104.58 219.56 107.66C221.687 110.74 222.75 114.517 222.75 118.99C222.75 125.59 220.147 130.76 214.94 134.5C209.733 138.167 202.07 140 191.95 140H152.13ZM169.84 126.58H190.63C195.25 126.58 198.733 125.847 201.08 124.38C203.5 122.84 204.71 120.42 204.71 117.12C204.71 113.893 203.5 111.51 201.08 109.97C198.733 108.357 195.25 107.55 190.63 107.55H168.52V94.57H187.55C191.877 94.57 195.177 93.8367 197.45 92.37C199.797 90.83 200.97 88.52 200.97 85.44C200.97 82.4333 199.797 80.1967 197.45 78.73C195.177 77.19 191.877 76.42 187.55 76.42H169.84V126.58Z'/%3E %3Cg stroke='%23000' stroke-width='2'%3E %3Cline x1='152.634' y1='63.341' x2='131.893' y2='41.0936'/%3E %3Cline x1='152.5' y1='170' x2='152.5' y2='151'/%3E %3Cline x1='260' y1='62.5' x2='236' y2='62.5'/%3E %3C/g%3E %3C/mask%3E %3C/defs%3E %3Cpath d='M120 30H228L260 62V170H152L120 138V30Z' fill='%23000' mask='url(%23cut)'/%3E %3C/svg%3E ") center / contain no-repeat;
}

.h2 {
  font: 700 clamp(40px, 6vw, 96px)/.92 var(--f-display);
  text-transform: uppercase;
  letter-spacing: -.005em;
  color: var(--ink);
  text-wrap: balance;
}
.h2--md { font-size: clamp(34px, 4.4vw, 68px); }

.lead {
  margin-top: 28px;
  font-size: clamp(17px, 1.3vw, 19px);
  line-height: 1.6;
  color: var(--ink);
}

/* Армянский: Noto Sans Armenian в узком начертании */
:lang(hy) .h2,
:lang(hy) .pcard__name,
:lang(hy) .ind__name,
:lang(hy) .faq__q,
:lang(hy) .value h3,
:lang(hy) .mobile-menu__links a { font-stretch: 75%; }
:lang(hy) .h2 { font-size: clamp(34px, 5vw, 80px); line-height: 1; }
:lang(hy) .h2--md { font-size: clamp(30px, 3.8vw, 58px); }

/* Знак BAYERN (усечённый куб из фавикона) — вместо «трёх полос» */
.mark {
  display: inline-block;
  flex: none;
  width: 32px;
  aspect-ratio: 1;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='120 30 140 140' width='140' height='140'%3E %3Cdefs%3E %3Cmask id='cut' maskUnits='userSpaceOnUse' x='120' y='30' width='140' height='140'%3E %3Crect x='120' y='30' width='140' height='140' fill='%23fff'/%3E %3Cpath fill='%23000' d='M238.41 139.88C235.477 139.88 232.947 138.89 230.82 136.91C228.767 134.857 227.74 132.253 227.74 129.1C227.74 125.947 228.767 123.417 230.82 121.51C232.947 119.53 235.477 118.54 238.41 118.54C241.417 118.54 243.947 119.53 246 121.51C248.053 123.417 249.08 125.947 249.08 129.1C249.08 132.253 248.053 134.857 246 136.91C243.947 138.89 241.417 139.88 238.41 139.88Z'/%3E %3Cpath fill='%23000' fill-rule='evenodd' d='M152.13 140V63H189.75C199.43 63 206.69 64.8333 211.53 68.5C216.443 72.1667 218.9 77.0067 218.9 83.02C218.9 87.0533 217.91 90.5733 215.93 93.58C213.95 96.5133 211.237 98.7867 207.79 100.4C204.343 102.013 200.383 102.82 195.91 102.82L198 98.31C202.84 98.31 207.13 99.1167 210.87 100.73C214.61 102.27 217.507 104.58 219.56 107.66C221.687 110.74 222.75 114.517 222.75 118.99C222.75 125.59 220.147 130.76 214.94 134.5C209.733 138.167 202.07 140 191.95 140H152.13ZM169.84 126.58H190.63C195.25 126.58 198.733 125.847 201.08 124.38C203.5 122.84 204.71 120.42 204.71 117.12C204.71 113.893 203.5 111.51 201.08 109.97C198.733 108.357 195.25 107.55 190.63 107.55H168.52V94.57H187.55C191.877 94.57 195.177 93.8367 197.45 92.37C199.797 90.83 200.97 88.52 200.97 85.44C200.97 82.4333 199.797 80.1967 197.45 78.73C195.177 77.19 191.877 76.42 187.55 76.42H169.84V126.58Z'/%3E %3Cg stroke='%23000' stroke-width='2'%3E %3Cline x1='152.634' y1='63.341' x2='131.893' y2='41.0936'/%3E %3Cline x1='152.5' y1='170' x2='152.5' y2='151'/%3E %3Cline x1='260' y1='62.5' x2='236' y2='62.5'/%3E %3C/g%3E %3C/mask%3E %3C/defs%3E %3Cpath d='M120 30H228L260 62V170H152L120 138V30Z' fill='%23000' mask='url(%23cut)'/%3E %3C/svg%3E ") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='120 30 140 140' width='140' height='140'%3E %3Cdefs%3E %3Cmask id='cut' maskUnits='userSpaceOnUse' x='120' y='30' width='140' height='140'%3E %3Crect x='120' y='30' width='140' height='140' fill='%23fff'/%3E %3Cpath fill='%23000' d='M238.41 139.88C235.477 139.88 232.947 138.89 230.82 136.91C228.767 134.857 227.74 132.253 227.74 129.1C227.74 125.947 228.767 123.417 230.82 121.51C232.947 119.53 235.477 118.54 238.41 118.54C241.417 118.54 243.947 119.53 246 121.51C248.053 123.417 249.08 125.947 249.08 129.1C249.08 132.253 248.053 134.857 246 136.91C243.947 138.89 241.417 139.88 238.41 139.88Z'/%3E %3Cpath fill='%23000' fill-rule='evenodd' d='M152.13 140V63H189.75C199.43 63 206.69 64.8333 211.53 68.5C216.443 72.1667 218.9 77.0067 218.9 83.02C218.9 87.0533 217.91 90.5733 215.93 93.58C213.95 96.5133 211.237 98.7867 207.79 100.4C204.343 102.013 200.383 102.82 195.91 102.82L198 98.31C202.84 98.31 207.13 99.1167 210.87 100.73C214.61 102.27 217.507 104.58 219.56 107.66C221.687 110.74 222.75 114.517 222.75 118.99C222.75 125.59 220.147 130.76 214.94 134.5C209.733 138.167 202.07 140 191.95 140H152.13ZM169.84 126.58H190.63C195.25 126.58 198.733 125.847 201.08 124.38C203.5 122.84 204.71 120.42 204.71 117.12C204.71 113.893 203.5 111.51 201.08 109.97C198.733 108.357 195.25 107.55 190.63 107.55H168.52V94.57H187.55C191.877 94.57 195.177 93.8367 197.45 92.37C199.797 90.83 200.97 88.52 200.97 85.44C200.97 82.4333 199.797 80.1967 197.45 78.73C195.177 77.19 191.877 76.42 187.55 76.42H169.84V126.58Z'/%3E %3Cg stroke='%23000' stroke-width='2'%3E %3Cline x1='152.634' y1='63.341' x2='131.893' y2='41.0936'/%3E %3Cline x1='152.5' y1='170' x2='152.5' y2='151'/%3E %3Cline x1='260' y1='62.5' x2='236' y2='62.5'/%3E %3C/g%3E %3C/mask%3E %3C/defs%3E %3Cpath d='M120 30H228L260 62V170H152L120 138V30Z' fill='%23000' mask='url(%23cut)'/%3E %3C/svg%3E ") center / contain no-repeat;
  transition: transform .6s var(--ease);
}
.mark--sm { width: 18px; }
.mark--lg { width: 44px; }

.link {
  display: inline-flex;
  gap: 6px;
  font-weight: 600;
  color: var(--ink);
  background: linear-gradient(var(--copper) 0 0) left bottom / 100% 2px no-repeat;
  padding-bottom: 2px;
  transition: background-size .4s var(--ease);
}
.link:hover { background-size: 40% 2px; }

/* ---------- Buttons ---------- */

.btn {
  --cut: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 48px;
  padding: 0 24px;
  font: 600 14px/1 var(--f-body);
  letter-spacing: .01em;
  white-space: nowrap;
  clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
  transition: background-color .3s, color .3s;
}
.btn svg { width: 18px; height: 18px; transition: transform .4s var(--ease); }
.btn:hover svg { transform: translateX(4px); }
.btn--copper { background: var(--copper); color: var(--ink); }
.btn--copper:hover { background: var(--copper-hover); }
.btn--lg { height: 56px; padding: 0 32px; font-size: 15px; }

/* ---------- Placeholders ---------- */

.ph {
  position: relative;
  overflow: hidden;
  background-color: var(--concrete);
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.34), rgba(255,255,255,0) 55%),
    repeating-linear-gradient(-45deg, rgba(38,55,63,.07) 0 1px, transparent 1px 14px);
}
.ph::before {
  content: "";
  position: absolute;
  left: 50%; top: 50%;
  width: 56px; height: 56px;
  transform: translate(-50%, -50%);
  background:
    linear-gradient(rgba(38,55,63,.28) 0 0) center / 100% 1px no-repeat,
    linear-gradient(rgba(38,55,63,.28) 0 0) center / 1px 100% no-repeat;
}
.ph--steel { background-color: var(--steel); }
.ph--sand { background-color: var(--sand); }
.ph--paper { background-color: #E9E7E3; }
.ph--deep { background-color: #7C96A2; }

.ph__label {
  position: absolute;
  left: 16px;
  bottom: 14px;
  display: block;
  white-space: nowrap;
  font: 500 11px/1.2 var(--f-mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ink);
  opacity: .78;
}
.ph__label svg { display: inline-block; width: 16px; height: 16px; margin-right: 8px; vertical-align: -4px; stroke-width: 1.6; }

/* Реальное фото вместо заглушки (класс ставит loadPhoto в main.js) */
.has-photo {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.has-photo::before,
.has-photo > .ph__label { display: none; }

/* ---------- Reveal ---------- */

.js .reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .9s var(--ease) var(--d, 0s), transform .9s var(--ease) var(--d, 0s);
}
.js .reveal.is-in { opacity: 1; transform: none; }

/* =========================================================
   NAV
   ========================================================= */

.nav {
  --nav-fg: #fff;
  --nav-bg: var(--ink);
  position: fixed;
  inset: 0 0 auto;
  z-index: 50;
  color: var(--nav-fg);
  transition: background-color .45s, color .45s, box-shadow .45s;
}
.nav.is-scrolled,
.nav.is-solid {
  --nav-fg: var(--ink);
  --nav-bg: var(--paper);
  background: rgba(243, 242, 240, .88);
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  backdrop-filter: blur(14px) saturate(1.2);
  box-shadow: 0 1px 0 var(--line);
}
.nav__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  height: var(--nav-h);
}
.nav__logo {
  display: block;
  width: 132px;
  aspect-ratio: 2877 / 749;
  flex: none;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2877 749' width='2877' height='749'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M19.7 4.0L22.0 3.6L27.0 3.5L244.0 3.5L253.0 3.7L268.0 4.7L285.0 6.7L302.0 9.9L313.0 12.6L320.0 14.7L336.0 20.7L343.0 23.9L350.0 27.6L362.0 34.8L369.0 39.8L374.0 43.9L380.6 50.0L386.0 55.5L392.4 63.0L399.4 73.0L402.4 78.0L407.4 88.0L410.2 95.0L412.3 101.0L415.3 112.0L417.3 123.0L418.4 136.0L418.3 152.0L417.4 162.0L416.4 169.0L414.3 179.0L412.3 186.0L410.2 192.0L405.4 203.0L402.3 209.0L399.2 214.0L393.4 222.0L388.0 228.0L384.0 232.0L379.0 236.4L374.0 240.2L371.0 242.2L364.2 246.0L363.4 247.0L369.0 249.6L376.0 253.7L382.0 257.7L392.0 265.7L397.6 271.0L403.3 277.0L410.4 286.0L414.4 292.0L418.4 299.0L422.4 307.0L425.2 314.0L428.4 324.0L430.3 332.0L432.3 345.0L433.0 361.0L432.3 378.0L431.2 386.0L429.4 396.0L427.3 404.0L425.1 411.0L423.3 416.0L419.4 425.0L416.3 431.0L412.1 438.0L404.2 449.0L398.1 456.0L394.0 460.2L386.0 467.3L381.0 471.3L369.0 479.4L362.0 483.4L350.0 489.2L337.0 494.3L321.0 499.2L308.0 502.2L296.0 504.3L280.0 506.3L265.0 507.3L251.0 507.5L24.0 507.5L20.0 507.2L16.0 506.3L12.0 504.5L10.0 503.1L8.0 501.0L5.7 497.0L4.7 494.0L4.0 485.0L4.0 26.0L4.8 17.0L5.7 14.0L6.6 12.0L8.0 10.1L10.0 7.9L13.0 6.0L16.0 4.8ZM680.5 5.0L683.0 4.6L688.0 4.4L762.0 4.4L768.0 4.6L773.0 5.7L776.0 6.8L781.0 9.8L785.3 14.0L789.3 20.0L793.3 28.0L962.3 486.0L963.4 489.0L964.3 493.0L964.2 498.0L963.3 501.0L962.0 502.8L959.0 505.5L957.0 506.4L954.0 507.2L949.0 507.5L856.0 507.3L850.0 506.2L847.0 505.1L844.0 503.3L839.7 499.0L836.7 494.0L832.7 484.0L723.2 164.0L722.2 161.0L721.0 159.9L613.4 483.0L610.4 491.0L607.4 497.0L604.0 501.4L602.0 503.2L600.0 504.4L595.0 506.4L589.0 507.4L498.0 507.5L496.0 507.3L492.0 506.2L489.0 504.4L487.0 502.0L485.6 499.0L485.4 495.0L485.7 491.0L487.7 485.0L656.7 29.0L660.7 20.0L664.8 14.0L666.6 12.0L669.0 10.0L673.0 7.5L677.0 5.8ZM990.7 5.0L993.0 4.5L996.0 4.4L1091.0 4.5L1094.0 4.7L1099.0 5.7L1104.0 7.7L1107.0 9.7L1112.3 15.0L1115.1 19.0L1118.1 24.0L1209.0 191.1L1210.0 190.4L1211.3 188.0L1293.3 32.0L1297.8 23.0L1300.7 18.0L1302.9 15.0L1305.0 12.5L1308.0 9.7L1311.0 7.7L1316.0 5.6L1320.0 4.8L1323.0 4.5L1413.0 4.4L1418.0 4.7L1421.0 5.8L1424.0 8.0L1426.2 11.0L1427.4 15.0L1427.5 19.0L1427.3 21.0L1426.5 24.0L1425.1 27.0L1268.5 318.0L1268.3 320.0L1268.2 488.0L1267.4 494.0L1266.4 497.0L1265.5 499.0L1264.2 501.0L1263.0 502.4L1262.0 503.3L1259.0 505.3L1256.0 506.4L1252.0 507.2L1246.0 507.5L1165.0 507.4L1159.0 506.3L1156.0 505.1L1153.0 503.0L1149.9 499.0L1148.6 496.0L1147.8 492.0L1147.4 486.0L1147.4 319.0L1144.3 313.0L983.8 26.0L982.6 23.0L981.9 18.0L982.0 16.0L982.8 12.0L983.8 10.0L986.0 7.5L989.0 5.6ZM2478.0 5.0L2480.0 4.6L2485.0 4.4L2558.0 4.4L2563.0 4.6L2568.0 5.6L2573.0 7.6L2576.0 9.6L2580.0 13.3L2582.4 16.0L2585.4 20.0L2593.2 32.0L2751.8 288.0L2754.0 291.0L2754.3 290.0L2754.3 27.0L2754.6 20.0L2755.6 16.0L2756.8 13.0L2758.9 10.0L2762.0 7.5L2766.0 5.6L2769.0 4.8L2772.0 4.5L2855.0 4.5L2857.0 4.8L2861.0 5.8L2863.0 6.7L2866.0 8.7L2868.2 11.0L2870.3 15.0L2871.3 18.0L2872.0 27.0L2872.0 485.0L2871.4 493.0L2870.3 497.0L2869.4 499.0L2868.0 501.0L2866.0 503.1L2863.0 505.1L2860.0 506.3L2856.0 507.2L2853.0 507.5L2777.0 507.5L2774.0 507.1L2770.0 506.3L2767.0 505.2L2762.0 502.3L2758.0 498.6L2755.6 496.0L2752.6 492.0L2744.8 480.0L2605.3 254.0L2587.4 225.0L2584.0 220.0L2583.6 221.0L2583.6 485.0L2583.4 491.0L2582.3 496.0L2580.4 500.0L2578.0 502.7L2576.0 504.4L2572.0 506.2L2566.0 507.4L2481.0 507.4L2476.0 506.4L2473.0 505.4L2470.0 503.4L2467.6 501.0L2465.8 498.0L2464.7 495.0L2463.8 490.0L2463.6 485.0L2463.6 26.0L2463.7 22.0L2464.6 17.0L2465.7 14.0L2466.7 12.0L2469.0 9.4L2471.0 7.6L2475.0 5.7ZM1488.7 6.0L1491.0 5.5L1498.0 5.1L1835.0 5.1L1844.0 5.8L1847.0 6.6L1849.0 7.5L1851.0 8.7L1853.4 11.0L1855.4 14.0L1856.3 16.0L1857.3 20.0L1857.8 28.0L1857.8 89.0L1857.2 98.0L1856.4 101.0L1854.3 105.0L1851.0 108.4L1848.0 110.1L1845.0 111.2L1836.0 112.2L1497.0 112.2L1489.0 111.3L1486.0 110.4L1482.0 108.2L1479.8 106.0L1479.0 104.8L1477.9 103.0L1476.7 100.0L1475.7 95.0L1475.5 90.0L1475.5 27.0L1475.8 21.0L1476.7 17.0L1477.5 15.0L1478.5 13.0L1480.0 11.0L1481.0 9.9L1484.0 7.7L1486.0 6.7ZM1966.9 6.0L1969.0 5.5L1976.0 5.1L2168.0 5.1L2198.0 5.8L2211.0 6.8L2233.0 9.7L2247.0 12.6L2255.0 14.7L2264.0 17.6L2277.0 22.8L2287.0 27.9L2298.0 34.8L2306.0 40.8L2312.0 45.9L2319.6 53.0L2325.4 59.0L2331.4 66.0L2339.2 77.0L2343.4 84.0L2350.3 98.0L2353.4 106.0L2356.2 114.0L2359.2 125.0L2361.4 135.0L2363.3 147.0L2364.3 156.0L2364.9 174.0L2364.3 189.0L2363.4 197.0L2361.4 208.0L2359.4 216.0L2357.3 223.0L2353.3 234.0L2350.2 241.0L2346.2 249.0L2340.4 259.0L2334.4 268.0L2328.3 276.0L2322.2 283.0L2311.0 294.3L2303.0 301.2L2295.0 307.3L2286.0 313.3L2279.0 317.3L2269.0 322.3L2264.0 324.4L2260.0 325.7L2259.5 326.0L2259.2 327.0L2366.5 483.0L2368.1 486.0L2369.2 489.0L2369.6 492.0L2369.6 495.0L2369.3 498.0L2368.5 500.0L2367.3 502.0L2365.0 504.4L2362.0 506.3L2358.0 507.4L2355.0 507.5L2262.0 507.5L2258.0 507.3L2253.0 506.4L2247.0 504.4L2243.0 502.3L2239.0 499.4L2234.5 495.0L2229.6 489.0L2226.7 485.0L2142.9 360.0L2139.9 355.0L2137.7 349.0L2136.8 345.0L2135.8 336.0L2135.6 330.0L2135.6 257.0L2136.7 251.0L2138.6 247.0L2141.0 244.0L2144.0 241.8L2147.0 240.5L2150.0 239.7L2157.0 239.2L2176.0 239.1L2185.0 238.2L2191.0 237.1L2198.0 235.2L2206.0 232.2L2212.0 229.3L2217.0 226.3L2225.0 220.3L2231.3 214.0L2235.3 209.0L2238.5 204.0L2242.3 196.0L2244.1 190.0L2245.3 184.0L2245.6 177.0L2245.4 170.0L2244.3 163.0L2242.1 155.0L2239.3 148.0L2235.3 141.0L2232.3 137.0L2228.0 132.3L2223.0 127.6L2219.0 124.6L2214.0 121.6L2206.0 117.7L2197.0 114.8L2192.0 113.6L2184.0 112.5L2174.0 112.2L2075.0 112.2L2074.0 112.2L2073.5 113.0L2073.5 485.0L2073.1 492.0L2072.2 496.0L2070.3 500.0L2068.0 502.6L2066.0 504.3L2062.0 506.2L2057.0 507.3L2051.0 507.5L1971.0 507.4L1966.0 506.4L1963.0 505.3L1960.0 503.3L1958.7 502.0L1956.7 499.0L1955.6 496.0L1954.6 492.0L1954.3 485.0L1954.3 27.0L1954.9 19.0L1955.6 16.0L1957.6 12.0L1959.4 10.0L1962.0 7.9L1965.0 6.5ZM124.1 112.0L125.0 111.4L242.0 111.4L254.0 111.7L263.0 112.6L274.0 114.7L278.0 115.8L285.0 118.7L290.0 121.8L292.6 124.0L296.4 128.0L298.4 131.0L301.2 137.0L303.2 145.0L303.7 154.0L303.3 162.0L302.1 168.0L300.1 174.0L297.4 179.0L295.3 182.0L292.5 185.0L290.0 187.3L286.0 190.2L280.0 193.4L275.0 195.4L268.0 197.4L263.0 198.4L256.0 199.4L240.0 200.2L227.0 200.3L223.0 200.6L219.0 201.7L217.0 202.6L214.0 204.6L211.8 207.0L210.6 209.0L209.7 211.0L208.7 215.0L208.3 222.0L208.3 280.0L208.5 286.0L208.7 288.0L209.9 292.0L210.8 294.0L213.0 296.9L216.0 299.4L218.0 300.5L220.0 301.3L225.0 302.3L257.0 302.7L268.0 303.8L273.0 304.7L281.0 306.7L289.0 309.9L294.0 312.7L297.0 314.9L302.3 320.0L306.3 326.0L309.2 333.0L310.3 337.0L311.2 343.0L311.5 349.0L311.3 355.0L310.3 362.0L309.1 367.0L307.4 372.0L304.2 378.0L301.2 382.0L299.4 384.0L297.0 386.3L293.0 389.3L288.0 392.1L283.0 394.3L277.0 396.2L272.0 397.3L266.0 398.3L259.0 398.7L252.0 398.9L125.0 398.9L124.1 398.0ZM1528.4 203.0L1531.0 202.6L1536.0 202.4L1797.0 202.4L1803.0 202.6L1808.0 203.7L1812.0 205.6L1814.0 207.2L1816.4 210.0L1818.3 214.0L1819.4 219.0L1819.6 225.0L1819.6 287.0L1819.4 293.0L1818.2 298.0L1816.3 302.0L1814.0 304.6L1812.0 306.3L1810.0 307.4L1807.0 308.4L1801.0 309.4L1536.0 309.5L1531.0 309.3L1526.0 308.3L1523.0 307.2L1521.0 306.0L1520.0 305.3L1517.8 303.0L1516.0 300.0L1514.8 297.0L1513.8 291.0L1513.7 224.0L1513.8 221.0L1514.8 215.0L1515.9 212.0L1517.6 209.0L1520.0 206.6L1523.0 204.6L1525.0 203.8ZM1489.4 402.0L1492.0 401.5L1498.0 401.3L1836.0 401.3L1843.0 401.7L1847.0 402.8L1849.0 403.7L1852.3 406.0L1853.3 407.0L1855.3 410.0L1856.2 412.0L1857.3 416.0L1857.8 424.0L1857.8 485.0L1857.2 494.0L1856.4 497.0L1854.4 501.0L1852.7 503.0L1850.0 505.3L1848.0 506.3L1845.0 507.4L1840.0 508.2L1836.0 508.4L1498.0 508.4L1493.0 508.1L1488.0 507.3L1485.0 506.2L1483.0 505.0L1479.6 502.0L1477.7 499.0L1476.6 496.0L1475.8 492.0L1475.5 486.0L1475.5 423.0L1475.7 418.0L1476.5 414.0L1477.6 411.0L1478.6 409.0L1481.0 406.2L1483.0 404.5L1487.0 402.6ZM1779.9 615.0L1996.0 614.7L1996.3 615.0L1996.5 616.0L1996.5 633.0L1996.0 633.9L1780.0 633.9L1779.2 633.0L1779.2 616.0ZM31.2 616.0L34.0 615.5L39.0 615.4L187.0 615.4L193.0 615.7L197.0 616.6L200.0 617.6L206.0 620.6L209.0 622.7L212.0 625.5L214.3 628.0L216.4 631.0L218.1 634.0L219.4 637.0L220.4 640.0L221.2 644.0L221.5 649.0L221.5 722.0L221.0 723.3L201.7 705.0L201.4 646.0L200.5 643.0L199.5 641.0L197.0 638.0L194.0 635.8L190.0 634.5L187.0 634.2L39.0 634.2L35.0 634.5L32.0 635.5L30.0 636.5L28.3 638.0L25.7 641.0L24.8 643.0L23.8 648.0L23.8 705.0L24.8 710.0L26.5 713.0L28.4 715.0L30.0 716.3L32.0 717.3L35.0 718.3L39.0 718.5L165.0 718.5L165.7 718.0L155.4 708.0L154.7 707.0L155.0 706.7L182.0 706.7L221.0 742.8L221.2 743.0L221.0 743.8L194.0 743.9L193.0 743.5L187.0 737.7L186.0 737.4L35.0 737.3L30.0 736.4L26.0 735.3L20.0 732.4L17.0 730.4L14.0 727.7L9.7 723.0L6.8 718.0L5.6 715.0L4.6 711.0L4.0 704.0L4.0 649.0L4.6 642.0L5.6 638.0L7.8 633.0L9.6 630.0L14.0 625.0L18.0 621.6L21.0 619.7L25.0 617.8L28.0 616.7ZM279.5 616.0L280.0 615.3L298.0 615.3L299.0 615.4L299.4 616.0L299.6 707.0L300.6 710.0L301.7 712.0L305.0 715.4L308.0 717.2L311.0 718.1L314.0 718.4L462.0 718.4L465.0 718.2L468.0 717.4L470.8 716.0L473.0 714.4L474.2 713.0L476.0 709.9L476.4 709.0L477.1 705.0L477.1 616.0L478.0 615.3L496.0 615.3L496.9 616.0L496.9 704.0L496.4 711.0L494.4 717.0L492.4 721.0L490.3 724.0L487.0 727.5L484.0 730.1L481.0 732.2L477.0 734.3L471.0 736.4L466.0 737.2L313.0 737.4L310.0 737.2L305.0 736.2L300.0 734.5L296.0 732.4L293.0 730.4L289.1 727.0L285.5 723.0L283.6 720.0L281.6 716.0L280.6 713.0L279.7 709.0L279.5 704.0ZM645.6 616.0L646.0 615.6L647.0 616.2L654.4 624.0L757.5 737.0L757.0 737.4L756.0 737.5L732.0 737.5L731.0 737.0L652.3 651.0L647.0 645.3L646.0 644.8L579.2 718.0L580.0 718.5L687.0 718.5L703.3 736.0L704.2 737.0L704.0 737.2L703.0 737.5L536.0 737.5L535.0 737.0ZM806.5 616.0L807.0 615.3L808.0 615.2L826.0 615.3L826.5 616.0L826.5 717.0L826.6 718.0L827.0 718.4L983.0 718.4L984.0 718.6L984.3 719.0L984.2 737.0L983.0 737.4L807.0 737.4L806.6 737.0L806.5 736.0ZM1034.5 616.0L1035.0 615.3L1036.0 615.2L1054.0 615.2L1054.6 616.0L1054.6 736.0L1054.5 737.0L1054.0 737.4L1036.0 737.4L1035.0 737.3L1034.7 737.0ZM1105.0 616.0L1106.0 615.2L1322.0 615.2L1322.5 616.0L1322.5 633.0L1322.4 634.0L1322.0 634.4L1321.0 634.4L1224.0 634.4L1223.5 635.0L1223.4 737.0L1223.0 737.4L1204.0 737.3L1203.7 737.0L1203.6 736.0L1203.6 635.0L1203.0 634.4L1106.0 634.4L1105.2 634.0L1105.0 633.0ZM1365.4 616.0L1366.0 615.3L1367.0 615.3L1398.0 615.3L1400.0 615.7L1472.0 664.4L1473.0 664.4L1546.0 615.5L1547.0 615.3L1578.0 615.3L1579.0 615.4L1579.4 616.0L1483.0 681.1L1482.6 682.0L1482.6 736.0L1482.4 737.0L1482.0 737.4L1464.0 737.4L1462.8 737.0L1462.6 682.0L1462.3 681.0ZM2046.9 616.0L2048.0 615.2L2066.0 615.2L2067.0 616.0L2067.0 736.0L2066.8 737.0L2066.0 737.4L2048.0 737.4L2047.1 737.0L2046.9 736.0ZM2124.4 616.0L2125.0 615.4L2305.0 615.4L2311.0 615.7L2315.0 616.6L2319.0 617.8L2323.0 619.6L2328.0 622.8L2331.5 626.0L2334.2 629.0L2336.4 632.0L2338.0 635.0L2340.2 640.0L2341.4 645.0L2341.9 651.0L2341.3 658.0L2339.4 664.0L2337.4 668.0L2334.0 672.5L2328.0 678.2L2325.0 680.3L2319.0 683.3L2312.0 685.2L2305.0 685.8L2304.7 686.0L2305.2 687.0L2306.8 689.0L2348.3 737.0L2347.0 737.5L2325.0 737.4L2281.4 689.0L2279.0 686.5L2278.0 686.1L2145.0 686.1L2144.4 687.0L2144.4 737.0L2144.0 737.4L2143.0 737.5L2125.0 737.5L2124.5 737.0L2124.5 668.0L2125.0 666.9L2307.0 666.9L2310.0 666.4L2313.0 665.1L2316.0 663.3L2318.0 661.4L2319.2 660.0L2321.5 656.0L2322.3 653.0L2322.5 651.0L2322.2 648.0L2321.3 645.0L2320.3 643.0L2318.0 640.0L2314.0 636.7L2312.0 635.8L2307.0 634.5L2125.0 634.5L2124.4 634.0ZM2421.2 616.0L2423.0 615.6L2429.0 615.3L2609.0 615.3L2609.5 616.0L2609.5 633.0L2609.4 634.0L2609.0 634.4L2425.0 634.6L2422.0 635.5L2419.1 637.0L2415.6 640.0L2414.7 641.0L2412.6 645.0L2411.8 650.0L2412.6 655.0L2414.6 659.0L2416.0 660.6L2419.0 663.4L2421.0 664.5L2423.0 665.4L2427.0 666.3L2573.0 666.4L2578.0 666.7L2583.0 667.8L2588.0 669.7L2590.0 670.8L2596.0 674.8L2601.3 680.0L2604.3 684.0L2606.4 688.0L2608.3 693.0L2609.1 697.0L2609.4 703.0L2609.3 705.0L2608.4 710.0L2607.4 713.0L2605.2 718.0L2603.4 721.0L2600.1 725.0L2598.0 727.1L2594.0 730.3L2589.0 733.2L2584.0 735.2L2580.0 736.3L2576.0 736.7L2572.0 736.9L2393.0 736.9L2391.9 736.0L2391.9 719.0L2393.0 717.9L2574.0 717.8L2577.0 717.4L2580.0 716.3L2582.0 715.2L2584.0 713.5L2586.4 711.0L2587.5 709.0L2588.5 707.0L2589.3 704.0L2589.3 700.0L2588.4 696.0L2587.4 694.0L2585.2 691.0L2584.0 689.8L2581.0 687.7L2579.0 686.7L2575.0 685.7L2428.0 685.6L2424.0 685.4L2419.0 684.4L2416.0 683.4L2412.0 681.5L2408.0 679.2L2403.0 675.2L2400.8 673.0L2397.7 669.0L2396.0 666.0L2393.7 661.0L2392.7 657.0L2392.2 650.0L2392.7 644.0L2393.7 640.0L2395.8 635.0L2399.8 629.0L2403.0 625.5L2406.0 623.0L2411.0 619.7L2415.0 617.8L2418.0 616.7ZM2654.5 616.0L2655.0 615.3L2656.0 615.2L2871.0 615.2L2872.1 616.0L2872.1 633.0L2871.9 634.0L2871.0 634.4L2774.0 634.4L2773.1 635.0L2773.0 736.6L2772.9 737.0L2772.0 737.4L2754.0 737.4L2753.4 737.0L2753.2 736.0L2753.2 635.0L2752.0 634.4L2655.0 634.4L2654.6 634.0L2654.5 633.0ZM1779.3 667.0L1780.0 666.6L1984.0 666.6L1984.5 667.0L1984.6 668.0L1984.6 685.0L1984.0 685.6L1800.0 685.6L1799.4 686.0L1799.3 687.0L1799.1 737.0L1798.0 737.4L1780.0 737.4L1779.5 737.0L1779.4 736.0Z'/%3E%3C/svg%3E ") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2877 749' width='2877' height='749'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M19.7 4.0L22.0 3.6L27.0 3.5L244.0 3.5L253.0 3.7L268.0 4.7L285.0 6.7L302.0 9.9L313.0 12.6L320.0 14.7L336.0 20.7L343.0 23.9L350.0 27.6L362.0 34.8L369.0 39.8L374.0 43.9L380.6 50.0L386.0 55.5L392.4 63.0L399.4 73.0L402.4 78.0L407.4 88.0L410.2 95.0L412.3 101.0L415.3 112.0L417.3 123.0L418.4 136.0L418.3 152.0L417.4 162.0L416.4 169.0L414.3 179.0L412.3 186.0L410.2 192.0L405.4 203.0L402.3 209.0L399.2 214.0L393.4 222.0L388.0 228.0L384.0 232.0L379.0 236.4L374.0 240.2L371.0 242.2L364.2 246.0L363.4 247.0L369.0 249.6L376.0 253.7L382.0 257.7L392.0 265.7L397.6 271.0L403.3 277.0L410.4 286.0L414.4 292.0L418.4 299.0L422.4 307.0L425.2 314.0L428.4 324.0L430.3 332.0L432.3 345.0L433.0 361.0L432.3 378.0L431.2 386.0L429.4 396.0L427.3 404.0L425.1 411.0L423.3 416.0L419.4 425.0L416.3 431.0L412.1 438.0L404.2 449.0L398.1 456.0L394.0 460.2L386.0 467.3L381.0 471.3L369.0 479.4L362.0 483.4L350.0 489.2L337.0 494.3L321.0 499.2L308.0 502.2L296.0 504.3L280.0 506.3L265.0 507.3L251.0 507.5L24.0 507.5L20.0 507.2L16.0 506.3L12.0 504.5L10.0 503.1L8.0 501.0L5.7 497.0L4.7 494.0L4.0 485.0L4.0 26.0L4.8 17.0L5.7 14.0L6.6 12.0L8.0 10.1L10.0 7.9L13.0 6.0L16.0 4.8ZM680.5 5.0L683.0 4.6L688.0 4.4L762.0 4.4L768.0 4.6L773.0 5.7L776.0 6.8L781.0 9.8L785.3 14.0L789.3 20.0L793.3 28.0L962.3 486.0L963.4 489.0L964.3 493.0L964.2 498.0L963.3 501.0L962.0 502.8L959.0 505.5L957.0 506.4L954.0 507.2L949.0 507.5L856.0 507.3L850.0 506.2L847.0 505.1L844.0 503.3L839.7 499.0L836.7 494.0L832.7 484.0L723.2 164.0L722.2 161.0L721.0 159.9L613.4 483.0L610.4 491.0L607.4 497.0L604.0 501.4L602.0 503.2L600.0 504.4L595.0 506.4L589.0 507.4L498.0 507.5L496.0 507.3L492.0 506.2L489.0 504.4L487.0 502.0L485.6 499.0L485.4 495.0L485.7 491.0L487.7 485.0L656.7 29.0L660.7 20.0L664.8 14.0L666.6 12.0L669.0 10.0L673.0 7.5L677.0 5.8ZM990.7 5.0L993.0 4.5L996.0 4.4L1091.0 4.5L1094.0 4.7L1099.0 5.7L1104.0 7.7L1107.0 9.7L1112.3 15.0L1115.1 19.0L1118.1 24.0L1209.0 191.1L1210.0 190.4L1211.3 188.0L1293.3 32.0L1297.8 23.0L1300.7 18.0L1302.9 15.0L1305.0 12.5L1308.0 9.7L1311.0 7.7L1316.0 5.6L1320.0 4.8L1323.0 4.5L1413.0 4.4L1418.0 4.7L1421.0 5.8L1424.0 8.0L1426.2 11.0L1427.4 15.0L1427.5 19.0L1427.3 21.0L1426.5 24.0L1425.1 27.0L1268.5 318.0L1268.3 320.0L1268.2 488.0L1267.4 494.0L1266.4 497.0L1265.5 499.0L1264.2 501.0L1263.0 502.4L1262.0 503.3L1259.0 505.3L1256.0 506.4L1252.0 507.2L1246.0 507.5L1165.0 507.4L1159.0 506.3L1156.0 505.1L1153.0 503.0L1149.9 499.0L1148.6 496.0L1147.8 492.0L1147.4 486.0L1147.4 319.0L1144.3 313.0L983.8 26.0L982.6 23.0L981.9 18.0L982.0 16.0L982.8 12.0L983.8 10.0L986.0 7.5L989.0 5.6ZM2478.0 5.0L2480.0 4.6L2485.0 4.4L2558.0 4.4L2563.0 4.6L2568.0 5.6L2573.0 7.6L2576.0 9.6L2580.0 13.3L2582.4 16.0L2585.4 20.0L2593.2 32.0L2751.8 288.0L2754.0 291.0L2754.3 290.0L2754.3 27.0L2754.6 20.0L2755.6 16.0L2756.8 13.0L2758.9 10.0L2762.0 7.5L2766.0 5.6L2769.0 4.8L2772.0 4.5L2855.0 4.5L2857.0 4.8L2861.0 5.8L2863.0 6.7L2866.0 8.7L2868.2 11.0L2870.3 15.0L2871.3 18.0L2872.0 27.0L2872.0 485.0L2871.4 493.0L2870.3 497.0L2869.4 499.0L2868.0 501.0L2866.0 503.1L2863.0 505.1L2860.0 506.3L2856.0 507.2L2853.0 507.5L2777.0 507.5L2774.0 507.1L2770.0 506.3L2767.0 505.2L2762.0 502.3L2758.0 498.6L2755.6 496.0L2752.6 492.0L2744.8 480.0L2605.3 254.0L2587.4 225.0L2584.0 220.0L2583.6 221.0L2583.6 485.0L2583.4 491.0L2582.3 496.0L2580.4 500.0L2578.0 502.7L2576.0 504.4L2572.0 506.2L2566.0 507.4L2481.0 507.4L2476.0 506.4L2473.0 505.4L2470.0 503.4L2467.6 501.0L2465.8 498.0L2464.7 495.0L2463.8 490.0L2463.6 485.0L2463.6 26.0L2463.7 22.0L2464.6 17.0L2465.7 14.0L2466.7 12.0L2469.0 9.4L2471.0 7.6L2475.0 5.7ZM1488.7 6.0L1491.0 5.5L1498.0 5.1L1835.0 5.1L1844.0 5.8L1847.0 6.6L1849.0 7.5L1851.0 8.7L1853.4 11.0L1855.4 14.0L1856.3 16.0L1857.3 20.0L1857.8 28.0L1857.8 89.0L1857.2 98.0L1856.4 101.0L1854.3 105.0L1851.0 108.4L1848.0 110.1L1845.0 111.2L1836.0 112.2L1497.0 112.2L1489.0 111.3L1486.0 110.4L1482.0 108.2L1479.8 106.0L1479.0 104.8L1477.9 103.0L1476.7 100.0L1475.7 95.0L1475.5 90.0L1475.5 27.0L1475.8 21.0L1476.7 17.0L1477.5 15.0L1478.5 13.0L1480.0 11.0L1481.0 9.9L1484.0 7.7L1486.0 6.7ZM1966.9 6.0L1969.0 5.5L1976.0 5.1L2168.0 5.1L2198.0 5.8L2211.0 6.8L2233.0 9.7L2247.0 12.6L2255.0 14.7L2264.0 17.6L2277.0 22.8L2287.0 27.9L2298.0 34.8L2306.0 40.8L2312.0 45.9L2319.6 53.0L2325.4 59.0L2331.4 66.0L2339.2 77.0L2343.4 84.0L2350.3 98.0L2353.4 106.0L2356.2 114.0L2359.2 125.0L2361.4 135.0L2363.3 147.0L2364.3 156.0L2364.9 174.0L2364.3 189.0L2363.4 197.0L2361.4 208.0L2359.4 216.0L2357.3 223.0L2353.3 234.0L2350.2 241.0L2346.2 249.0L2340.4 259.0L2334.4 268.0L2328.3 276.0L2322.2 283.0L2311.0 294.3L2303.0 301.2L2295.0 307.3L2286.0 313.3L2279.0 317.3L2269.0 322.3L2264.0 324.4L2260.0 325.7L2259.5 326.0L2259.2 327.0L2366.5 483.0L2368.1 486.0L2369.2 489.0L2369.6 492.0L2369.6 495.0L2369.3 498.0L2368.5 500.0L2367.3 502.0L2365.0 504.4L2362.0 506.3L2358.0 507.4L2355.0 507.5L2262.0 507.5L2258.0 507.3L2253.0 506.4L2247.0 504.4L2243.0 502.3L2239.0 499.4L2234.5 495.0L2229.6 489.0L2226.7 485.0L2142.9 360.0L2139.9 355.0L2137.7 349.0L2136.8 345.0L2135.8 336.0L2135.6 330.0L2135.6 257.0L2136.7 251.0L2138.6 247.0L2141.0 244.0L2144.0 241.8L2147.0 240.5L2150.0 239.7L2157.0 239.2L2176.0 239.1L2185.0 238.2L2191.0 237.1L2198.0 235.2L2206.0 232.2L2212.0 229.3L2217.0 226.3L2225.0 220.3L2231.3 214.0L2235.3 209.0L2238.5 204.0L2242.3 196.0L2244.1 190.0L2245.3 184.0L2245.6 177.0L2245.4 170.0L2244.3 163.0L2242.1 155.0L2239.3 148.0L2235.3 141.0L2232.3 137.0L2228.0 132.3L2223.0 127.6L2219.0 124.6L2214.0 121.6L2206.0 117.7L2197.0 114.8L2192.0 113.6L2184.0 112.5L2174.0 112.2L2075.0 112.2L2074.0 112.2L2073.5 113.0L2073.5 485.0L2073.1 492.0L2072.2 496.0L2070.3 500.0L2068.0 502.6L2066.0 504.3L2062.0 506.2L2057.0 507.3L2051.0 507.5L1971.0 507.4L1966.0 506.4L1963.0 505.3L1960.0 503.3L1958.7 502.0L1956.7 499.0L1955.6 496.0L1954.6 492.0L1954.3 485.0L1954.3 27.0L1954.9 19.0L1955.6 16.0L1957.6 12.0L1959.4 10.0L1962.0 7.9L1965.0 6.5ZM124.1 112.0L125.0 111.4L242.0 111.4L254.0 111.7L263.0 112.6L274.0 114.7L278.0 115.8L285.0 118.7L290.0 121.8L292.6 124.0L296.4 128.0L298.4 131.0L301.2 137.0L303.2 145.0L303.7 154.0L303.3 162.0L302.1 168.0L300.1 174.0L297.4 179.0L295.3 182.0L292.5 185.0L290.0 187.3L286.0 190.2L280.0 193.4L275.0 195.4L268.0 197.4L263.0 198.4L256.0 199.4L240.0 200.2L227.0 200.3L223.0 200.6L219.0 201.7L217.0 202.6L214.0 204.6L211.8 207.0L210.6 209.0L209.7 211.0L208.7 215.0L208.3 222.0L208.3 280.0L208.5 286.0L208.7 288.0L209.9 292.0L210.8 294.0L213.0 296.9L216.0 299.4L218.0 300.5L220.0 301.3L225.0 302.3L257.0 302.7L268.0 303.8L273.0 304.7L281.0 306.7L289.0 309.9L294.0 312.7L297.0 314.9L302.3 320.0L306.3 326.0L309.2 333.0L310.3 337.0L311.2 343.0L311.5 349.0L311.3 355.0L310.3 362.0L309.1 367.0L307.4 372.0L304.2 378.0L301.2 382.0L299.4 384.0L297.0 386.3L293.0 389.3L288.0 392.1L283.0 394.3L277.0 396.2L272.0 397.3L266.0 398.3L259.0 398.7L252.0 398.9L125.0 398.9L124.1 398.0ZM1528.4 203.0L1531.0 202.6L1536.0 202.4L1797.0 202.4L1803.0 202.6L1808.0 203.7L1812.0 205.6L1814.0 207.2L1816.4 210.0L1818.3 214.0L1819.4 219.0L1819.6 225.0L1819.6 287.0L1819.4 293.0L1818.2 298.0L1816.3 302.0L1814.0 304.6L1812.0 306.3L1810.0 307.4L1807.0 308.4L1801.0 309.4L1536.0 309.5L1531.0 309.3L1526.0 308.3L1523.0 307.2L1521.0 306.0L1520.0 305.3L1517.8 303.0L1516.0 300.0L1514.8 297.0L1513.8 291.0L1513.7 224.0L1513.8 221.0L1514.8 215.0L1515.9 212.0L1517.6 209.0L1520.0 206.6L1523.0 204.6L1525.0 203.8ZM1489.4 402.0L1492.0 401.5L1498.0 401.3L1836.0 401.3L1843.0 401.7L1847.0 402.8L1849.0 403.7L1852.3 406.0L1853.3 407.0L1855.3 410.0L1856.2 412.0L1857.3 416.0L1857.8 424.0L1857.8 485.0L1857.2 494.0L1856.4 497.0L1854.4 501.0L1852.7 503.0L1850.0 505.3L1848.0 506.3L1845.0 507.4L1840.0 508.2L1836.0 508.4L1498.0 508.4L1493.0 508.1L1488.0 507.3L1485.0 506.2L1483.0 505.0L1479.6 502.0L1477.7 499.0L1476.6 496.0L1475.8 492.0L1475.5 486.0L1475.5 423.0L1475.7 418.0L1476.5 414.0L1477.6 411.0L1478.6 409.0L1481.0 406.2L1483.0 404.5L1487.0 402.6ZM1779.9 615.0L1996.0 614.7L1996.3 615.0L1996.5 616.0L1996.5 633.0L1996.0 633.9L1780.0 633.9L1779.2 633.0L1779.2 616.0ZM31.2 616.0L34.0 615.5L39.0 615.4L187.0 615.4L193.0 615.7L197.0 616.6L200.0 617.6L206.0 620.6L209.0 622.7L212.0 625.5L214.3 628.0L216.4 631.0L218.1 634.0L219.4 637.0L220.4 640.0L221.2 644.0L221.5 649.0L221.5 722.0L221.0 723.3L201.7 705.0L201.4 646.0L200.5 643.0L199.5 641.0L197.0 638.0L194.0 635.8L190.0 634.5L187.0 634.2L39.0 634.2L35.0 634.5L32.0 635.5L30.0 636.5L28.3 638.0L25.7 641.0L24.8 643.0L23.8 648.0L23.8 705.0L24.8 710.0L26.5 713.0L28.4 715.0L30.0 716.3L32.0 717.3L35.0 718.3L39.0 718.5L165.0 718.5L165.7 718.0L155.4 708.0L154.7 707.0L155.0 706.7L182.0 706.7L221.0 742.8L221.2 743.0L221.0 743.8L194.0 743.9L193.0 743.5L187.0 737.7L186.0 737.4L35.0 737.3L30.0 736.4L26.0 735.3L20.0 732.4L17.0 730.4L14.0 727.7L9.7 723.0L6.8 718.0L5.6 715.0L4.6 711.0L4.0 704.0L4.0 649.0L4.6 642.0L5.6 638.0L7.8 633.0L9.6 630.0L14.0 625.0L18.0 621.6L21.0 619.7L25.0 617.8L28.0 616.7ZM279.5 616.0L280.0 615.3L298.0 615.3L299.0 615.4L299.4 616.0L299.6 707.0L300.6 710.0L301.7 712.0L305.0 715.4L308.0 717.2L311.0 718.1L314.0 718.4L462.0 718.4L465.0 718.2L468.0 717.4L470.8 716.0L473.0 714.4L474.2 713.0L476.0 709.9L476.4 709.0L477.1 705.0L477.1 616.0L478.0 615.3L496.0 615.3L496.9 616.0L496.9 704.0L496.4 711.0L494.4 717.0L492.4 721.0L490.3 724.0L487.0 727.5L484.0 730.1L481.0 732.2L477.0 734.3L471.0 736.4L466.0 737.2L313.0 737.4L310.0 737.2L305.0 736.2L300.0 734.5L296.0 732.4L293.0 730.4L289.1 727.0L285.5 723.0L283.6 720.0L281.6 716.0L280.6 713.0L279.7 709.0L279.5 704.0ZM645.6 616.0L646.0 615.6L647.0 616.2L654.4 624.0L757.5 737.0L757.0 737.4L756.0 737.5L732.0 737.5L731.0 737.0L652.3 651.0L647.0 645.3L646.0 644.8L579.2 718.0L580.0 718.5L687.0 718.5L703.3 736.0L704.2 737.0L704.0 737.2L703.0 737.5L536.0 737.5L535.0 737.0ZM806.5 616.0L807.0 615.3L808.0 615.2L826.0 615.3L826.5 616.0L826.5 717.0L826.6 718.0L827.0 718.4L983.0 718.4L984.0 718.6L984.3 719.0L984.2 737.0L983.0 737.4L807.0 737.4L806.6 737.0L806.5 736.0ZM1034.5 616.0L1035.0 615.3L1036.0 615.2L1054.0 615.2L1054.6 616.0L1054.6 736.0L1054.5 737.0L1054.0 737.4L1036.0 737.4L1035.0 737.3L1034.7 737.0ZM1105.0 616.0L1106.0 615.2L1322.0 615.2L1322.5 616.0L1322.5 633.0L1322.4 634.0L1322.0 634.4L1321.0 634.4L1224.0 634.4L1223.5 635.0L1223.4 737.0L1223.0 737.4L1204.0 737.3L1203.7 737.0L1203.6 736.0L1203.6 635.0L1203.0 634.4L1106.0 634.4L1105.2 634.0L1105.0 633.0ZM1365.4 616.0L1366.0 615.3L1367.0 615.3L1398.0 615.3L1400.0 615.7L1472.0 664.4L1473.0 664.4L1546.0 615.5L1547.0 615.3L1578.0 615.3L1579.0 615.4L1579.4 616.0L1483.0 681.1L1482.6 682.0L1482.6 736.0L1482.4 737.0L1482.0 737.4L1464.0 737.4L1462.8 737.0L1462.6 682.0L1462.3 681.0ZM2046.9 616.0L2048.0 615.2L2066.0 615.2L2067.0 616.0L2067.0 736.0L2066.8 737.0L2066.0 737.4L2048.0 737.4L2047.1 737.0L2046.9 736.0ZM2124.4 616.0L2125.0 615.4L2305.0 615.4L2311.0 615.7L2315.0 616.6L2319.0 617.8L2323.0 619.6L2328.0 622.8L2331.5 626.0L2334.2 629.0L2336.4 632.0L2338.0 635.0L2340.2 640.0L2341.4 645.0L2341.9 651.0L2341.3 658.0L2339.4 664.0L2337.4 668.0L2334.0 672.5L2328.0 678.2L2325.0 680.3L2319.0 683.3L2312.0 685.2L2305.0 685.8L2304.7 686.0L2305.2 687.0L2306.8 689.0L2348.3 737.0L2347.0 737.5L2325.0 737.4L2281.4 689.0L2279.0 686.5L2278.0 686.1L2145.0 686.1L2144.4 687.0L2144.4 737.0L2144.0 737.4L2143.0 737.5L2125.0 737.5L2124.5 737.0L2124.5 668.0L2125.0 666.9L2307.0 666.9L2310.0 666.4L2313.0 665.1L2316.0 663.3L2318.0 661.4L2319.2 660.0L2321.5 656.0L2322.3 653.0L2322.5 651.0L2322.2 648.0L2321.3 645.0L2320.3 643.0L2318.0 640.0L2314.0 636.7L2312.0 635.8L2307.0 634.5L2125.0 634.5L2124.4 634.0ZM2421.2 616.0L2423.0 615.6L2429.0 615.3L2609.0 615.3L2609.5 616.0L2609.5 633.0L2609.4 634.0L2609.0 634.4L2425.0 634.6L2422.0 635.5L2419.1 637.0L2415.6 640.0L2414.7 641.0L2412.6 645.0L2411.8 650.0L2412.6 655.0L2414.6 659.0L2416.0 660.6L2419.0 663.4L2421.0 664.5L2423.0 665.4L2427.0 666.3L2573.0 666.4L2578.0 666.7L2583.0 667.8L2588.0 669.7L2590.0 670.8L2596.0 674.8L2601.3 680.0L2604.3 684.0L2606.4 688.0L2608.3 693.0L2609.1 697.0L2609.4 703.0L2609.3 705.0L2608.4 710.0L2607.4 713.0L2605.2 718.0L2603.4 721.0L2600.1 725.0L2598.0 727.1L2594.0 730.3L2589.0 733.2L2584.0 735.2L2580.0 736.3L2576.0 736.7L2572.0 736.9L2393.0 736.9L2391.9 736.0L2391.9 719.0L2393.0 717.9L2574.0 717.8L2577.0 717.4L2580.0 716.3L2582.0 715.2L2584.0 713.5L2586.4 711.0L2587.5 709.0L2588.5 707.0L2589.3 704.0L2589.3 700.0L2588.4 696.0L2587.4 694.0L2585.2 691.0L2584.0 689.8L2581.0 687.7L2579.0 686.7L2575.0 685.7L2428.0 685.6L2424.0 685.4L2419.0 684.4L2416.0 683.4L2412.0 681.5L2408.0 679.2L2403.0 675.2L2400.8 673.0L2397.7 669.0L2396.0 666.0L2393.7 661.0L2392.7 657.0L2392.2 650.0L2392.7 644.0L2393.7 640.0L2395.8 635.0L2399.8 629.0L2403.0 625.5L2406.0 623.0L2411.0 619.7L2415.0 617.8L2418.0 616.7ZM2654.5 616.0L2655.0 615.3L2656.0 615.2L2871.0 615.2L2872.1 616.0L2872.1 633.0L2871.9 634.0L2871.0 634.4L2774.0 634.4L2773.1 635.0L2773.0 736.6L2772.9 737.0L2772.0 737.4L2754.0 737.4L2753.4 737.0L2753.2 736.0L2753.2 635.0L2752.0 634.4L2655.0 634.4L2654.6 634.0L2654.5 633.0ZM1779.3 667.0L1780.0 666.6L1984.0 666.6L1984.5 667.0L1984.6 668.0L1984.6 685.0L1984.0 685.6L1800.0 685.6L1799.4 686.0L1799.3 687.0L1799.1 737.0L1798.0 737.4L1780.0 737.4L1779.5 737.0L1779.4 736.0Z'/%3E%3C/svg%3E ") center / contain no-repeat;
}
.nav__links { display: flex; gap: clamp(20px, 2.4vw, 36px); }
.nav__links a {
  position: relative;
  font: 500 14px/1 var(--f-body);
  padding: 8px 0;
}
.nav__links a::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 2px;
  background: var(--copper);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .4s var(--ease);
}
.nav__links a:hover::after,
.nav__links a.is-current::after { transform: scaleX(1); transform-origin: left; }

.nav__actions { display: flex; align-items: center; gap: 16px; }

.lang { display: flex; box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 40%, transparent); }
.lang__btn {
  min-width: 36px;
  height: 32px;
  padding: 0 8px;
  font: 500 11px/1 var(--f-mono);
  letter-spacing: .1em;
  transition: background-color .3s, color .3s;
}
.lang__btn:hover { background: color-mix(in srgb, currentColor 12%, transparent); }
.lang__btn[aria-pressed="true"] { background: var(--nav-fg); color: var(--nav-bg); }

/* Кнопка меню — знак BAYERN; в открытом состоянии превращается в крестик */
.nav__burger {
  position: relative;
  display: none;
  width: 44px;
  height: 44px;
  place-items: center;
}
.nav__burger .mark { width: 30px; transition: transform .45s var(--ease), opacity .3s; }
.nav__burger::before,
.nav__burger::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 24px;
  height: 2px;
  background: currentColor;
  opacity: 0;
  transform: translate(-50%, -50%) rotate(0deg);
  transition: transform .45s var(--ease), opacity .3s;
}
.menu-open .nav__burger .mark { opacity: 0; transform: rotate(-90deg) scale(.6); }
.menu-open .nav__burger::before { opacity: 1; transform: translate(-50%, -50%) rotate(45deg); }
.menu-open .nav__burger::after { opacity: 1; transform: translate(-50%, -50%) rotate(-45deg); }

.mobile-menu {
  position: fixed;
  inset: 0;
  z-index: 40;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: calc(var(--nav-h) + 24px);
  padding-bottom: 32px;
  background: var(--deep);
  color: #fff;
  animation: menuIn .5s var(--ease);
}
.menu-open .nav { --nav-fg: #fff; --nav-bg: var(--deep); background: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; color: #fff; }
.mobile-menu__links { display: grid; }
.mobile-menu__links a {
  display: flex;
  align-items: baseline;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,.18);
  font: 700 clamp(32px, 9vw, 52px)/1 var(--f-display);
  text-transform: uppercase;
}
.mobile-menu__links .mono { color: var(--copper); font-size: 12px; }
.mobile-menu__foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; }
.mobile-menu .lang__btn[aria-pressed="true"] { background: #fff; color: var(--deep); }
@keyframes menuIn { from { opacity: 0; transform: translateY(-12px); } }

/* =========================================================
   HERO — Glyph Portal
   Базовые стили портировал из glyph-portal.tsx (© 2026 Christian Katzmann, MIT)
   ========================================================= */

.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

.gp { --gp-paper: #fff; --gp-ink: #0c1212; --gp-field: #0b3b2a; --gp-foreground: #fbfbfa; position: relative; isolation: isolate; background: var(--gp-paper); color: var(--gp-ink); }
.gp > [data-gp-viewport] { position: absolute; inset: 0 auto auto 0; height: 100vh; height: 100svh; width: 0; pointer-events: none; visibility: hidden; }
.gp [data-gp-pin] { position: relative; height: var(--gp-height, 100svh); overflow: clip; isolation: isolate; container-type: size; }
.gp [data-gp-field] { position: absolute; inset: 0; background: var(--gp-field); opacity: 0; pointer-events: none; }
.gp[data-gp-ready] [data-gp-field] { opacity: 1; }
.gp [data-gp-art] { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.gp [data-gp-marks] { fill: none; stroke: var(--gp-ink); opacity: .6; }
.gp [data-gp-choices] { position: absolute; inset: 0; visibility: hidden; pointer-events: none; }
.gp[data-gp-choosing="true"] [data-gp-choices] { visibility: visible; }
.gp [data-gp-letter] { box-sizing: border-box; position: absolute; border: 0; padding: 0; margin: 0; background: transparent; cursor: pointer; pointer-events: auto; touch-action: pan-y; }
.gp [data-gp-letter]:disabled { pointer-events: none; }
.gp [data-gp-letter]:focus-visible { outline: 2px solid var(--gp-field); outline-offset: 5px; }
.gp [data-gp-touch-picker] { display: none; position: absolute; top: calc(var(--gp-word-bottom, 50%) + 42px); left: 50%; transform: translateX(-50%); align-items: center; gap: 12px; visibility: hidden; }
.gp[data-gp-choosing="true"] [data-gp-touch-picker] { visibility: visible; }
.gp [data-gp-select] { min-height: 44px; min-width: 90px; border: 1px solid #d8deda; border-radius: 0; background: var(--gp-paper); color: var(--gp-ink); padding: 0 10px; font: inherit; }
.gp [data-gp-select]:focus-visible { outline: 2px solid var(--gp-field); outline-offset: 4px; }
@media (any-pointer: coarse) { .gp [data-gp-touch-picker] { display: flex; } }
.gp [data-gp-fallback] { position: absolute; inset: 0; display: none; place-items: center; font-size: min(calc(100cqw / var(--gp-characters)), 38cqh); line-height: 1; color: var(--gp-field); }
html:not(.js) .gp [data-gp-fallback] { display: grid; }
html:not(.js) .gp [data-gp-hint] { display: none; }
.gp[data-gp-ready] [data-gp-fallback] { visibility: hidden; }
.gp [data-gp-caption] { position: absolute; inset: auto 8% 9%; display: flex; align-items: center; justify-content: space-between; gap: 1rem; opacity: var(--gp-caption, 1); pointer-events: var(--gp-caption-hit, auto); }
.gp [data-gp-front] { position: absolute; inset: 0; opacity: var(--gp-caption, 1); pointer-events: none; }
.gp [data-gp-front] a, .gp [data-gp-front] button { pointer-events: var(--gp-caption-hit, auto); }
.gp [data-gp-front]:focus-within { opacity: 1; }
.gp [data-gp-hint] { max-width: 30ch; color: var(--gp-ink); }
.gp [data-gp-enter] { display: inline-flex; align-items: center; gap: 16px; min-height: 44px; color: inherit; text-decoration: none; }
.gp [data-gp-enter]:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
.gp [data-gp-caption]:focus-within { opacity: 1; pointer-events: auto; }
.gp [data-gp-content] { box-sizing: border-box; position: relative; min-height: var(--gp-height, 100svh); padding: clamp(32px, 7%, 100px); display: grid; align-content: center; color: var(--gp-foreground); background: var(--gp-field); overflow-wrap: anywhere; }
.gp[data-gp-motion="on"] [data-gp-pin] { position: sticky; top: 0; }
.gp[data-gp-motion="off"] [data-gp-hint] { display: none; }
.gp[data-gp-motion="on"] [data-gp-content] { margin-top: var(--gp-content-offset, calc((var(--gp-length) - 1) * var(--gp-height))); background: transparent; opacity: var(--gp-reveal, 0); pointer-events: none; }
.gp[data-gp-motion="on"][data-gp-entered="true"] [data-gp-content] { pointer-events: auto; }
.gp[data-gp-motion="on"]:has([data-gp-content]:focus-within) [data-gp-field] { clip-path: none !important; }
.gp[data-gp-motion="on"] [data-gp-content]:focus-within { opacity: 1; pointer-events: auto; }
.gp:has([data-gp-content]:focus-within) [data-gp-caption],
.gp:has([data-gp-content]:focus-within) [data-gp-marks] { opacity: 0; }
@media (prefers-reduced-motion: reduce) {
  .gp [data-gp-pin] { position: relative !important; }
  .gp [data-gp-content] { margin-top: 0 !important; opacity: 1 !important; background: var(--gp-field) !important; min-height: 0; padding-block: 64px; }
  .gp [data-gp-caption] { opacity: 1 !important; }
  .gp [data-gp-hint] { display: none; }
}

/* ---------- BAYERN: оформление портала ---------- */

/* paper = фото за логотипом, field = белый (фон About внутри логотипа) */
.hero-gp {
  --gp-paper: var(--steel);
  --gp-ink: #fff;
  --gp-field: var(--white);
  --gp-foreground: var(--deep);
  font-family: var(--f-body);
}

/* Фото за логотипом. Заглушка: небо (Steel) → горизонт → поле (Sand). Заменить на <img>/<video> */
.hero__photo {
  position: absolute;
  inset: 0;
  transform: scale(var(--gp-field-scale, 1));
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.09) 0 1px, transparent 1px 120px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.09) 0 1px, transparent 1px 120px),
    radial-gradient(120% 70% at 70% 20%, rgba(255,255,255,.45), rgba(255,255,255,0) 60%),
    linear-gradient(180deg, #6F95A8 0%, #90B2C2 38%, #C3D4DB 64%, #D9D6CE 66.5%, #CDBDA6 67%, #B6A386 100%);
}
.hero__photo .ph__label { left: auto; right: var(--pad); bottom: auto; top: calc(var(--nav-h) + 24px); color: #fff; opacity: .7; }
.hero__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(38,55,63,.38) 0%, rgba(38,55,63,0) 26%, rgba(38,55,63,0) 52%, rgba(38,55,63,.62) 100%);
}

/* Первый кадр: подпись сверху и строка снизу, как в исходном hero */
.hero-gp [data-gp-front] { color: #fff; }
.hero__inner {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: calc(var(--nav-h) + 28px);
  padding-bottom: clamp(24px, 4vh, 44px);
}
.hero__eyebrow { display: flex; align-items: center; gap: 12px; opacity: .95; }
.hero__bottom {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) auto;
  gap: clamp(24px, 3vw, 56px);
  align-items: end;
}
/* Подсказка «листайте вниз»: две белые стрелки над нижней строкой первого кадра */
.hero__scroll {
  position: absolute;
  left: 50%;
  bottom: calc(100% + clamp(16px, 3vh, 36px));
  display: grid;
  justify-items: center;
  gap: 1px;
  transform: translateX(-50%);
  /* кликабельна, пока виден первый кадр: --gp-caption-hit гасит её при прокрутке */
  pointer-events: var(--gp-caption-hit, auto);
  color: #fff;
}
.hero__scroll:focus-visible { outline: 2px solid #fff; outline-offset: 8px; }
.hero__scroll:hover svg { animation-play-state: paused; opacity: 1; transform: translateY(4px); }
.hero__scroll svg {
  width: clamp(32px, 2.9vw, 42px);
  height: auto;
  fill: none;
  stroke: #fff;
  stroke-width: 2.8;
  stroke-linecap: square;
  opacity: 0;
  filter: drop-shadow(0 2px 10px rgba(38,55,63,.45));
  animation: hero-scroll 2.1s cubic-bezier(.45,0,.35,1) infinite;
}
.hero__scroll svg + svg { animation-delay: .2s; }
@keyframes hero-scroll {
  0%   { opacity: 0; transform: translateY(-9px); }
  30%  { opacity: 1; transform: translateY(0); }
  60%  { opacity: .85; transform: translateY(7px); }
  100% { opacity: 0; transform: translateY(14px); }
}
.hero__title {
  font: 600 clamp(26px, 2.6vw, 42px)/1.04 var(--f-display);
  max-width: 20ch;
  text-wrap: balance;
}
.hero__text { font-size: 15px; line-height: 1.55; max-width: 42ch; opacity: .92; }
.hero__stats { display: flex; }
.hero__stats li { padding-inline: clamp(14px, 1.6vw, 24px); border-left: 1px solid rgba(255,255,255,.5); }
.hero__stats b { display: block; font: 600 clamp(28px, 2.4vw, 38px)/1 var(--f-display); margin-bottom: 8px; }
.hero__stats span { display: block; max-width: 15ch; font: 500 10.5px/1.35 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; opacity: .9; }
:lang(hy) .hero__title { font-stretch: 75%; }

/* Без JS — обычная картинка логотипа */
.hero-gp [data-gp-fallback] { position: absolute; left: var(--pad); right: var(--pad); top: 50%; width: calc(100% - 2 * var(--pad)); height: auto; transform: translateY(-50%); display: none; }
html:not(.js) .hero-gp [data-gp-fallback] { display: block; }

/* Кнопка «войти» — только для клавиатуры (skip-link) */
.hero-gp [data-gp-caption] { inset: auto auto 0 var(--pad); }
.hero-gp [data-gp-enter] {
  position: absolute;
  bottom: 16px;
  left: 0;
  padding: 0 16px;
  background: var(--copper);
  color: var(--ink);
  font: 600 14px/1 var(--f-body);
  white-space: nowrap;
  transform: translateY(200%);
  opacity: 0;
}
.hero-gp [data-gp-enter]:focus-visible { transform: none; opacity: 1; outline-color: var(--ink); }

/* После «входа»: About на белом */
.hero-gp [data-gp-content] {
  display: block;
  padding: 0;
  color: var(--deep);
  font-family: var(--f-body);
  overflow-wrap: normal;
  background: var(--white);
}
.hero-gp[data-gp-motion="on"] [data-gp-content] { background: var(--white); }
.hero-gp [data-gp-content] > .about { min-height: var(--gp-height, 100svh); display: grid; align-content: center; }

.stack { position: relative; z-index: 2; background: var(--paper); }

/* =========================================================
   SECTIONS — общее
   ========================================================= */

.section { padding-block: clamp(80px, 10vw, 160px); }
/* Секции ниже первого экрана браузер не раскладывает, пока до них не докрутили:
   первая отрисовка на телефоне быстрее. 900px — примерная высота до первого показа */
.section, .strip, .footer { content-visibility: auto; contain-intrinsic-size: auto 900px; }
.section--deep { background: var(--deep); color: #fff; }
.section--deep .h2 { color: #fff; }
.section--sand { background: var(--sand); }

.section-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 420px);
  gap: 24px 48px;
  align-items: end;
  margin-bottom: clamp(40px, 5vw, 80px);
}
.section-head__text { font-size: 16px; line-height: 1.6; max-width: 46ch; }
.section--deep .section-head__text { color: rgba(255,255,255,.88); }
.section-head--row { align-items: end; }

/* =========================================================
   BRAND CAROUSEL
   ========================================================= */

.strip { padding-block: clamp(72px, 8vw, 128px); overflow: hidden; }
.drag-hint { display: inline-flex; align-items: center; gap: 10px; justify-self: end; }
.drag-hint svg { width: 22px; height: 22px; stroke-width: 1.6; }

.carousel { cursor: grab; touch-action: pan-y; -webkit-user-select: none; user-select: none; }
.carousel.is-dragging { cursor: grabbing; }
.carousel__track { display: flex; gap: 16px; width: max-content; will-change: transform; }

/* =========================================================
   Карточка портфеля — по макету Figma «BAYERN — Portfolio cards template».
   Слои позиционированы в % от сетки 360×480, текст масштабируется от ширины карточки (cqw).
   ========================================================= */
.bcard {
  --cut: 32px;
  --card-bg: radial-gradient(75% 70% at 50% 50%, #fff 0%, #F3F2F0 55%, #E2E0DD 100%);
  position: relative;
  flex: none;
  width: clamp(270px, 25vw, 360px);
  aspect-ratio: 3 / 4;
  container-type: inline-size;
  isolation: isolate;
  color: var(--deep);
  /* объём: тонкий контур по форме карточки + мягкая и контактная тени */
  filter:
    drop-shadow(0 0 .6px rgba(38,55,63,.28))
    drop-shadow(0 22px 26px rgba(38,55,63,.16))
    drop-shadow(0 4px 6px rgba(38,55,63,.10));
  transition: transform .6s var(--ease), filter .6s var(--ease);
  -webkit-user-drag: none;
}
.bcard__art {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: var(--card-bg);
  clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);
}
/* слой IMAGE из шаблона (#E2E0DD, 55%) — только у карточек с градиентом */
.bcard--tint .bcard__art::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(226, 224, 221, .55);
}
/* свет сверху, тень снизу и светлая кромка — карточка «выпуклая» */
.bcard__art::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.28) 0%, rgba(255,255,255,0) 26%, rgba(38,55,63,0) 62%, rgba(38,55,63,.07) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), inset 0 0 0 1px rgba(255,255,255,.35), inset 0 -1px 0 rgba(38,55,63,.10);
}
.bcard__layer,
.bcard__plate { position: absolute; display: block; max-width: none; }
.bcard__layer { object-fit: cover; }
.bcard__layer--contain { object-fit: contain; }
.bcard__layer--photo { transition: transform .9s var(--ease); }
.bcard__layer--logo { transition: transform .5s var(--ease); }
.bcard__crop { overflow: hidden; }
.bcard__crop img { position: absolute; max-width: none; }

/* Плашка логотипа — объёмная «кнопка» в размер прямоугольника из макета */
.bcard__plate {
  background-color: var(--plate, #fff);
  border-radius: 6px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -1px 0 rgba(0,0,0,.12),
    0 0 0 1px rgba(38,55,63,.10),
    0 8px 16px -8px rgba(38,55,63,.45),
    0 2px 4px rgba(38,55,63,.12);
  transition: transform .5s var(--ease), box-shadow .5s var(--ease);
}

.bcard__num,
.bcard__meta {
  position: absolute;
  z-index: 1;
  margin: 0;
  font-size: max(9px, calc(11 / 360 * 100cqw));
  letter-spacing: .12em;
  color: var(--deep);
  white-space: nowrap;
}
.bcard__num { top: calc(26 / 480 * 100%); right: calc(22 / 360 * 100%); }
.bcard__meta { top: calc(87 / 480 * 100%); left: calc(22 / 360 * 100%); right: calc(22 / 360 * 100%); white-space: normal; line-height: 1.4; }

.bcard__go {
  position: absolute;
  z-index: 1;
  left: calc(22 / 360 * 100%);
  bottom: calc(22 / 480 * 100%);
  width: calc(44 / 360 * 100%);
  aspect-ratio: 1;
  min-width: 36px;
  display: grid;
  place-items: center;
  background: var(--ink);
  color: #fff;
  transition: background-color .4s, color .4s;
}
.bcard__go svg { width: 45%; height: 45%; transition: transform .5s var(--ease); }

@media (hover: hover) {
  .bcard:hover {
    transform: translateY(-10px);
    filter:
      drop-shadow(0 0 .6px rgba(38,55,63,.3))
      drop-shadow(0 32px 32px rgba(38,55,63,.2))
      drop-shadow(0 6px 8px rgba(38,55,63,.12));
  }
  .bcard:hover .bcard__layer--photo { transform: scale(1.04); }
  .bcard:hover .bcard__plate { transform: translateY(-2px); box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -1px 0 rgba(0,0,0,.12), 0 0 0 1px rgba(38,55,63,.10), 0 12px 20px -8px rgba(38,55,63,.5), 0 3px 6px rgba(38,55,63,.14); }
  .bcard:hover .bcard__layer--logo { transform: translateY(-2px); }
  .bcard:hover .bcard__go { background: var(--copper); color: var(--ink); }
  .bcard:hover .bcard__go svg { transform: rotate(45deg); }
}

/* Подсветка карточки бренда при переходе из портфеля */
.pcard:target::after {
  content: "";
  position: absolute;
  inset: -6px;
  z-index: 3;
  border: 2px solid var(--copper);
  pointer-events: none;
  animation: targetFlash 2.6s var(--ease) forwards;
}
@keyframes targetFlash {
  0%, 60% { opacity: 1; }
  100% { opacity: 0; }
}

/* =========================================================
   ABOUT
   ========================================================= */

.about { background: var(--white); }
.about__grid {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  gap: clamp(40px, 6vw, 96px);
  align-items: center;
}
.about__collage {
  position: relative;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  grid-template-rows: 1.25fr 1fr;
  gap: 16px;
  height: clamp(480px, 50vw, 720px);
  filter: var(--shadow-light);
}
.about__p1 { grid-row: 1 / 3; }
/* объём: тень у каждого фото (drop-shadow на контейнере — учитывает срезанный угол) и светлая кромка */
.about__collage { filter: drop-shadow(0 0 .6px rgba(38,55,63,.3)) drop-shadow(0 20px 26px rgba(38,55,63,.2)) drop-shadow(0 4px 8px rgba(38,55,63,.1)); }
.about__collage .ph::after { content: ""; position: absolute; inset: 0; pointer-events: none; box-shadow: inset 0 1px 0 rgba(255,255,255,.35), inset 0 0 0 1px rgba(255,255,255,.12); }
.about__p1 .ph__label { top: 16px; bottom: auto; }
.about .h2 { font-size: clamp(40px, 4.8vw, 80px); }
.about.section { padding-bottom: clamp(40px, 5vw, 72px); }
.about__p3 { --cut: 28px; clip-path: polygon(0 0, 100% 0, 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut))); }
.about__badge {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 22px;
  background: var(--ink);
  color: #fff;
}
.about__badge .mark { color: var(--copper); width: 28px; }
.about__mv {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin-top: 40px;
  padding-top: 28px;
  border-top: 1px solid var(--line);
}
.about__mv dt { margin-bottom: 10px; color: var(--copper-text); }
.about__mv dd { font-size: 15px; line-height: 1.6; }

.values {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: clamp(64px, 8vw, 120px);
}
/* Карточки ценностей — по макету media/strong points.png:
   тёплый светлый фон, объёмный предмет справа сверху (вырезка из макета, края растворяются в фоне) */
.value {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  aspect-ratio: 1 / .95;
  min-height: 270px;
  padding: clamp(24px, 2.4vw, 34px) clamp(22px, 2.4vw, 34px) clamp(24px, 2.6vw, 36px);
  background: linear-gradient(155deg, #F9F8F6 0%, #F5F4F2 50%, #F2F1EF 100%);
  box-shadow: 0 26px 42px -22px rgba(38,55,63,.24), 0 3px 8px rgba(38,55,63,.05), inset 0 1px 0 rgba(255,255,255,.9);
  transition: transform .5s var(--ease), box-shadow .5s var(--ease);
}
.value__art {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 52%;
  height: auto;
  aspect-ratio: 283 / 295;
  max-width: none;
  object-fit: cover;
  object-position: right top;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 34%), linear-gradient(to bottom, #000 55%, transparent 96%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, transparent 0%, #000 34%), linear-gradient(to bottom, #000 55%, transparent 96%);
  mask-composite: intersect;
  transform-origin: right top;
  transition: transform .9s var(--ease);
}
.value > :not(.value__art) { position: relative; z-index: 1; }
.social svg { stroke-linecap: round; stroke-linejoin: round; }
.value__num { font-size: 15px; letter-spacing: .04em; color: var(--copper-text); }
.value__num::after { content: ""; display: block; width: 20px; height: 1.5px; margin-top: 14px; background: var(--copper); }
.value h3 { margin-top: auto; max-width: 64%; font: 600 clamp(19px, 1.55vw, 24px)/1.22 var(--f-body); color: var(--ink); }
.value p { margin-top: 12px; max-width: 95%; font-size: clamp(13px, 1vw, 15px); line-height: 1.6; color: var(--deep); }
@media (hover: hover) {
  .value:hover { transform: translateY(-5px); box-shadow: 0 34px 50px -24px rgba(38,55,63,.28), 0 4px 10px rgba(38,55,63,.06), inset 0 1px 0 rgba(255,255,255,.9); }
  .value:hover .value__art { transform: scale(1.04); }
}

/* =========================================================
   BRANDS — бенто
   ========================================================= */

.bento { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; }
.pcard {
  --c: 0px;
  grid-column: span 5;
  display: flex;
  flex-direction: column;
  padding: clamp(20px, 2.2vw, 32px);
  position: relative;
  isolation: isolate;
  color: var(--ink);
  filter: var(--shadow-light);
}
.pcard::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: var(--white);
  clip-path: polygon(0 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, 0 100%);
  transition: clip-path .6s var(--ease);
}
.pcard > * { position: relative; z-index: 1; }
.pcard--wide { grid-column: span 7; }
.pcard--full { grid-column: 1 / -1; }
.pcard__top { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.pcard__go { display: inline-flex; align-items: center; gap: 12px; }
.pcard__arrow {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  background: var(--paper);
  transition: background-color .4s, color .4s;
}
.pcard__arrow svg { width: 20px; height: 20px; transition: transform .5s var(--ease); }
.pcard__media { position: relative; margin-block: 20px 28px; }
.pcard__body { margin-top: auto; }

/* Коллаж: плитки и фото в % от сетки области (704×440 / 480×440 / 1264×440) — как шаблон в Figma */
.collage { width: 100%; overflow: hidden; }
.collage__tile,
.collage__img { position: absolute; display: block; max-width: none; }
.collage__tile {
  box-shadow: inset 0 0 0 1px rgba(38,55,63,.05), inset 0 1px 0 rgba(255,255,255,.8);
}
/* пустая плитка-заглушка: штриховка + крестик, как у остальных заглушек фото */
.collage__tile--ph {
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.5), rgba(255,255,255,0) 55%),
    repeating-linear-gradient(-45deg, rgba(38,55,63,.06) 0 1px, transparent 1px 14px);
}
.collage__tile--ph::before {
  content: "";
  position: absolute;
  left: 50%; top: 50%;
  width: 40px; height: 40px;
  transform: translate(-50%, -50%);
  background:
    linear-gradient(rgba(38,55,63,.25) 0 0) center / 100% 1px no-repeat,
    linear-gradient(rgba(38,55,63,.25) 0 0) center / 1px 100% no-repeat;
}
.collage__tile--ph .ph__label { left: 12px; bottom: 10px; }
.collage__img { transition: transform 1s var(--ease); }
.collage__img--contain { object-fit: contain; mix-blend-mode: multiply; } /* белый фон фото растворяется в плитке */
.collage__img--cover { object-fit: cover; }
/* готовый коллаж из Figma (assets/img/photos/brands/<id>.jpg) — одной картинкой поверх заглушек */
/* плитки с прозрачными промежутками: у каждой своя тень и кромка */
.collage.has-photo {
  overflow: visible;
  background-size: 100% 100% !important;
  filter: drop-shadow(0 0 .6px rgba(38,55,63,.28)) drop-shadow(0 14px 18px rgba(38,55,63,.16)) drop-shadow(0 3px 5px rgba(38,55,63,.08));
}
.collage.has-photo > * { display: none; }
.pcard__cat { color: var(--copper-text); margin-bottom: 10px; }
.pcard__name { font: 700 clamp(48px, 5.6vw, 96px)/.86 var(--f-display); text-transform: uppercase; }
.pcard__list { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 20px; }
.pcard__list li {
  padding: 7px 10px;
  border: 1px solid var(--line);
  font: 500 11px/1.2 var(--f-mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--deep);
}
@media (hover: hover) {
  .pcard:hover { --c: 56px; }
  .pcard:hover .collage__img--contain { transform: scale(1.05); }
  .pcard:hover .collage__img--cover { transform: scale(1.03); }
  .pcard:hover .pcard__arrow { background: var(--copper); }
  .pcard:hover .pcard__arrow svg { transform: rotate(45deg); }
}

/* =========================================================
   INDUSTRIES
   ========================================================= */

.ind__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: clamp(40px, 6vw, 96px);
  align-items: start;
}
.ind__list { border-bottom: 1px solid rgba(255,255,255,.22); }
.ind__item {
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 12px;
  padding: 22px 0;
  border-top: 1px solid rgba(255,255,255,.22);
  text-align: left;
  color: #fff;
  opacity: .62;
  transition: opacity .4s;
}
.ind__item::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: -1px;
  height: 2px;
  background: var(--copper);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .6s var(--ease);
}
.ind__item:hover { opacity: .9; }
.ind__item.is-active { opacity: 1; }
.ind__item.is-active::before { transform: scaleX(1); }
.ind__item .mono { transition: color .4s; }
.ind__item.is-active .mono { color: var(--copper); }
.ind__name { font: 600 clamp(22px, 2.3vw, 34px)/1.05 var(--f-display); text-transform: uppercase; }
.ind__item svg { width: 22px; height: 22px; transform: translateX(-8px); opacity: 0; transition: transform .5s var(--ease), opacity .4s; }
.ind__item.is-active svg { transform: none; opacity: 1; }

.ind__detail { margin-top: 36px; }
.ind__desc { font-size: 18px; line-height: 1.55; max-width: 44ch; min-height: 3.2em; }
.ind__tags-label { margin-top: 28px; margin-bottom: 12px; color: rgba(255,255,255,.75); }
.tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 36px; }
.tags li {
  padding: 8px 12px;
  border: 1px solid rgba(255,255,255,.4);
  font: 500 12px/1 var(--f-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ind__gallery {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-template-rows: clamp(240px, 24vw, 380px) clamp(200px, 19vw, 300px);
  gap: 12px;
  position: sticky;
  top: calc(var(--nav-h) + 32px);
  filter: var(--shadow-dark);
}
.ind__gallery .g1 { grid-column: 1 / 5; grid-row: 1; }
.ind__gallery .g2 { grid-column: 5 / 7; grid-row: 1 / 3; --cut: 36px; clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%); }
.ind__gallery .g3 { grid-column: 1 / 3; grid-row: 2; }
.ind__gallery .g4 { grid-column: 3 / 5; grid-row: 2; }
.ind__gallery.is-swapping .ph { animation: phSwap .7s var(--ease) both; }
.ind__gallery.is-swapping .g2 { animation-delay: .06s; }
.ind__gallery.is-swapping .g3 { animation-delay: .12s; }
.ind__gallery.is-swapping .g4 { animation-delay: .18s; }
@keyframes phSwap { from { opacity: .2; transform: translateY(12px); } }
/* готовая галерея из Figma (assets/img/photos/industries/0N.jpg) — одной картинкой вместо 4 плиток */
.ind__gallery.has-photo {
  display: block;
  aspect-ratio: 1434 / 1264;
  background-size: 100% 100% !important;
  /* Тень падает на каждую плитку отдельно (drop-shadow идёт по альфе), а зазор между
     плитками всего 12 px — поэтому смещение маленькое, иначе верхняя плитка кладёт
     серую полосу на нижнюю. */
  filter: drop-shadow(0 0 .6px rgba(0,0,0,.32)) drop-shadow(0 4px 12px rgba(10,20,26,.3)) drop-shadow(0 1px 3px rgba(10,20,26,.18));
}
.ind__gallery.has-photo > * { display: none; }
.ind__gallery.has-photo.is-swapping { animation: phSwap .7s var(--ease) both; }

/* =========================================================
   FAQ
   ========================================================= */

.faq { background: var(--white); }
.faq__grid {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
  gap: clamp(40px, 7vw, 120px);
  align-items: start;
}
.faq__head { position: sticky; top: calc(var(--nav-h) + 40px); isolation: isolate; }
.faq__head > *:not(.faq__qmark) { position: relative; z-index: 1; }
.faq__qmark {
  position: absolute;
  z-index: 0;
  left: 38%;
  top: 50%;
  transform: translate(-50%, -52%);
  font: 700 clamp(360px, 42vw, 640px)/1 var(--f-display);
  color: var(--concrete);
  opacity: .55;
  pointer-events: none;
  user-select: none;
}
.faq__head .section-head__text { margin-top: 24px; }
.faq__more { margin-top: 32px; font-size: 15px; }
.faq__list { border-bottom: 1px solid var(--line); }
.faq__item { border-top: 1px solid var(--line); }
.faq__q {
  width: 100%;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 36px;
  align-items: center;
  gap: 16px;
  padding: 28px 0;
  text-align: left;
  font: 600 clamp(19px, 1.7vw, 25px)/1.25 var(--f-display);
  color: var(--ink);
}
.faq__q .mono { color: var(--copper-text); }
.faq__icon { position: relative; width: 36px; height: 36px; border: 1px solid var(--concrete); transition: background-color .4s, border-color .4s; }
.faq__icon::before,
.faq__icon::after {
  content: "";
  position: absolute;
  left: 50%; top: 50%;
  width: 14px; height: 2px;
  background: var(--ink);
  transform: translate(-50%, -50%);
  transition: transform .4s var(--ease), background-color .4s;
}
.faq__icon::after { transform: translate(-50%, -50%) rotate(90deg); }
.faq__q:hover .faq__icon { border-color: var(--ink); }
.faq__item.is-open .faq__icon { background: var(--ink); border-color: var(--ink); }
.faq__item.is-open .faq__icon::before,
.faq__item.is-open .faq__icon::after { background: #fff; }
.faq__item.is-open .faq__icon::after { transform: translate(-50%, -50%) rotate(0deg); }
.faq__a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .5s var(--ease); }
.faq__a > div { overflow: hidden; }
.faq__a p { padding: 0 52px 30px 64px; max-width: 70ch; font-size: 16px; line-height: 1.65; }
.faq__item.is-open .faq__a { grid-template-rows: 1fr; }

/* =========================================================
   CONTACT
   ========================================================= */

.contact { position: relative; overflow: hidden; isolation: isolate; }
.contact > .container { position: relative; z-index: 1; }
/* Волна точек (DottedSurface) цвета футера за секцией */
.contact__dots { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.contact__grid {
  display: grid;
  /* колонки поровну: форма уже, а карта слева забирает освободившуюся высоту */
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(40px, 6vw, 100px);
  align-items: stretch;
}
.contact .label, .contact .h2, .contact .lead { color: var(--ink); }
/* Заголовок меньше обычного h2: в колонке помещаются контакты и карта */
.contact .h2 { font-size: clamp(30px, 2.8vw, 44px); }
.contact .lead { margin-top: 16px; }
/* Колонка тянется на высоту формы — карта забирает остаток места */
.contact__info { align-self: stretch; display: flex; flex-direction: column; }
.contact__list { margin-top: 18px; border-bottom: 1px solid rgba(38,55,63,.2); }
.contact__list li { display: grid; gap: 3px; padding: 9px 0; border-top: 1px solid rgba(38,55,63,.2); }
.contact__list .mono { color: var(--deep); font-size: 11px; }
.contact__list a, .contact__list li > span:last-child { font: 600 clamp(17px, 1.4vw, 21px)/1.2 var(--f-display); color: var(--ink); }
.contact__list a:hover { color: var(--deep); }

/* Google-карта под адресом: срез угла как у карточек, под картой — ссылка «открыть» */
.contact__map {
  --cut: 28px;
  filter: drop-shadow(0 18px 26px rgba(38,55,63,.16)) drop-shadow(0 4px 8px rgba(38,55,63,.08));
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  margin-top: 16px;
  min-height: 0;
  background: rgba(255,255,255,.5);
  clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
}
.contact__map-frame { flex: 1; min-height: 0; }
.contact__map iframe { display: block; width: 100%; height: 100%; border: 0; filter: saturate(.9); }
.contact__map-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 18px;
  font-size: 11px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #fff;
  background: var(--ink);
  transition: background-color .35s;
}
.contact__map-link svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.contact__map-link:hover { background: var(--deep); }

/* ловушка для спам-ботов: поле не видно и недоступно людям */
.field--hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
/* сообщение «не отправилось» под кнопкой */
.form__note { margin-top: 16px; color: #A3372B; font-size: 12px; line-height: 1.5; }
.btn.is-busy { pointer-events: none; }

/* Отправка и успех — поверх всей карточки формы. Срез угла берём у карточки,
   чтобы слой повторял её форму. */
.form__overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  place-items: center;
  background: rgba(243, 242, 240, .72);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  clip-path: var(--glass-clip);
  animation: menuIn .25s var(--ease);
}
.form__overlay[hidden] { display: none; }
.form__overlay > * { grid-area: 1 / 1; }
.form__spin {
  width: 62px;
  height: 62px;
  border: 3px solid rgba(38, 55, 63, .18);
  border-top-color: var(--copper);
  border-radius: 50%;
  animation: btnSpin .8s linear infinite;
}
.form__check {
  width: 62px;
  height: 62px;
  display: none;
  place-items: center;
  border-radius: 50%;
  background: var(--ok);
  color: #fff;
  animation: okPop .4s var(--ease) both;
}
.form__check svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; }
.form__overlay.is-done .form__spin { display: none; }
.form__overlay.is-done .form__check { display: grid; }
@keyframes btnSpin { to { transform: rotate(360deg); } }
@keyframes okPop { from { opacity: 0; transform: scale(.6); } }

.contact__card {
  align-self: start;
  --cut: 40px;
  --glass-clip: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
  position: relative;
  isolation: isolate;
  padding: clamp(24px, 3.6vw, 52px);
}
/* Объём: тень на стеклянном слое, а не на самой карточке — иначе filter у родителя
   сбивает backdrop-filter и размытие за формой пропадает. */
.contact__card::before { filter: drop-shadow(0 18px 26px rgba(38,55,63,.16)) drop-shadow(0 4px 8px rgba(38,55,63,.08)); }
/* Матовое полупрозрачное стекло: точки за формой размываются */
.contact__card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(135deg, rgba(255,255,255,.62), rgba(255,255,255,.34));
  -webkit-backdrop-filter: blur(18px) saturate(1.25);
  backdrop-filter: blur(18px) saturate(1.25);
  clip-path: var(--glass-clip);
}
/* Светлая кромка стекла */
.contact__card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,.9), rgba(255,255,255,.2) 40%, rgba(255,255,255,.55));
  clip-path: var(--glass-clip);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  padding: 1px;
}
/* Контент поднимаем над стеклянными слоями; слой отправки исключаем — он absolute */
.contact__card > *:not(.form__overlay) { position: relative; z-index: 1; }
.form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 28px; margin-bottom: 36px; }
.field { display: grid; gap: 6px; align-content: start; }
.field--full { grid-column: 1 / -1; }
.field__label { font-size: 11px; color: var(--deep); }
.field__label[data-req]::after { content: " *"; color: var(--copper-text); }
.field input:not([type="checkbox"]),
.field select,
.field textarea {
  width: 100%;
  padding: 10px 0 12px;
  font: 400 16px/1.4 var(--f-body);
  color: var(--ink);
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--concrete);
  border-radius: 0;
  outline: none;
  transition: border-color .3s, box-shadow .3s;
}
.field select {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  padding-right: 28px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2326373F' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right center / 18px no-repeat;
}
.field textarea { resize: vertical; min-height: 110px; }
.field input:focus, .field select:focus, .field textarea:focus { border-bottom-color: var(--ink); box-shadow: 0 1px 0 var(--ink); }
.field textarea::placeholder { color: #8A9AA2; }
.field__error { display: none; font-size: 11px; color: var(--copper-text); letter-spacing: .06em; }
.field.is-invalid input:not([type="checkbox"]),
.field.is-invalid select { border-bottom-color: var(--copper); box-shadow: 0 1px 0 var(--copper); }
.field.is-invalid .field__error { display: block; }

.check { grid-template-columns: 22px minmax(0, 1fr); column-gap: 12px; align-items: start; font-size: 14px; line-height: 1.5; cursor: pointer; }
.check .field__error { grid-column: 2; }
.check input {
  -webkit-appearance: none;
  appearance: none;
  width: 22px;
  height: 22px;
  margin: 0;
  border: 1.5px solid var(--deep);
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: background-color .25s, border-color .25s;
}
.check input::after {
  content: "";
  width: 12px;
  height: 12px;
  background: #fff;
  clip-path: polygon(14% 44%, 0 58%, 38% 96%, 100% 22%, 86% 8%, 38% 68%);
  transform: scale(0);
  transition: transform .25s var(--ease);
}
.check input:checked { background: var(--ink); border-color: var(--ink); }
.check input:checked::after { transform: scale(1); }
.check.is-invalid input { border-color: var(--copper); }

.form button[type="submit"][disabled] { opacity: .7; cursor: progress; }


/* =========================================================
   FOOTER
   ========================================================= */

.footer { background: var(--deep); color: #fff; padding-top: clamp(64px, 8vw, 120px); }
.footer__top { display: grid; grid-template-columns: 2fr 1fr 1fr 1.2fr; gap: 40px; }
/* Логотип — меньше, по центру под колонками */
.footer__logo { grid-column: 1 / -1; justify-self: center; width: 100%; max-width: 860px; height: auto; margin-top: clamp(40px, 5vw, 72px);
  transition: transform .5s var(--ease); }
.footer__logo:hover { transform: scale(1.03); }
.footer__col { display: grid; align-content: start; gap: 10px; font-size: 15px; }
.footer__col h4 { margin-bottom: 8px; font-weight: 500; color: rgba(255,255,255,.7); }
.footer__col a { width: fit-content; transition: color .3s; }
.footer__col a:hover { color: var(--sand); }
.footer__col--lead { gap: 20px; }
.footer__col--lead p { max-width: 34ch; font-size: 17px; line-height: 1.55; }
/* Под текстом: знак + соцсети, всё медным */
.footer__brandline { display: flex; align-items: center; gap: 14px; margin-top: 8px; color: var(--copper); }
.footer__brandline .mark { width: 42px; transition: transform .35s var(--ease); }
.footer__brandline:hover .mark { transform: scale(1.12); }
.socials { display: flex; gap: 10px; }
.social {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid var(--copper);
  color: var(--copper);
  transition: background-color .3s, border-color .3s, color .3s, transform .35s var(--ease);
}
.social:hover { transform: scale(1.12); }
.footer__col a.social { width: 42px; transition: background-color .3s, border-color .3s, color .3s, transform .35s var(--ease); }
.footer__col a.social:hover { background: var(--copper); color: var(--ink); }
.social svg { width: 19px; height: 19px; stroke-width: 1.8; }

.footer__bottom {
  margin-top: clamp(48px, 6vw, 88px);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px 32px;
  padding-block: 24px 32px;
  border-top: 1px solid rgba(255,255,255,.22);
  font-size: 11px;
  color: rgba(255,255,255,.85);
}
.footer__bottom a:hover { color: #fff; text-decoration: underline; }

/* =========================================================
   CATALOG (заглушка)
   ========================================================= */

.catalog { min-height: 100svh; padding-top: calc(var(--nav-h) + clamp(40px, 6vw, 88px)); padding-bottom: clamp(64px, 8vw, 120px); }
.catalog__back { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 40px; }
.catalog__back svg { width: 18px; height: 18px; transform: rotate(180deg); }
.catalog__grid { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(32px, 5vw, 80px); align-items: stretch; }
.catalog__name { font: 700 clamp(64px, 11vw, 180px)/.84 var(--f-display); text-transform: uppercase; color: var(--ink); margin-block: 8px 24px; }
.catalog__meta { color: var(--copper-text); }
.catalog__soon { margin-top: 48px; padding: clamp(24px, 3vw, 40px); background: var(--white); box-shadow: var(--box-shadow-light); }
.catalog__soon .mark { display: block; }
.catalog__media { filter: var(--shadow-light); }
.catalog__soon h2 { font: 700 clamp(28px, 3vw, 40px)/1 var(--f-display); text-transform: uppercase; color: var(--ink); margin-block: 16px 12px; }
.catalog__soon p { margin-bottom: 28px; max-width: 48ch; }
.catalog__media { position: relative; min-height: 420px; }
.catalog__media .ph { position: absolute; inset: 0; --cut: 48px; clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%); }
.catalog__range { margin-top: 16px; }

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {
  .nav__links { display: none; }
  .nav__burger { display: grid; }
  .hero__bottom { grid-template-columns: 1fr 1fr; }
  .hero__stats { grid-column: 1 / -1; }
  .hero__stats li:first-child { padding-left: 0; border-left: 0; }
  .values { grid-template-columns: 1fr 1fr; }
  .footer__top { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 900px) {
  .section-head { grid-template-columns: 1fr; }
  .drag-hint { justify-self: start; }
  .about__grid, .ind__grid, .faq__grid, .contact__grid, .catalog__grid { grid-template-columns: 1fr; }
  .contact__map { flex: none; min-height: 280px; }
  .about__collage { order: 2; }
  .faq__head { position: relative; top: auto; }
  .ind__gallery { position: static; }
  .pcard, .pcard--wide, .pcard--full { grid-column: 1 / -1; }
  .collage--full:not(.has-photo) { aspect-ratio: 704 / 440 !important; }
  .catalog__media { min-height: 300px; }
}

@media (max-width: 640px) {
  :root { --nav-h: 64px; }
  .nav__logo { width: 112px; }
  .nav__cta, .nav__actions > .lang { display: none; }
  .hero__bottom { grid-template-columns: 1fr; gap: 16px; }
  .hero__text { display: none; }
  .hero__stats li { padding-inline: 14px; }
  .hero__photo .ph__label { display: none; }
  .about__collage { height: 440px; gap: 10px; }
  .about__mv { grid-template-columns: 1fr; gap: 24px; }
  .values { grid-template-columns: 1fr; }
  .ind__gallery { grid-template-rows: 180px 140px; gap: 8px; }
  .ind__gallery .ph__label { display: none; }
  .faq__q { grid-template-columns: 32px minmax(0, 1fr) 32px; gap: 12px; padding: 22px 0; }
  .faq__icon { width: 32px; height: 32px; }
  .faq__a p { padding: 0 0 24px 44px; }
  .form__grid { grid-template-columns: 1fr; gap: 24px; }
  .btn--lg { width: 100%; }
  .footer__top { grid-template-columns: 1fr; gap: 32px; }
  .faq__qmark { left: 72%; font-size: 300px; }
  .footer__bottom { flex-direction: column; }

}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  .js .reveal { opacity: 1; transform: none; }
  .hero__scroll svg { opacity: 1; transform: none; }
}
