/* ==========================================================================
   TAMGARD PARTNERS — фирменный слой поверх UIkit 3.25
   Источник: экспорт прототипа (styles.css). Роль в шаблоне та же, что была
   у прежнего user.css, поэтому имя сохранено. Прежний слой tamgard.css снят
   вместе с разметкой прошлого поколения.

   Правится не здесь: слой пересобирается из экспорта командой
   tools/styles.py. Правки «по месту» теряются при следующей сборке.
   ========================================================================== */

/* TAMGARD PARTNERS — брендовый слой поверх UIkit 3.25.
   Правило системы: всё, что есть в UIkit (сетка, кнопки, метки, карточки, таблицы,
   списки, формы, крошки, навигация, модалки, слайдер, утилиты) берётся из UIkit
   и только переопределяется здесь. Свои классы — лишь то, чего в UIkit нет:
   знак и лок-ап, кереге, ножи 45°, ромб-маски, рецепты кадра, размерная линия,
   штамп, глифы-призраки и редакционные раскладки страниц. */
@font-face{font-family:'JetBrains Mono';src:url('../fonts/jetbrains-mono-cyrillic-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'JetBrains Mono';src:url('../fonts/jetbrains-mono-latin-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}


@font-face{font-family:'JetBrains Mono';src:url('../fonts/jetbrains-mono-cyrillic-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'JetBrains Mono';src:url('../fonts/jetbrains-mono-latin-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Sans';src:url('../fonts/NotoSans-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Sans';src:url('../fonts/NotoSans-Italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Noto Sans';src:url('../fonts/NotoSans-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Sans';src:url('../fonts/NotoSans-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Sans';src:url('../fonts/NotoSans-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Sans';src:url('../fonts/NotoSans-ExtraBold.woff2') format('woff2');font-weight:800 900;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Sans SC';src:url('../fonts/NotoSansSC-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Sans SC';src:url('../fonts/NotoSansSC-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Sans SC';src:url('../fonts/NotoSansSC-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Sans SC';src:url('../fonts/NotoSansSC-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Sans SC';src:url('../fonts/NotoSansSC-ExtraBold.woff2') format('woff2');font-weight:800 900;font-style:normal;font-display:swap}

/* ТОКЕНЫ */
:root{--tm-quote-glyph:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><polygon points='5,9.6 7.6,12.2 5,14.8 2.4,12.2' fill='black'/><line x1='5' y1='9.6' x2='9' y2='5.6' stroke='black' stroke-width='1.2'/><polygon points='13,9.6 15.6,12.2 13,14.8 10.4,12.2' fill='black'/><line x1='13' y1='9.6' x2='17' y2='5.6' stroke='black' stroke-width='1.2'/></svg>");
  --blue:#1E4E7A;--blue-dark:#163B5C;--blue-sky:#2C6DA8;
  --white:#FFFFFF;--surface:#F5F8FB;--wash:#EAF1F8;
  --ink:#1A2A3A;--ink-2:#3A4A5A;--muted:#7A8794;
  --terracotta:#A85020;--terracotta-dark:#7A3A17;
  --line:var(--ink-line);--line-strong:rgba(26,42,58,.28);
  --on-blue:#FFFFFF;--on-blue-dim:#AAC4DE;
  --font-display:'Noto Sans','Noto Sans SC',system-ui,sans-serif;
  --font-body:'Noto Sans','Noto Sans SC',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
  --t-display:clamp(34px,8.6vw,128px); /* @kind font */
  --t-display-sm:clamp(30px,5.4vw,72px); /* @kind font */
  --t-section:clamp(24px,3.2vw,44px); /* @kind font */
  --t-card:clamp(17px,1.5vw,22px); /* @kind font */
  --t-lead:clamp(17px,1.4vw,20px); /* @kind font */
  --t-body:clamp(16px,1.15vw,18px); /* @kind font */
  --t-small:14.5px;--t-mono:11.5px;--t-mono-sm:10.5px;
  --lh-caps:1.26; /* @kind font */
  --measure:64ch;
  --radius:0;
  --lift:5px 5px 0 var(--blue-dark);
  --lift-hover:7px 7px 0 var(--blue-dark);
  --lift-sm:3px 3px 0 var(--blue-dark);
  --lift-lg:8px 8px 0 var(--blue-dark);
  --lift-press:2px 2px 0 var(--ink);
  --lift-accent:7px 7px 0 var(--terracotta); /* @kind shadow */
  --lift-accent-sm:5px 5px 0 var(--terracotta); /* @kind shadow */
  --lift-shift:translate(-2px,-2px); /* @kind other */
  --t-btn:11px; /* @kind font */
  --ease:cubic-bezier(.16,1,.3,1); /* @kind other */
  --dur:200ms; /* @kind other */
  --kerege:repeating-linear-gradient(45deg,var(--blue) 0 3px,transparent 3px 48px),repeating-linear-gradient(-45deg,var(--blue) 0 3px,transparent 3px 48px);
  --kerege-fine:repeating-linear-gradient(45deg,var(--blue) 0 2px,transparent 2px 28px),repeating-linear-gradient(-45deg,var(--blue) 0 2px,transparent 2px 28px);
  --kerege-ink:repeating-linear-gradient(45deg,var(--ink) 0 3px,transparent 3px 48px),repeating-linear-gradient(-45deg,var(--ink) 0 3px,transparent 3px 48px);
  --kerege-teeth:repeating-linear-gradient(45deg,var(--blue) 0 3px,transparent 3px 24px),repeating-linear-gradient(-45deg,var(--blue) 0 3px,transparent 3px 24px);
  --rhomb:polygon(50% 0,100% 50%,50% 100%,0 50%); /* @kind other */
  --chamfer:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px); /* @kind other */
  --ts-cap:#7A8794;--ts-ring:#1A2A3A;--ts-hover:#7A8794;
  --logo-size:22px;
  /* Полупрозрачный белый по РОЛЯМ (значение — по самому частому вхождению).
     Пятая роль — точки градиента затенения кадра: это не цвет, а параметры приёма. */
  --on-blue-line:rgba(255,255,255,.22); /* @kind color */
  --on-blue-soft:rgba(255,255,255,.5); /* @kind color */
  --on-blue-text:rgba(255,255,255,.88); /* @kind color */
  --on-blue-veil:rgba(255,255,255,.06); /* @kind color */
  --shade-from:color-mix(in srgb, var(--blue-dark) 72%, transparent);
  --shade-to:color-mix(in srgb, var(--blue-dark) 28%, transparent);
  /* Точки градиента «нарастающая белизна» под текст хиро и фон липкой шапки */
  --veil-1:rgba(255,255,255,.96); /* @kind color */
  --veil-2:rgba(255,255,255,.8); /* @kind color */
  --veil-3:rgba(255,255,255,.72); /* @kind color */
  --head-glass:rgba(255,255,255,.95); /* @kind color */
  /* Чернила с прозрачностью по ролям: волосяная линия, усиленная кромка, тихий текст */
  --ink-line:rgba(26,42,58,.14); /* @kind color */
  --ink-line-strong:rgba(26,42,58,.22); /* @kind color */
  --ink-dim:rgba(26,42,58,.6); /* @kind color */
  /* Грунты крупного номера блока — своя роль, не расчёт от базовых тонов */
  --spec-warm:#F3E4DB; /* @kind color */
  --spec-warm-2:#EBD3C5; /* @kind color */
  --spec-cool:#DCE8F4; /* @kind color */
  --logo-v-size:88px;
  --eye:16%;
  --on-blue-label:rgba(255,255,255,.78); /* @kind color */
  --on-blue-ph:var(--on-blue-soft); /* @kind color */
  --dark-veil:color-mix(in srgb, var(--blue-dark) 72%, transparent);--dark-veil-hatch:color-mix(in srgb, var(--blue-dark) 50%, transparent);
  --anchor-pad:24px;
  --rail-w:232px;
  --head-bg:var(--head-glass); /* @kind color */
  --edge:5vw; /* @kind spacing */
  --container-max:1440px; /* @kind spacing */
}
[data-theme="terra"]{--dark-veil:color-mix(in srgb, var(--terracotta-dark) 74%, transparent);--dark-veil-hatch:color-mix(in srgb, var(--terracotta-dark) 52%, transparent);--blue:var(--terracotta);--blue-dark:var(--terracotta-dark);--blue-sky:#B96A3E;--terracotta:var(--blue);--terracotta-dark:var(--blue-dark);--wash:#F5EAE0;--surface:#FAF4EE;--on-blue-dim:#E6C7B0}
@media (max-width:1280px){:root{--anchor-pad:84px}}

/* БАЗА — поверх нормализации UIkit */
html{scrollbar-gutter:stable}
body{background:var(--white);color:var(--ink);font-family:var(--font-body);font-size:var(--t-body);line-height:1.62;text-wrap:pretty}
::selection{background:var(--wash);color:var(--ink)}
:focus-visible{outline:1px solid var(--blue);outline-offset:6px}
img,svg,video{display:block;max-width:100%}
p{margin:0}
section[data-screen-label],[id]{scroll-margin-top:var(--anchor-pad)}
@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}

/* ТИПОГРАФИКА — капс 900, трекинг −.03em, интерлиньяж не ниже 1.26 */
h1,h2,h3,h4,h5,h6,.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,.uk-heading-small,.uk-heading-medium,.uk-heading-large{font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;line-height:var(--lh-caps);margin:0;color:var(--ink)}
h1,.uk-h1{font-size:var(--t-display);line-height:1.24;letter-spacing:-.035em}
h2,.uk-h2{font-size:var(--t-section)}
h3,.uk-h3{font-size:var(--t-card);letter-spacing:-.02em}
h4,.uk-h4{font-size:var(--t-body);letter-spacing:.01em}
h5,.uk-h5{font-size:15px;letter-spacing:.02em}
h6,.uk-h6{font-family:var(--font-mono);font-size:var(--t-mono);font-weight:700;letter-spacing:.2em;color:var(--muted)}
.uk-heading-small{font-size:var(--t-display-sm);line-height:1.06;letter-spacing:-.035em}
.uk-heading-medium{font-size:clamp(40px,6vw,92px);line-height:1.02;letter-spacing:-.04em}
.uk-heading-large{font-size:var(--t-display);line-height:.98;letter-spacing:-.045em}
.uk-heading-line>::before,.uk-heading-line>::after{border-bottom:1px solid var(--line-strong);top:auto}
.uk-heading-divider{border-bottom:2px solid var(--ink);padding-bottom:18px}
.uk-heading-bullet::before{border-left:5px solid var(--terracotta);margin-right:18px;height:.7em;top:0}
.uk-text-lead{font-size:var(--t-lead);line-height:1.55;color:var(--ink-2);max-width:52ch}
.uk-text-small{font-size:var(--t-small);line-height:1.58;color:var(--ink-2)}
.uk-text-default{font-size:var(--t-body);line-height:1.62;color:var(--ink-2)}
.uk-text-large{font-size:var(--t-lead);line-height:1.5}
.uk-text-meta{font-family:var(--font-mono);font-size:var(--t-mono-sm);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);line-height:1.5}
.uk-text-emphasis{color:var(--ink);font-weight:800}
.uk-text-primary{color:var(--blue)}
.uk-text-secondary{color:var(--blue-sky)}
.uk-text-danger,.uk-text-warning{color:var(--terracotta)}
.uk-text-success{color:var(--blue-sky)}
.uk-text-background{background-image:none;color:var(--blue);-webkit-text-fill-color:currentColor}
.tm-num{font-family:var(--font-mono);font-weight:700;letter-spacing:.06em;color:var(--blue-sky);font-variant-numeric:tabular-nums}
.uk-text-muted{color:var(--muted)}
.uk-light .uk-text-muted,.tm-on-blue .uk-text-muted{color:var(--on-blue-soft)}

a,.uk-link{color:var(--blue-sky);text-decoration:none;text-underline-offset:3px}
a:hover,.uk-link:hover{color:var(--terracotta);text-decoration:none}
p,li,dd,blockquote{overflow-wrap:break-word}

/* UIKIT · КНОПКИ — объём офсет-тенью, цель нажатия ≥44px */
.uk-button{font-family:var(--font-mono);font-size:var(--t-btn);font-weight:700;letter-spacing:.16em;text-transform:uppercase;border-radius:0;min-height:44px;padding:12px 22px;line-height:1.2;display:inline-flex;align-items:center;gap:10px;white-space:nowrap;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease)}
.uk-button-primary{background:var(--blue);color:var(--white);box-shadow:var(--lift);border:0}
.uk-button-primary:hover,.uk-button-primary:focus{background:var(--blue);color:var(--white);transform:var(--lift-shift);box-shadow:var(--lift-accent)}
.uk-button-primary:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}
.uk-button-default{background:var(--white);color:var(--blue);border:1px solid var(--line);box-shadow:var(--lift-sm);min-height:40px;padding:10px 16px;font-size:10px;letter-spacing:.14em}
.uk-button-default:hover,.uk-button-default:focus{background:var(--white);color:var(--blue);transform:var(--lift-shift);box-shadow:var(--lift-accent-sm)}
.uk-button-default:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.uk-button-secondary{background:transparent;color:var(--blue);border:1px solid var(--blue);box-shadow:none}
.uk-button-secondary:hover,.uk-button-secondary:focus{background:transparent;border-color:var(--terracotta);color:var(--terracotta)}
.uk-button-danger{background:var(--terracotta);color:var(--white);border:0;box-shadow:var(--lift)}
.uk-button-danger:hover,.uk-button-danger:focus{background:var(--terracotta);color:var(--white);transform:translate(-2px,-2px);box-shadow:var(--lift-hover)}
.uk-button-text{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--blue-sky);min-height:0;padding:0;white-space:nowrap;transition:color var(--dur) var(--ease)}
.uk-button-text::before{display:none}
.uk-button-text:hover,.uk-button-text:focus{color:var(--terracotta)}
.uk-button[disabled],.uk-button[aria-disabled=true]{opacity:.45;pointer-events:none}
.uk-button+.uk-button,.uk-button+.uk-button-text,.uk-button-text+.uk-button{margin-left:0}

/* UIKIT · МЕТКИ (чипы) — моно-капс, борт волосяной; синий вариант для данных */
.uk-label{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--line-strong);border-radius:0;background:transparent;color:var(--blue-dark);font-family:var(--font-mono);font-size:var(--t-mono-sm);font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.4}
.uk-label-data{border-color:var(--blue-sky);color:var(--blue-sky)}
.uk-label-quiet{color:var(--ink-2)}
.uk-label-on{background:var(--blue);border-color:var(--blue);color:var(--white)}
a.uk-label:hover{border-color:var(--terracotta);color:var(--terracotta)}
a.uk-label-on:hover{color:var(--white)}

/* UIKIT · КАРТОЧКИ — плоские, борт волосяной, радиус нулевой */
.uk-card{border-radius:0}
.uk-card-default{background:var(--white);border:1px solid var(--line);box-shadow:none;color:var(--ink)}
/* Срез 45° — приём системы: режется вся фигура карточки, не только кадр. Тень при обрезке
   невозможна, поэтому наведение показывается сменой цвета борта, как у кнопок. */
/* Карточка каталога: витрина без зазоров, поэтому и внутри плотно —
   срез 45° со стыком соседа не работает, он остаётся у крупных кадров вне карточек. */
.sol-grid .uk-card-header,.sol-grid .uk-card-footer{padding:14px 18px}
.sol-grid .uk-card-body{padding:14px 18px 18px}
.uk-card-small>.uk-card-body,.uk-card-small .uk-card-body{padding:20px}
.uk-card-large>.uk-card-body,.uk-card-large .uk-card-body{padding:40px}
.uk-card-hover:hover,a.uk-card-default:hover{border-color:var(--blue);background:var(--wash);box-shadow:none}
/* uk-card-secondary — ТЁМНАЯ карточка UIkit (фон #222, инверсный режим).
   Светлым её не делаем: инверсные правила компонента остаются в силе
   и красят текст и кнопки внутри. Для светлой плашки берём uk-card-default. */
.uk-card-secondary{background:var(--blue-dark);border-color:var(--blue-dark)}
.uk-card-primary{background:var(--blue);border-color:var(--blue);color:var(--white);box-shadow:var(--lift-lg)}
.uk-card-primary h2,.uk-card-primary h3{color:var(--white)}
.uk-card-title{margin:0}

/* UIKIT · ТАБЛИЦЫ */
.uk-table{font-size:var(--t-small);margin:0}
.uk-table th{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:10px 12px 10px 0;border-bottom:1px solid var(--line-strong);text-align:left;text-transform:uppercase}
.uk-table td{padding:14px 12px 14px 0;color:var(--ink-2);vertical-align:top}
.uk-table-divider>:not(:first-child)>tr,.uk-table-divider>tr:not(:first-child){border-top:1px solid var(--line)}

/* UIKIT · СПИСКИ — маркер-параллелограмм вместо буллета */
.uk-list{font-size:var(--t-body);color:var(--ink-2)}
.uk-list-bullet>li::before{content:'';position:static;width:12px;height:7px;margin:.62em 0 0;background:var(--blue);background-image:none;clip-path:polygon(25% 0,100% 0,75% 100%,0 100%);flex:0 0 auto}
.uk-list-bullet>li{display:flex;gap:10px;padding-left:0}
.uk-list-divider>li:nth-child(n+2){border-top:1px solid var(--line);margin-top:0;padding-top:12px}
.uk-list-divider>li{padding-bottom:12px}
.uk-list-quiet>li::before{background:var(--muted)}

/* UIKIT · ФОРМЫ — только нижняя линия, кегль 17 (iOS не зумит) */
.uk-input,.uk-textarea,.uk-select:not([multiple]):not([size]){width:100%;min-height:44px;height:auto;padding:10px 2px;font-family:var(--font-body);font-size:17px;color:var(--ink);background:transparent;border:0;border-bottom:1.5px solid var(--ink);border-radius:0;transition:border-color var(--dur) var(--ease)}
.uk-textarea{min-height:88px;resize:vertical;line-height:1.5}
.uk-input::placeholder,.uk-textarea::placeholder{color:var(--muted)}
.uk-input:focus,.uk-textarea:focus,.uk-select:focus{outline:none;background:transparent;color:var(--ink);border-bottom-color:var(--blue);border-bottom-width:2px}
.uk-form-label{display:block;font-family:var(--font-mono);font-size:var(--t-mono-sm);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.uk-form-help{display:block;margin-top:8px;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}

/* UIKIT · КРОШКИ */
.uk-breadcrumb{margin:0}
.uk-breadcrumb>*{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.uk-breadcrumb>*>*{color:var(--muted)}
.uk-breadcrumb>*>:hover{color:var(--terracotta)}
.uk-breadcrumb>:last-child>*{color:var(--ink-2)}
.uk-breadcrumb>:last-child>a:not([href]),.uk-breadcrumb>:last-child>span{color:var(--ink-2)}
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before{content:'/';margin:0 10px;color:var(--muted)}
.uk-breadcrumb-inverse>*>*{color:var(--on-blue-soft)}
.uk-breadcrumb-inverse>*>:hover,.uk-breadcrumb-inverse>:last-child>*{color:var(--white)}
.uk-breadcrumb-inverse>:last-child>a:not([href]),.uk-breadcrumb-inverse>:last-child>span{color:var(--white)}
.uk-breadcrumb-inverse>:nth-child(n+2):not(.uk-first-column)::before{color:var(--on-blue-soft)}
@media (max-width:760px){.uk-breadcrumb{display:none}}

/* UIKIT · ГОРИЗОНТАЛЬНАЯ ЛИНИЯ, СЕКЦИИ, КОНТЕЙНЕР */
.uk-hr,hr{border-top:1px solid var(--line);margin:0}
.uk-container{max-width:var(--container-max);padding-left:var(--edge);padding-right:var(--edge)}
.uk-section-muted{background:var(--surface)}
.uk-section-primary{background:var(--blue);color:var(--white)}

/* UIKIT · СЛАЙДЕР И ЕГО УПРАВЛЕНИЕ */
.uk-slidenav{border:1px solid var(--line);background:var(--white);color:var(--blue);padding:12px;box-shadow:var(--lift-sm);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.uk-slidenav:hover{color:var(--terracotta);transform:var(--lift-shift);box-shadow:var(--lift-accent-sm)}
.uk-dotnav>*>*{border-radius:0;width:14px;height:7px;border:0;background:var(--line-strong);clip-path:polygon(25% 0,100% 0,75% 100%,0 100%)}
.uk-dotnav>.uk-active>*{background:var(--blue)}

/* UIKIT · SUBNAV-PILL — брендовый вид отбора: моно-капс, радиус 0, без заливки-таблетки */
.uk-subnav-pill>*>button{appearance:none;cursor:pointer}
.uk-subnav-pill>*>:first-child{padding:9px 14px;background:transparent;color:var(--ink-2);font-family:var(--font-mono);font-size:var(--t-mono-sm);font-weight:700;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--ink-line);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),background-color var(--dur) var(--ease)}
/* Зазор subnav — механизм грида: компенсация на контейнере и поле у пункта. Не затирать. */
.uk-subnav>*{padding-left:20px}
.uk-subnav>*>*{display:block}
.uk-subnav-pill>*>:first-child:hover{background:transparent;color:var(--terracotta);border-color:var(--terracotta)}
.uk-subnav-pill>.uk-active>:first-child{background:var(--blue);color:var(--white);border-color:var(--blue)}

/* UIKIT · НАВИГАЦИЯ (рельс страницы) */
.uk-nav-default>li>a{font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:10px 0 10px 14px;border-left:1px solid var(--line)}
.uk-nav-default>li>a:hover{color:var(--terracotta)}
.uk-nav-default>li.uk-active>a{color:var(--blue);border-left:2px solid var(--blue);padding-left:13px}

/* ЗНАК И ЛОК-АП */
.tm-logo{display:inline-flex;align-items:center;gap:calc(var(--logo-size,22px)*.08);color:var(--blue)}
.tm-logo>svg{width:calc(var(--logo-size,22px)*2);height:auto;flex:0 0 auto}
.tm-logo-word{display:flex;flex-direction:column;line-height:1}
.tm-logo-1{font-family:var(--font-display);font-weight:900;letter-spacing:.014em;font-size:var(--logo-size,22px);line-height:1;color:var(--ink)}
.tm-logo-2{font-family:var(--font-display);font-weight:500;letter-spacing:.245em;font-size:max(9px,calc(var(--logo-size,22px)*.43));line-height:1;color:var(--muted);margin-top:.32em}
.tm-logo-inverse,.tm-logo-inverse .tm-logo-1{color:var(--white)}
.tm-logo-inverse .tm-logo-2{color:var(--on-blue-soft)}
.tm-logo-v{flex-direction:column;gap:0}
.tm-logo-v>svg{width:var(--logo-v-size,88px)}
.tm-logo-v .tm-logo-word{align-items:center}
.tm-logo-v .tm-logo-1{font-size:calc(var(--logo-v-size,88px)*.364);letter-spacing:.025em;padding-left:.025em;margin-top:calc(var(--logo-v-size,88px)*.04)}
.tm-logo-v .tm-logo-2{font-size:calc(var(--logo-v-size,88px)*.159);letter-spacing:.321em;padding-left:.321em;margin-top:calc(var(--logo-v-size,88px)*.058)}
.tm-logo-black,.tm-logo-black .tm-logo-1,.tm-logo-black .tm-logo-2{color:var(--ink)}
.tm-logo-white,.tm-logo-white .tm-logo-1,.tm-logo-white .tm-logo-2{color:var(--white)}

.tm-hairline-top{border-top:1px solid var(--line);padding-top:12px}

/* БАРЫ И МЕТКИ — параллелограмм с торцами 45° */
.tm-bar-vert{display:inline-block;width:7px;height:16px;background:var(--blue);clip-path:polygon(0 25%,100% 0,100% 75%,0 100%)}
.tm-bar-horz{display:block;width:44px;height:7px;background:var(--blue);clip-path:polygon(25% 0,100% 0,75% 100%,0 100%)}
.tm-bar-mark{display:block;height:9px;width:16px;background:var(--line-strong);clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);transition:width var(--dur) var(--ease),background var(--dur) var(--ease)}

/* ЗАГОЛОВОК, НАБРАННЫЙ СТРОЧНЫМИ — по замыслу, а не по контексту */
.tm-sentence{text-transform:none;letter-spacing:-.01em}

/* КЕРЕГЕ, НОЖИ, РОМБ, РЕШЁТКА-СТЕНА, ЗУБЦЫ — приёмы бренда, которых в UIkit нет */
.tm-kerege{background-image:var(--kerege)}
.tm-teeth{height:22px;background-image:var(--kerege-teeth)}
.tm-wall-stage{height:440px;background:var(--wash);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;perspective:900px}
.tm-wall{display:grid;grid-template-columns:repeat(3,120px);gap:18px 16px;transform:rotateX(28deg) rotateZ(-18deg) skewX(-14deg)}
.tm-wall>i{display:block;height:82px;background:var(--blue);clip-path:var(--rhomb)}
.tm-wall>i:nth-child(3n+2){background:var(--blue-sky)}
.tm-wall>i:nth-child(6){background:var(--blue-dark)}
.tm-kerege-fine{background-image:var(--kerege-fine)}
.tm-kerege-ink{background-image:var(--kerege-ink)}
.tm-knife-a{clip-path:polygon(64px 0,100% 0,100% calc(100% - 64px),calc(100% - 64px) 100%,0 100%,0 64px)}
.tm-knife-b{clip-path:polygon(0 0,calc(100% - 64px) 0,100% 64px,100% 100%,64px 100%,0 calc(100% - 64px))}
.tm-rhomb{clip-path:var(--rhomb);display:grid;place-items:center;aspect-ratio:1;background:var(--blue);color:var(--white)}

/* КАДР — фаска 45°, дуотон у кадров-ссылок, ромб-маска для портретов */
.tm-photo,.tm-shot{position:relative;display:block;overflow:hidden;background:var(--surface);clip-path:var(--chamfer)}
.tm-photo>img,.tm-shot>img{width:100%;height:100%;object-fit:cover;transition:filter .34s var(--ease)}
.tm-shot{background:var(--ink)}
a .tm-shot>img,button .tm-shot>img{filter:grayscale(1) contrast(1.08) brightness(.88)}
.tm-shot::after{content:'';position:absolute;inset:0;pointer-events:none;background:var(--blue);opacity:0;mix-blend-mode:color;transition:opacity .34s var(--ease)}
a .tm-shot::after,button .tm-shot::after{opacity:.52}
a:hover .tm-shot>img,button:hover .tm-shot>img,.tm-shot-open>img{filter:none}
a:hover .tm-shot::after,button:hover .tm-shot::after,.tm-shot-open::after{opacity:0}
.tm-duotone{background:var(--blue)}
.tm-duotone>img,img.tm-duotone{filter:grayscale(1) contrast(1.11) brightness(.72);mix-blend-mode:luminosity}
.tm-jaluzi::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(45deg,var(--ink) 0 11px,transparent 11px 15px);opacity:.92}
.tm-hatch::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(45deg,var(--ink-dim) 0 10px,transparent 10px 14px)}
.tm-rhomb-shot{position:relative;display:block;aspect-ratio:1}
.tm-rhomb-shot>.tm-photo{position:absolute;inset:0;clip-path:var(--rhomb)}
.tm-rhomb-shot>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.tm-rhomb-portrait{aspect-ratio:1;padding:8px;background:var(--blue);display:block}
.tm-rhomb-portrait>.tm-photo{clip-path:var(--rhomb);width:100%;height:100%}
.tm-shot~.tm-hatch,.tm-shot~.tm-jaluzi,.tm-photo~.tm-hatch,.tm-photo~.tm-jaluzi{clip-path:var(--chamfer)}

.tm-ratio-1-1{aspect-ratio:1}
.tm-ratio-16-10{aspect-ratio:16/10}
.tm-ratio-16-9{aspect-ratio:16/9}
.tm-ratio-3-2{aspect-ratio:3/2}
.tm-bar-diag{display:block;width:22px;height:7px;background:var(--blue);clip-path:polygon(0 100%,70% 0,100% 0,30% 100%)}
.tm-knife-top{clip-path:polygon(0 64px,64px 0,100% 0,100% 100%,0 100%)}
.tm-knife-bottom{clip-path:polygon(0 0,100% 0,100% calc(100% - 64px),calc(100% - 64px) 100%,0 100%)}

/* ДОЛИ 7/12 и 5/12 — единственное, чего в сетке UIkit нет
   (штатные: 1-1, 1-2, 1-3, 2-3, 1-4, 3-4, 1-5, 1-6, 5-6, auto, expand).
   Классы Card и Form — штатные, своих подмен для них не заводим:
   uk-card-media-top / -bottom / -left / -right и uk-form-help существуют все.
   Деклараций в скомпилированной теме у них может не быть (при нулевом радиусе
   сбрасывать нечего), а исключение вида > :not([class*="uk-card-media"])
   ловит подстроку и потому покрывает все четыре варианта сразу — по нему
   нельзя судить, какие из них есть. Проверять по документации версии. */
.tm-w-7-12,.tm-w-5-12{width:100%}
@media (min-width:1101px){.tm-w-7-12{width:58.333%}.tm-w-5-12{width:41.667%}}
@media (min-width:901px){.tm-w-1-4{width:25%}}

/* РАЗМЕРНАЯ ЛИНИЯ — шапка раздела как строка чертежа */
.tm-dimline{display:flex;align-items:center;width:min(720px,82%);margin-left:-16px}
.tm-dimline>*{padding-left:16px}
.tm-dimline>.tm-dimline-rule{padding-left:0;margin-left:16px}
.tm-dimline-n{white-space:nowrap;font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.14em;color:var(--terracotta);font-variant-numeric:tabular-nums}
.tm-dimline-label{white-space:nowrap;font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--blue)}
.tm-dimline-rule{flex:1;height:1px;min-width:56px;background:var(--line-strong)}
.tm-dimline-inverse .tm-dimline-n{color:var(--white)}
.tm-dimline-inverse .tm-dimline-label{color:var(--on-blue-soft)}
.tm-dimline-inverse .tm-dimline-rule{background:var(--on-blue-soft)}
.tm-hd-rule-inv{color:var(--white)}

/* ШТАМП — метаданные в духе основной надписи чертежа */
.tm-tb{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);margin:0;padding:0}
.tm-tb>div{border-left:1px solid var(--line-strong);padding:20px 26px 22px;display:flex;flex-direction:column;gap:10px}
.tm-tb>div:first-child{border-left:0;padding-left:0}
.tm-tb dt{font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}
.tm-tb dt::before{content:"";display:inline-block;width:16px;height:8px;margin-right:10px;background:var(--blue);clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}
.tm-tb dd{margin:0;font-size:15px;line-height:1.52;color:var(--ink)}
.tm-tb.tm-tb-card{background:var(--white);border:1.5px solid var(--ink);box-shadow:8px 8px 0 var(--blue-dark)}
.tm-tb-card>div{padding:20px 26px 24px}
.tm-tb.tm-tb-card>div:first-child{padding-left:26px}


/* ОБВОДКА ЗНАКА — по числу размеров, а не по роли.
   non-scaling-stroke даёт фиксированную толщину и верен только для знаков ОДНОГО
   кегля: интерфейсный набор 22px (отраслевые, стопка, стрелка-ссылка, кавычки).
   Знаки, живущие в нескольких размерах — лок-ап (36/44/68), глиф раздела (100),
   призрак (100/120) — несут ПРОПОРЦИОНАЛЬНУЮ обводку в долях сетки: 4% у ромба
   и стрелки, 6% у оперения. Тогда оптический вес одинаков при любом размере. */
/* ВЕС ЛИНИИ ЗНАКА — две ступени, толщина не зависит от размера бокса */
.tm-icon-hair,.tm-icon-hair *{stroke-width:1.5px;vector-effect:non-scaling-stroke}

/* Призрак: размер диктует контейнер, носитель тянется по боксу.
   Глиф раздела сюда НЕ входит — у него ширина от высоты (правило ниже). */
.tm-glyph-ghost svg{width:100%;height:auto;display:block}

/* ГЛИФЫ — призрак в секции и масштабный знак в шапке страницы */
.tm-glyph-ghost{position:absolute;pointer-events:none;z-index:0;color:var(--blue);opacity:.05}
.tm-glyph-ghost svg{width:100%;height:auto;display:block}
.tm-glyph-ghost.inverse{color:var(--white);opacity:.09}
.tm-glyph-hero{position:absolute;pointer-events:none;color:var(--blue);opacity:.15;z-index:0;top:50%;transform:translateY(-50%);right:0;width:12vw;max-width:160px;height:auto;transition:opacity .5s;overflow:visible;display:flex;align-items:center}
section:hover>.tm-glyph-hero{opacity:.26}
.tm-glyph-hero svg{width:100%;height:auto;display:block;overflow:visible}
.tm-glyph-hero polygon{fill:var(--wash)}
@media (max-width:760px){.tm-glyph-ghost,.tm-glyph-hero{display:none}}

/* ПОДЛОЖКИ-ПЛАШКИ */
.tm-plate{position:absolute;pointer-events:none;z-index:0}
.tm-plate-chamfer{clip-path:polygon(0 64px,64px 0,100% 0,100% calc(100% - 64px),calc(100% - 64px) 100%,0 100%)}
.tm-plate-wash{background:var(--wash)}
@media (max-width:860px){.tm-plate{display:none}}

/* RISK-callout */
.tm-risk{border-left:2px solid var(--terracotta);padding:2px 0 2px 16px}
.tm-risk>.tm-mono,.tm-risk>.tm-risk-title{display:block;font-family:var(--font-mono);font-size:var(--t-mono);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--terracotta);margin-bottom:8px}
.tm-risk p{color:var(--ink-2);font-size:var(--t-small)}

/* АСИММЕТРИЧНАЯ 12-КОЛОНОЧНАЯ РАСКЛАДКА — редакционные смещения задаются на месте */

/* ХИРО ГЛАВНОЙ — кадр справа, нарастающая белизна слева под текст.
   Высоту задаёт uk-height-viewport, поля ступени секции хиро не нужны:
   текст центрируется по остатку высоты. */
.tm-hero-shot{left:24%}
.tm-hero-shot img{transform-origin:64% 38%;animation:tm-hero-pan 7.5s var(--ease) both}
.tm-hero-veil{background:linear-gradient(97deg,var(--white) 0 38%,var(--veil-1) 48%,var(--veil-3) 62%,var(--on-blue-line) 80%,var(--on-blue-veil) 94%),linear-gradient(to bottom,transparent 0 50%,var(--on-blue-line) 72%,var(--veil-2) 90%,var(--white) 100%)}
.tm-hero-side{position:absolute;right:28px;bottom:128px;z-index:2;writing-mode:vertical-rl;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:var(--on-blue-text)}
@keyframes tm-hero-pan{from{transform:scale(1.055)}to{transform:none}}

/* Акцентная полоса слева — измеримый результат отделён от прочих фактов */
.tm-accent-left{border-left:2px solid var(--blue);padding-left:14px}

/* РЕДАКЦИОННЫЕ СТРОКИ — реестры и матрицы, которых в UIkit нет */
button.tm-row{appearance:none;background:none;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%}
.tm-row{padding:26px 0 28px;border-top:1px solid var(--line);transition:border-color var(--dur) var(--ease)}
.tm-row:hover,.tm-row.uk-active{border-top-color:var(--blue)}
.tm-row:last-child{border-bottom:1px solid var(--line)}
.tm-aud-row{padding:26px 0 28px;border-top:1px solid var(--line);transition:border-color var(--dur) var(--ease)}
.tm-aud-row:hover{border-top-color:var(--blue)}
.tm-aud-row:last-child{border-bottom:1px solid var(--line)}
.tm-aud-num{font-family:var(--font-mono);font-weight:700;font-size:13px;letter-spacing:.1em;color:var(--muted)}
.specblk{position:relative;overflow:hidden;padding:26px 0 34px;border-top:2px solid var(--ink)}
.specblk-n{position:absolute;top:14px;right:0;z-index:0;font-family:var(--font-display);font-weight:900;font-size:clamp(72px,8vw,132px);line-height:.78;letter-spacing:-.05em;color:var(--wash);pointer-events:none;transform-origin:100% 0;transition:transform .45s var(--ease),color .45s var(--ease)}
.specblk:hover .specblk-n{transform:scale(1.22);color:var(--spec-cool)}
.specblk>*:not(.specblk-n){position:relative;z-index:1}
.specblk h2{margin:0;font-size:clamp(19px,1.8vw,25px);line-height:1.24;max-width:16ch}
.specblk .uk-list{margin-top:20px}
.specblk-limits{border-top-color:var(--terracotta)}
.specblk-limits .specblk-n{color:var(--spec-warm)}
.specblk-limits:hover .specblk-n{color:var(--spec-warm-2)}

/* РОМБ-МОЗАИКА С ИНСПЕКТОРОМ */
.mos-tile:hover,.mos-tile.is-active{transform:translate(-10px,-28px)}

/* ИНДЕКС ПРОЕКТОВ И РЕЕСТР */
.tm-case-row{display:grid;grid-template-columns:38px 24px minmax(0,1fr) 34px;gap:16px;align-items:center;padding:22px 0 24px;border-top:1px solid var(--line);text-decoration:none;color:inherit;transition:border-color var(--dur) var(--ease)}
.uk-grid>div:last-child>.tm-case-row{border-bottom:1px solid var(--line)}
.tm-case-row:hover,.tm-case-row.is-on{border-top-color:var(--blue)}
.tm-case-row:hover .tm-bar-mark,.tm-case-row.is-on .tm-bar-mark{width:22px;background:var(--terracotta)}
.case-name{font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(16px,1.4vw,21px);line-height:1.24;color:var(--ink);transition:color var(--dur) var(--ease)}
.tm-case-row:hover .case-name,.tm-case-row.is-on .case-name{color:var(--blue)}
.case-plume{color:var(--line-strong);width:34px;justify-self:end;transition:color var(--dur) var(--ease)}
.tm-case-row:hover .case-plume,.tm-case-row.is-on .case-plume{color:var(--terracotta)}
.tm-reg-meta i,


@media (max-width:720px){.tm-reg{margin-top:44px}}

/* ГЛАВНАЯ · ПРОЕКТЫ, НАПРАВЛЕНИЯ, ИНСАЙТЫ, КОМАНДА */


.tm-cases-head,.tm-insband-head,.tm-hteam-head{margin-left:-32px}
.tm-cases-head>*,.tm-insband-head>*,.tm-hteam-head>*{padding-left:32px}
.tm-cases-head h2{margin:18px 0 0;font-size:clamp(28px,3vw,48px);line-height:1.2;max-width:20ch}
.tm-hcases{margin-top:clamp(34px,4vw,56px)}
.tm-hcase{text-decoration:none;color:inherit;padding-top:20px;border-top:2px solid var(--ink);gap:0}
.tm-hcase-shot{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--blue);clip-path:var(--chamfer)}
.tm-hcase-shot img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1) brightness(.74);opacity:.86;transition:filter .35s var(--ease),opacity .35s var(--ease),transform .55s var(--ease)}
.tm-hcase:hover .tm-hcase-shot img{filter:none;opacity:1;transform:scale(1.03)}
.tm-hcase-n{font-family:var(--font-mono);font-weight:700;font-size:12px;letter-spacing:.14em;color:var(--muted);transition:color .2s var(--ease)}
.tm-hcase:hover .tm-hcase-n,.tm-hcase:hover .tm-hcase-title{color:var(--terracotta)}
.tm-hcase-title{line-height:1.28;transition:color .2s var(--ease)}
.tm-hcase-res{padding-top:14px;border-left:2px solid var(--blue);padding-left:13px;font-family:var(--font-display);font-weight:800;font-size:14px;line-height:1.35;color:var(--blue)}


.dirindex{border-top:1px solid var(--on-blue-line);margin-top:clamp(34px,4vw,56px);padding-top:clamp(30px,3.4vw,48px)}
.dirindex a{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:baseline;gap:14px;padding:13px 0;border-bottom:1px solid var(--on-blue-line);text-decoration:none;color:var(--white)}
.dirindex a:hover{color:var(--wash)}
.dirindex .dirn{font-family:var(--font-mono);font-weight:700;font-size:10.5px;letter-spacing:.14em;color:var(--on-blue-soft);font-variant-numeric:tabular-nums;transition:color .2s var(--ease)}
.dirindex a:hover .dirn{color:var(--white)}
.dirt{font-size:14.5px;line-height:1.4}
.dirfoot{padding-top:clamp(30px,3.4vw,46px)}

.tm-insband{position:relative;background:var(--wash);margin:clamp(72px,8vw,112px) 0 -64px;padding-top:clamp(56px,6vw,84px);padding-bottom:calc(clamp(56px,6vw,88px) + 64px)}
.tm-insband-head h2{margin:16px 0 0;font-size:clamp(28px,3vw,48px);line-height:1.2}
.inslead{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(28px,3.6vw,56px);align-items:center;margin-top:clamp(32px,3.6vw,52px);padding-top:clamp(28px,3vw,40px);border-top:2px solid var(--ink);text-decoration:none;color:inherit}
.inslead-shot{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;background:var(--blue);clip-path:polygon(26px 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%,0 26px)}
.inslead-shot img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.inslead:hover .inslead-shot img{transform:scale(1.03)}
.inslead-body{display:flex;flex-direction:column;gap:16px;min-width:0}
.inslead-meta{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}
.inslead-meta i{display:block;width:16px;height:1px;background:var(--terracotta);flex:0 0 auto}
.inslead-title{font-size:clamp(24px,2.4vw,38px);line-height:1.2;transition:color .2s var(--ease)}
.inslead:hover .inslead-title{color:var(--terracotta)}
.inslead-lead{font-size:14px;line-height:1.6;color:var(--ink-2);max-width:46ch}
.inslead-go{display:flex;align-items:center;gap:9px}
.inslead-go{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}
.inslead-go b{transition:transform .25s var(--ease)}
.inslead:hover .inslead-go b{transform:translateX(5px)}
.insgrid{margin-top:clamp(34px,3.6vw,52px)}
.insgrid>*>a,.insgrid a{display:flex;flex-direction:column;gap:11px;padding-top:18px;border-top:1px solid var(--line-strong);text-decoration:none;color:inherit}
.insgrid .insn{font-family:var(--font-mono);font-weight:700;font-size:11px;letter-spacing:.14em;color:var(--muted);transition:color .2s var(--ease)}
.insgrid a:hover .insn,.insgrid a:hover .inst{color:var(--terracotta)}
.insgrid .insr{font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}
.insgrid .inst{font-size:clamp(15px,1.3vw,20px);line-height:1.28;transition:color .2s var(--ease)}
.insgrid .insd{margin-top:auto;font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.14em;color:var(--muted)}
@media (max-width:900px){.inslead{grid-template-columns:minmax(0,1fr);row-gap:22px}}
/* ЛЕНТА МАТЕРИАЛОВ — карточки штатные (uk-card, uk-grid-match).
   Своё только обработка кадра: пропорция, дуотон, наплыв под курсором. */
/* Суриковая засечка перед рубрикой — фирменная деталь моно-строки */
.tm-tick{display:inline-block;width:16px;height:1px;margin:0 10px;vertical-align:middle;background:var(--terracotta)}

.tm-feedband-shot{aspect-ratio:16/10;overflow:hidden;background:var(--blue)}
.tm-feedband-shot img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1) brightness(.72);opacity:.82;transition:filter .3s var(--ease),opacity .3s var(--ease),transform .5s var(--ease)}
.uk-card:hover .tm-feedband-shot img{filter:none;opacity:1;transform:scale(1.03)}

.tm-hteam{padding-top:clamp(84px,8vw,124px)}
.tm-hteam-head{margin-bottom:clamp(64px,7vw,96px)}
.tm-hteam-head h2{margin:14px 0 0;font-size:clamp(26px,2.6vw,44px);line-height:1.18;max-width:20ch}

.tm-hteam-set>*>.tm-hteam-p{position:relative;display:flex;flex-direction:column;gap:14px;background:var(--surface);padding:clamp(28px,2.6vw,38px) clamp(28px,2.6vw,40px) clamp(30px,2.8vw,40px);clip-path:polygon(30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px)}
.tm-hteam-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(20px,2.4vw,34px);align-items:center}
.tm-hteam-p .tm-rhomb-shot{width:clamp(148px,13vw,196px);margin:0;color:var(--blue);justify-self:end}
.tm-hteam-p .tm-rhomb-shot img{object-position:50% var(--eye,16%)}
.tm-hteam-id{display:flex;flex-direction:column;gap:9px;min-width:0}
.tm-hteam-p h3{margin:0;font-size:clamp(22px,2vw,30px);line-height:1.14;font-weight:900}
.tm-hteam-role{display:block;font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--terracotta)}
.tm-hteam-areas{display:block;font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);line-height:1.7;max-width:40ch;padding-top:14px;border-top:1px solid var(--line-strong)}
.tm-hteam-p p{margin:6px 0 0;font-size:13.5px;line-height:1.6;color:var(--ink-2);max-width:46ch}
.tm-hteam-num{display:flex;flex-direction:column;margin-top:auto;padding-top:20px}
.tm-hteam-num span{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);padding:9px 0;border-top:1px solid var(--line)}
.tm-hteam-num span::before{content:'';display:block;width:14px;height:7px;background:var(--terracotta);clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);flex:0 0 auto}

@media (max-width:560px){.tm-hteam-top{grid-template-columns:minmax(0,1fr)}.tm-hteam-p .tm-rhomb-shot{width:132px;justify-self:start}}

/* CTA-ПЛАШКА — полноширинная, нож 45° по верхнему левому углу */
.tm-cta{position:relative;overflow:hidden;isolation:isolate;background:var(--blue);color:var(--white);clip-path:polygon(0 88px,88px 0,100% 0,100% 100%,0 100%)}
/* Ступени UIkit фиксированные (40/70/140), своё поле плавное clamp — совпадения нет,
   поэтому поля и внешний зазор остаются своими; uk-section даёт только принадлежность ритму. */
.uk-section.tm-cta{border-top:0;margin-top:clamp(88px,9vw,128px);padding-top:clamp(72px,7vw,104px);padding-bottom:clamp(64px,6vw,88px)}
.tm-cta-in{position:relative;z-index:1;max-width:1240px}
.tm-cta-in h2{margin:18px 0 0;color:var(--white);font-size:clamp(30px,3.2vw,52px);line-height:1.16;max-width:22ch}
.tm-cta-side-lead{border-top:1px solid var(--on-blue-line);padding-top:26px}
.tm-cta-side p{margin:0;color:var(--on-blue-soft);max-width:42ch}
.tm-cta-acts{gap:14px}
/* КНОПКИ НА ТЁМНОМ — uk-light не перекрашивает кнопки, поэтому модификатор на элементе */
.tm-btn-inverse.uk-button-primary{background:var(--white);color:var(--blue);box-shadow:var(--lift)}
.tm-btn-inverse.uk-button-primary:hover,.tm-btn-inverse.uk-button-primary:focus{background:var(--white);color:var(--blue);box-shadow:var(--lift-accent)}
.tm-btn-inverse.uk-button-default{background:transparent;color:var(--white);border-color:var(--on-blue-line);box-shadow:3px 3px 0 var(--on-blue-veil)}
.tm-btn-inverse.uk-button-default:hover,.tm-btn-inverse.uk-button-default:focus{background:transparent;color:var(--white);box-shadow:var(--lift-accent-sm)}
@media (max-width:900px){.tm-cta{clip-path:polygon(0 56px,56px 0,100% 0,100% 100%,0 100%)}}
/* Мобильные ступени отступов плашки — прежние значения под новым именем */
@media (max-width:860px){.uk-section.tm-cta{margin-top:72px;padding-top:56px;padding-bottom:48px}}
@media (max-width:760px){.uk-section.tm-cta{margin-top:32px;padding-top:44px;padding-bottom:38px}}

/* ШАПКА-ЛИПУЧКА И КНОПКА МЕНЮ */
.tm-head{position:sticky;top:0;z-index:40;padding:13px var(--edge);background:var(--head-bg);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.tm-head .tm-burger{margin-left:auto}
.tm-head .uk-navbar{width:100%;min-height:0;align-items:center;justify-content:space-between}
.tm-head .uk-navbar-left,.tm-head .uk-navbar-right{min-height:0}
.tm-head .uk-navbar-right{margin-left:auto}
.tm-burger{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:9px 14px;background:var(--white);border:1px solid var(--line);box-shadow:var(--lift-sm);cursor:pointer;color:var(--blue);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.tm-burger:hover{transform:var(--lift-shift);box-shadow:var(--lift-accent-sm)}
.tm-burger b{font-family:var(--font-mono);font-size:var(--t-mono-sm);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--blue);transition:color var(--dur) var(--ease)}
.tm-burger>span{display:flex;flex-direction:column;gap:3px;width:22px;color:var(--blue);transition:color var(--dur) var(--ease),transform var(--dur) var(--ease)}
.tm-burger svg{width:100%;height:auto;display:block}
.tm-burger:hover b,.tm-burger:hover>span{color:var(--terracotta)}
.tm-burger:hover>span{transform:translateY(2px)}
.tm-head-mail{font-family:var(--font-mono);font-size:var(--t-mono-sm);font-weight:700;letter-spacing:.16em;color:var(--blue-sky);white-space:nowrap}
.tm-head-mail:hover{color:var(--terracotta)}
@media (max-width:1320px){.tm-head-mail{display:none}}
.tm-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--blue);color:var(--white);padding:12px 18px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.tm-skip:focus{left:12px;top:12px;color:var(--white)}

/* МЕНЮ — панель uk-offcanvas: сетка панели и крупные пункты со номером */
.tm-menu-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.55fr);min-height:100vh}
.tm-menu-col{display:flex;flex-direction:column;justify-content:center;min-width:0;overflow:auto}
.tm-menu-col .tm-menu-list{padding-bottom:0}
.tm-menu-list{justify-content:center;padding:84px 5vw 48px;overflow:auto}
.tm-menu-list>li>a{display:grid;grid-template-columns:56px 26px minmax(0,1fr);gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:inherit}
.tm-menu-list .tm-num{font-size:14px}
.tm-menu-name{font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(23px,2.9vw,38px);line-height:1.16;color:var(--ink);transition:color var(--dur) var(--ease)}
.tm-menu-list>li>a:hover .tm-menu-name{color:var(--terracotta)}
.tm-menu-list .tm-bar-mark{width:8px}
.tm-menu-list>li>a:hover .tm-bar-mark{width:24px;background:var(--terracotta)}
.tm-menu-side{position:relative;background:var(--surface);border-left:1px solid var(--line);padding:96px 44px 48px;display:flex;flex-direction:column;gap:26px;min-height:0;overflow-x:hidden;overflow-y:auto}
.tm-menu-side::after{content:'';position:absolute;left:0;right:0;bottom:0;height:186px;background-image:repeating-linear-gradient(45deg,var(--blue) 0 7px,transparent 7px 44px),repeating-linear-gradient(-45deg,var(--blue) 0 7px,transparent 7px 44px);opacity:.07;pointer-events:none;-webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50% 0/62.2px 100% repeat-x;mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50% 0/62.2px 100% repeat-x}
@media (max-width:860px){.tm-menu-grid{grid-template-columns:minmax(0,1fr)}.tm-menu-side{display:none}.tm-menu-list>li>a{grid-template-columns:40px 20px minmax(0,1fr)}}

/* ЯЗЫКОВОЙ ПЕРЕКЛЮЧАТЕЛЬ — на uk-subnav */
.tm-langsw{padding-top:20px;border-top:1px solid var(--line)}
.tm-langsw .uk-subnav{align-items:center}
.tm-langsw:not(.uk-grid){display:flex;align-items:center;margin-left:-18px}
.tm-langsw:not(.uk-grid)>*{padding-left:18px}
.tm-langsw>span{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.tm-langsw .uk-subnav{margin:0;flex-wrap:nowrap}
.tm-langsw .uk-subnav>*{padding-left:0}
.tm-langsw .uk-subnav>*>a{display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:44px;padding:0 14px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--line);border-right:0;transition:color .18s var(--ease),background .18s var(--ease)}
.tm-langsw .uk-subnav>*:last-child>a{border-right:1px solid var(--line)}
.tm-langsw .uk-subnav>*>a:hover{color:var(--terracotta)}
.tm-langsw .uk-subnav>.uk-active>a{background:var(--blue);border-color:var(--blue);color:var(--white)}
@media (max-width:860px){.tm-langsw{margin-top:32px}}

/* РЕЛЬС СТРАНИЦЫ — фиксированная боковая колонка-оглавление на uk-nav */
.tm-rail{position:fixed;left:0;top:0;bottom:0;width:var(--rail-w);z-index:70;display:flex;flex-direction:column;align-items:flex-start;padding:38px 22px 30px 30px;background:var(--white);border-right:1px solid var(--line);overflow:auto}
/* Отступ под фиксированную колонку-оглавление задаётся полем, а не сдвигом содержимого:
   контейнеры внутри секций центрируются от кромки main, поэтому padding-left правильнее margin. */
:is(div,main):has(>.tm-rail){padding-left:var(--rail-w);box-sizing:border-box}
:is(div,main):has(>.tm-rail)>*{max-width:100%}
.tm-rail-logo{gap:0;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--ink);margin-bottom:24px;width:100%}
.tm-rail-logo svg{width:68px;height:68px;color:var(--blue);margin-bottom:3px;transition:color .2s}
.tm-rail-logo:hover svg{color:var(--terracotta)}
.tm-rail-logo .tm-rail-w1{font-family:var(--font-display);font-weight:900;letter-spacing:.025em;font-size:25px;line-height:1;color:var(--ink)}
.tm-rail-logo .tm-rail-w2{font-family:var(--font-display);font-weight:500;letter-spacing:.321em;font-size:11px;line-height:1;color:var(--muted);margin-top:4px}
.tm-rail-quote{font-size:11.5px;line-height:1.6;color:var(--ink-2);margin:0 0 40px;max-width:180px}
.tm-rail-cap{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.22em;color:var(--muted);padding-bottom:10px}
.tm-rail .uk-nav{width:100%}
@media (max-width:1280px){
:is(div,main):has(>.tm-rail){padding-left:0}
.tm-rail{position:static;width:auto;height:auto;overflow:visible;border-right:0;padding:30px 5vw 0;background:transparent}
.tm-rail-logo,.tm-rail-quote{display:none}
}
@media (max-width:760px){.tm-rail{display:none}}
@media (min-width:1281px){
body:has(.tm-rail) .tm-head{position:fixed;top:0;left:0;right:0;background:none;backdrop-filter:none;border-bottom:0;padding:16px 24px;pointer-events:none}
body:has(.tm-rail) .tm-head>.tm-logo,body:has(.tm-rail) .tm-head .uk-navbar-left{display:none}
body:has(.tm-rail) .tm-head .uk-navbar-right{pointer-events:auto}
body:has(.tm-rail) .tm-head .tm-burger{pointer-events:auto}
body:has(.tm-rail) .tm-foot{padding-left:var(--rail-w)}
}

/* ФУТЕР */
.tm-foot{padding-bottom:0}
.tm-foot-grid{position:relative;z-index:1}
.tm-foot-grid>*{min-width:0}
.tm-foot-col,.tm-foot-col2,.tm-foot-contact{padding-top:16px;border-top:1px solid var(--line)}
.tm-foot-brand{display:flex;flex-direction:column}
.tm-foot-brand>*+*{margin-top:18px}
.tm-foot-links>*,.tm-foot-brand>*,.tm-cta-side>*{min-width:0}
.tm-foot-logo{--logo-size:18px}
.tm-foot-logo svg.tm-foot-mark{width:38px;height:auto;flex:0 0 auto}
.tm-foot-tag{max-width:38ch}



.tm-foot-h{color:var(--muted)}
.tm-foot-links{margin-top:16px}
.tm-foot-links>li{margin-top:0}
.tm-foot-links>li+li{margin-top:10px}
.tm-foot-links>li>a{font-family:var(--font-body);font-size:14.5px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink-2);padding:0;border-left:0;transition:color var(--dur) var(--ease)}
.tm-foot-links>li>a:hover{color:var(--terracotta)}
.tm-foot-chips{margin-left:-10px}
.tm-foot-chips>*{margin-left:10px}
.tm-foot-ghost{width:120px}
.tm-foot-bottom{border-top:1px solid var(--line);margin-top:56px;padding:22px 0 30px;margin-left:-32px}
.tm-foot-bottom>*{margin:14px 0 0 32px}
.tm-foot-bottom .uk-text-meta:last-child{margin-left:auto}

@media (max-width:760px){
.tm-foot{padding-top:36px}

.tm-foot-brand{gap:12px}
.tm-foot-tag{font-size:13px;max-width:34ch}
.tm-foot-col,.tm-foot-col2{padding-top:16px;border-top:1px solid var(--line)}
.tm-foot-contact{padding-top:16px;border-top:1px solid var(--line)}
.tm-foot-links{margin-top:8px}
.tm-foot-col .tm-foot-links>li>a,.tm-foot-col2 .tm-foot-links>li>a{display:block;padding:9px 0;font-size:14px}
.tm-foot-contact .tm-foot-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.tm-foot-contact .tm-foot-links>li+li{margin-top:0}
.tm-foot-contact .tm-foot-links>li>a{display:flex;align-items:center;min-height:44px;font-size:14px;color:var(--blue);font-weight:700}
.tm-foot-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;margin-left:0}
.tm-foot-chips>*{padding-left:0}
.tm-foot-chips .uk-label{justify-content:center;min-height:44px;padding:8px 6px;font-size:9px;text-align:center}
.tm-foot-bottom{flex-direction:column;align-items:flex-start;gap:6px;margin-top:22px;padding:16px 0 26px}
.tm-foot-bottom .uk-text-meta{font-size:9px;margin-left:0}
.tm-foot-ghost{display:none}
}
[data-ts-inverse]{--ts-cap:var(--on-blue-soft);--ts-ring:var(--white);--ts-hover:var(--on-blue-soft)}

@media (max-width:1100px){.tm-tb[data-s][data-s],.tm-tb-card[data-s][data-s],.tm-tb,.tm-tb-card{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:959px){/* Кадр переводится в поток своим правилом ниже (position:relative вместо uk-position-cover),
   поэтому во флексе он стал бы соседом контейнера и схлопнулся в нулевую ширину (замер: 0 против 909).
   Секции нужен блочный режим, а респонсивного носителя display в UIkit нет — отсюда своя декларация. */
.tm-hero{display:block}.tm-hero-shot{position:relative;height:58vw;inset:auto;overflow:hidden;left:0}
.tm-hero-veil,.tm-hero-side{display:none}.tm-hero>.uk-container{padding-top:28px;padding-bottom:8px}.tm-measure p,.tm-measure .uk-text-lead,.tm-measure .uk-text-small,.tm-measure h1,.tm-measure h2,.tm-measure h3{max-width:66ch}}
/* МОБАЙЛ — свод раскладок и единый вертикальный шаг */
@media (max-width:860px){
.tm-wall-stage{display:block;height:auto;padding:20px;perspective:none}
.tm-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;transform:none}
.tm-wall>i{height:auto;aspect-ratio:1}
.tm-hero-shot{position:relative;left:0;height:58vw}
.tm-hero-veil,.tm-hero-side{display:none}
.tm-knife-a,.tm-knife-b{clip-path:none}
.tm-photo,.tm-shot{clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
.tm-tb,.tm-tb-card{grid-template-columns:minmax(0,1fr)}
.tm-tb>div{border-left:0;padding:12px 0}
.tm-tb-card>div,.tm-tb.tm-tb-card>div:first-child{padding:12px 16px}
.tm-dimline{width:100%}

.uk-button{min-height:46px}
.tm-rail-hide-mobile{display:none}
[data-mobile-stack]{grid-template-columns:minmax(0,1fr)!important}
}
@media (max-width:760px){
main>*:not(nav):not(header):not(.tm-hero):not(.tm-cta):not(.tm-insband):not(.knifed){padding-top:32px !important;padding-bottom:32px !important;margin-top:0 !important;margin-bottom:0 !important}
main>.knifed[class]{padding-top:96px !important;padding-bottom:36px !important;margin:32px 0 0 !important}
main>.tm-hero[class]{padding:0 !important;margin:0 !important}

main>section[data-s][data-s],main>div[data-s][data-s]{row-gap:22px}
main>.tm-insband[class],.tm-insband[class][class]{margin:32px 0 -32px !important;padding:32px 5vw 64px !important}
.uk-label{min-height:36px;padding:8px 12px}
button.uk-label{min-height:44px}
}

/* КАРТОЧКИ ДИЗАЙН-СИСТЕМЫ — вертикальный и горизонтальный набор с зазором (в UIkit gap-утилит нет) */

/* СЕТКИ UIkit В РЕДАКЦИОННЫХ БЛОКАХ — шаг ряда задаём только через .uk-grid-margin */
.tm-hcases.uk-grid,.insgrid.uk-grid,.tm-hteam-set.uk-grid,.cmp-grid.uk-grid,.ins-band.uk-grid{row-gap:var(--row-step,32px)}
.tm-hcases.uk-grid,.insgrid.uk-grid{--row-step:clamp(26px,3vw,40px); /* @kind spacing */}
.tm-hteam-set.uk-grid{--row-step:clamp(28px,3vw,48px); /* @kind spacing */}
.cmp-grid.uk-grid{--row-step:24px; /* @kind spacing */}
.dirindex.uk-grid{--row-step:0px; /* @kind spacing */}
.tm-cta-side.uk-grid{row-gap:inherit}
.tm-cta-side.uk-grid{row-gap:24px}

/* РЕЗЕРВ СИСТЕМЫ: переопределения компонентов UIkit ниже применяются, как только
   компонент появляется в разметке. Это брендовый слой, а не мусор: без них новый
   блок получил бы дефолтный вид фреймворка. Правило разграничения: правило для
   компонента UIkit — резерв; правило для своего tm-класса без носителя — мусор. */
/* UIKIT · РАЗДЕЛИТЕЛИ — торцы 45°, знак вместо иконки */
.uk-divider-icon{background-image:none;height:auto;margin:0;display:flex;align-items:center;gap:14px;border:0}
.uk-divider-icon::before,.uk-divider-icon::after{content:'';flex:1;height:1px;background:var(--line-strong);display:block;position:static;transform:none;width:auto}
.uk-divider-icon::after{background:var(--line)}
.uk-divider-small{border:0;height:0}
.uk-divider-small::after{border-top:2px solid var(--ink);width:64px;max-width:none}
.uk-divider-vertical{height:auto;align-self:stretch;border-left:1px solid var(--line)}
.uk-light .uk-divider-small::after,.tm-on-blue .uk-divider-small::after{border-top-color:var(--on-blue-soft)}
/* UIKIT · ОВЕРЛЕИ НА КАДРЕ — плашка поверх фотографии, углы под 45° */
.uk-overlay{padding:14px 18px}
.uk-overlay-default{background:var(--veil-1);color:var(--ink)}
.uk-overlay-primary{background:var(--dark-veil);color:var(--white)}
.uk-overlay-primary .uk-text-meta{color:var(--veil-2)}
.uk-overlay-chamfer{clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
/* UIKIT · УТИЛИТЫ КАРТОЧКИ И ПЕРЕХОДОВ */
.uk-card-badge{border-radius:0;background:var(--terracotta);color:var(--white);font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:6px 10px;height:auto;top:0;right:0}
.uk-card-primary .uk-card-badge{background:var(--white);color:var(--blue)}
.uk-transition-toggle .uk-transition-fade,.uk-transition-toggle .uk-transition-slide-bottom-small{transition-timing-function:var(--ease)}
.uk-box-shadow-small{box-shadow:var(--lift-sm)}
.uk-box-shadow-medium{box-shadow:var(--lift)}
.uk-box-shadow-large{box-shadow:var(--lift-lg)}
.uk-tile{padding:clamp(34px,4vw,56px) 5vw}
.uk-tile-muted{background:var(--surface)}
.uk-tile-primary{background:var(--blue);color:var(--white)}
.uk-background-muted{background:var(--surface)}
.uk-background-primary{background:var(--blue)}
.uk-background-secondary{background:var(--blue-dark)}

/* UIKIT · НАВБАР И ЛИПУЧКА */
.uk-navbar-container:not(.uk-navbar-transparent){background:var(--head-glass);backdrop-filter:blur(8px)}
.uk-navbar{min-height:0;gap:26px}
.uk-navbar-left,.uk-navbar-right,.uk-navbar-center{gap:26px}
.uk-navbar-nav>li>a{min-height:44px;padding:0;font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2)}
.uk-navbar-nav>li>a:hover,.uk-navbar-nav>li.uk-active>a{color:var(--terracotta)}
.uk-navbar-item{min-height:44px;padding:0}
.uk-sticky-fixed{box-shadow:0 1px 0 var(--line)}
/* UIKIT · ОФФКАНВАС — меню выезжает справа, на десктопе во всю ширину */
.uk-offcanvas-bar{width:100%;max-width:none;padding:0;background:var(--white);color:var(--ink);left:auto;right:-100%}
.uk-open>.uk-offcanvas-bar{right:0}
.uk-offcanvas-overlay::before{background:var(--ink-dim)}
.uk-offcanvas-bar .uk-offcanvas-close{top:18px;right:5vw;color:var(--blue);background:var(--white);border:1px solid var(--line);box-shadow:var(--lift-sm);padding:12px;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.uk-offcanvas-bar .uk-offcanvas-close:hover{color:var(--terracotta);transform:var(--lift-shift);box-shadow:var(--lift-accent-sm)}
.uk-offcanvas-bar a,.uk-offcanvas-bar .uk-link,.uk-offcanvas-bar .tm-link{color:var(--blue-sky)}
.uk-offcanvas-bar a:hover,.uk-offcanvas-bar .uk-link:hover,.uk-offcanvas-bar .tm-link:hover{color:var(--terracotta)}
.uk-offcanvas-bar h1,.uk-offcanvas-bar h2,.uk-offcanvas-bar h3,.uk-offcanvas-bar h4,.uk-offcanvas-bar h5,.uk-offcanvas-bar h6,.uk-offcanvas-bar .uk-h1,.uk-offcanvas-bar .uk-h2,.uk-offcanvas-bar .uk-h3,.uk-offcanvas-bar .uk-h4{color:var(--ink)}
.uk-offcanvas-bar .uk-nav-primary>li>a,.uk-offcanvas-bar .tm-menu-list>li>a{color:var(--ink)}
.uk-offcanvas-bar .uk-nav-primary>li>a:hover,.uk-offcanvas-bar .tm-menu-list>li>a:hover{color:var(--terracotta)}
.uk-offcanvas-bar .tm-menu-name{color:var(--ink)}
.uk-offcanvas-bar .tm-menu-list>li>a:hover .tm-menu-name{color:var(--terracotta)}
.uk-offcanvas-bar .uk-text-muted,.uk-offcanvas-bar .uk-text-meta{color:var(--muted)}
.uk-offcanvas-bar .uk-text-small,.uk-offcanvas-bar .uk-text-lead{color:var(--ink-2)}
.uk-offcanvas-bar .uk-button-primary{background:var(--blue);color:var(--white)}
.uk-offcanvas-bar .uk-button-primary:hover{background:var(--blue);color:var(--white)}
.uk-offcanvas-bar .uk-button-default{background:var(--white);color:var(--blue);border-color:var(--line)}
.uk-offcanvas-bar .uk-button-default:hover{background:var(--white);color:var(--blue)}
.uk-offcanvas-bar .uk-button-text{color:var(--blue-sky)}
.uk-offcanvas-bar .uk-button-text:hover{color:var(--terracotta)}
.uk-offcanvas-bar .uk-label{border-color:var(--line-strong);color:var(--blue-dark)}
.uk-offcanvas-bar .tm-langsw .uk-subnav>*>a{color:var(--ink-2)}
.uk-offcanvas-bar .tm-langsw .uk-subnav>.uk-active>a{color:var(--white)}
.uk-offcanvas-bar .tm-langsw .uk-subnav>*>a:hover{color:var(--terracotta)}
.uk-offcanvas-bar .tm-num{color:var(--blue-sky)}
/* ИНВЕРСНЫЕ КОНТЕКСТЫ UIkit — цвета из палитры бренда; форма селекторов повторяет фреймворк (0,3,0) */
.uk-card-primary.uk-card-body .uk-text-meta,.uk-card-primary>:not([class*="uk-card-media"]) .uk-text-meta,.uk-card-secondary.uk-card-body .uk-text-meta,.uk-card-secondary>:not([class*="uk-card-media"]) .uk-text-meta,.uk-section-primary:not(.uk-preserve-color) .uk-text-meta,.uk-section-secondary:not(.uk-preserve-color) .uk-text-meta,.uk-tile-primary:not(.uk-preserve-color) .uk-text-meta,.uk-overlay-primary .uk-text-meta,.uk-light .uk-text-meta,.tm-on-blue .uk-text-meta{color:var(--on-blue-soft)}
.uk-card-primary.uk-card-body .uk-text-small,.uk-card-primary>:not([class*="uk-card-media"]) .uk-text-small,.uk-card-primary.uk-card-body .uk-text-lead,.uk-card-primary>:not([class*="uk-card-media"]) .uk-text-lead,.uk-card-primary.uk-card-body .uk-text-muted,.uk-card-primary>:not([class*="uk-card-media"]) .uk-text-muted,.uk-section-primary:not(.uk-preserve-color) .uk-text-small,.uk-section-primary:not(.uk-preserve-color) .uk-text-lead,.uk-section-primary:not(.uk-preserve-color) .uk-text-muted,.uk-tile-primary:not(.uk-preserve-color) .uk-text-small,.uk-tile-primary:not(.uk-preserve-color) .uk-text-muted,.uk-overlay-primary .uk-text-small,.uk-light .uk-text-small,.uk-light .uk-text-lead,.uk-light .uk-text-muted{color:var(--on-blue-soft)}
.uk-card-primary.uk-card-body h1,.uk-card-primary.uk-card-body h2,.uk-card-primary.uk-card-body h3,.uk-card-primary.uk-card-body h4,.uk-card-primary>:not([class*="uk-card-media"]) h3,.uk-section-primary:not(.uk-preserve-color) h1,.uk-section-primary:not(.uk-preserve-color) h2,.uk-section-primary:not(.uk-preserve-color) h3,.uk-tile-primary:not(.uk-preserve-color) h2,.uk-tile-primary:not(.uk-preserve-color) h3,.uk-light h1,.uk-light h2,.uk-light h3,.uk-card-primary.uk-card-body .uk-h2,.uk-card-primary.uk-card-body .uk-h3,.uk-section-primary:not(.uk-preserve-color) .uk-h2,.uk-light .uk-h2{color:var(--white)}
.uk-card-primary.uk-card-body a,.uk-card-primary>:not([class*="uk-card-media"]) a,.uk-card-primary.uk-card-body .uk-link,.uk-section-primary:not(.uk-preserve-color) a,.uk-section-primary:not(.uk-preserve-color) .uk-link,.uk-tile-primary:not(.uk-preserve-color) a,.uk-overlay-primary a,.uk-light a,.uk-light .uk-link{color:var(--white)}
.uk-card-primary.uk-card-body a:hover,.uk-card-primary>:not([class*="uk-card-media"]) a:hover,.uk-section-primary:not(.uk-preserve-color) a:hover,.uk-tile-primary:not(.uk-preserve-color) a:hover,.uk-overlay-primary a:hover,.uk-light a:hover{color:var(--wash)}
.uk-card-primary.uk-card-body .tm-num,.uk-card-primary>:not([class*="uk-card-media"]) .tm-num,.uk-section-primary:not(.uk-preserve-color) .tm-num,.uk-tile-primary:not(.uk-preserve-color) .tm-num,.uk-light .tm-num{color:var(--white)}
@media (max-width:860px){.uk-offcanvas-bar{width:92vw;right:-92vw}}
/* UIKIT · СЕКЦИИ, КОНТЕЙНЕРЫ, ОТСТУПЫ */
.uk-section-default{background:var(--white)}
.uk-section-secondary{background:var(--blue-dark);color:var(--white)}
.uk-container-xsmall{max-width:640px}
.uk-container-small{max-width:900px}
.uk-container-large{max-width:1600px}
.uk-container-expand{max-width:none}
.uk-padding{padding:clamp(24px,2.6vw,40px)}
.uk-padding-small{padding:16px}
.uk-padding-large{padding:clamp(40px,4.4vw,72px)}
/* UIKIT · КАДР НА ВЕСЬ БЛОК И ПОЗИЦИОНИРОВАНИЕ */
.uk-cover-container{position:relative;overflow:hidden;background:var(--surface)}
.uk-inverse-light,.uk-light{color:var(--white)}
.uk-inverse-light h1,.uk-inverse-light h2,.uk-inverse-light h3,.uk-light h1,.uk-light h2,.uk-light h3{color:var(--white)}
.uk-position-small{margin:14px}
.uk-position-medium{margin:24px}
.uk-position-large{margin:clamp(24px,3vw,44px)}
/* UIKIT · БЕЙДЖ — квадратная моно-плашка вместо круга */
.uk-badge{border-radius:0;min-width:26px;height:22px;padding:0 8px;background:var(--blue);color:var(--white);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;font-variant-numeric:tabular-nums}
.uk-badge-accent{background:var(--terracotta)}
.uk-badge-quiet{background:transparent;border:1px solid var(--line-strong);color:var(--ink-2)}

.uk-offcanvas-close-link{color:inherit}


/* ПОЛЯ НА ТЁМНОЙ ПЛАШКЕ — светлая инверсия для любого синего грунта */
.uk-light .uk-form-label{color:var(--on-blue-label)}
.uk-light .uk-input,.uk-light .uk-textarea{color:var(--white);border-bottom-color:var(--on-blue-line)}
.uk-light .uk-input:focus,.uk-light .uk-textarea:focus{color:var(--white);border-bottom-color:var(--white)}
.uk-light .uk-input::placeholder,.uk-light .uk-textarea::placeholder{color:var(--on-blue-ph)}

/* СПИСОК РАЗДЕЛОВ В ПАНЕЛИ — поверх uk-nav-primary: сетка «номер · метка · название» */
.tm-menu-list.uk-nav-primary>li>a{justify-content:flex-start;text-align:left}
.uk-offcanvas-bar .tm-menu-list{padding:84px 5vw 48px}
.tm-menu-list.uk-nav-primary>li:not(.uk-nav-header):not(.uk-nav-divider)+li:not(.uk-nav-header):not(.uk-nav-divider){margin-top:0}

/* РЕЛЬС: подпись пункта и засечка — остатки прежней разметки, приводим к системе */

/* ЛИНЕЙНЫЕ РЯДЫ НА FLEX — процентных ширин нет, шаг задаётся полем детей (в UIkit gap-утилиты отсутствуют) */
.tm-cases-head,.tm-insband-head,.tm-hteam-head,.tm-foot-links,.tm-foot-chips,.tm-langsw,.tm-foot-brand,.tm-dimline{flex-wrap:wrap}


/* ---------- Врезка «ГЛАВНОЕ» ----------
   Не плашка, а разворот: утверждение во всю меру между двумя линиями.
   Так оно и стояло в прототипе — крупным кеглем, синим, с подписью-меткой. */
.tm-fact{margin:56px 0;padding:26px 0 30px;
  border-top:2px solid var(--ink);border-bottom:1px solid var(--ink-line)}
.tm-fact-k{display:block;margin-bottom:14px;font-family:var(--font-mono);
  font-size:11px;font-weight:700;letter-spacing:.22em;color:var(--terracotta)}
.tm-fact-t{margin:0;font-family:var(--font-display);font-weight:900;
  font-size:clamp(22px,2.4vw,34px);line-height:1.14;letter-spacing:-.02em;
  color:var(--blue);max-width:20ch}

/* ---------- Свод «три ключевых вопроса» ----------
   Колонки одной таблицы, а не череда глав. */
.tm-takeaways{margin:16px 0 46px}
.tm-takeaways h3{margin:0 0 12px;font-size:17px;line-height:1.3;color:var(--ink)}
.tm-takeaways p{margin:0 0 14px;font-size:14.5px;line-height:1.62;color:var(--ink-2)}

/* ---------- Боковая колонка материала ---------- */
.tm-aside{align-self:start}
.tm-aside-card{padding:20px 22px;border:1px solid var(--ink-line);
  border-top:2px solid var(--ink);background:var(--white)}
.tm-aside-card>.uk-text-meta{display:block;margin-bottom:12px;color:var(--muted)}
.tm-aside-card .uk-nav>li>a{padding:8px 0;font-weight:700;font-size:15px;
  line-height:1.35;color:var(--ink)}
.tm-aside-card .uk-nav>li>a:hover{color:var(--terracotta)}
.tm-aside-rubric{margin:18px 0 14px;color:var(--muted)}

/* ---------- Каталог решений ----------
   Кадр есть не у каждого направления, поэтому карточки бывают двух видов.
   Затемнение и знак в углу — только там, где снимок действительно есть.
   В экспортном слое описана лишь сетка `sol-grid`: остальные классы были
   страничными стилями прототипа и в слой не попали. */
.sol-shot{aspect-ratio:4/3}
.sol-shot img{width:100%;height:100%;object-fit:cover;display:block}
.sol-shade{background:linear-gradient(to bottom,
  transparent 0 46%, color-mix(in srgb, var(--ink) 62%, transparent) 100%)}
.sol-ico{color:var(--white)}
.sol-cue{border-top:1px solid var(--ink-line);color:var(--muted)}
.uk-card-hover:hover .sol-cue{color:var(--terracotta)}

/* ---------- Реестр проектов ----------
   Строка целиком — ссылка, поэтому подсветку даёт фон, а не подчёркивание. */
.tm-case-row{color:inherit;transition:background-color var(--dur) var(--ease)}
.tm-case-row:hover{background:var(--surface)}
.tm-case-row .uk-h3{margin-top:6px}
.tm-accent-left{padding-left:12px;border-left:2px solid var(--terracotta)}

/* ---------- Хаб услуг ----------
   Строка услуги: номер, название с аннотацией, правая колонка с форматом.
   Классы группы и строки были страничными стилями прототипа и в слой не
   попали — правила заводятся здесь. */
.tm-svc-group{margin:52px 0 6px;padding-bottom:10px;border-bottom:2px solid var(--ink)}
.tm-svc-group:first-child{margin-top:0}
.tm-svc-group-cap{color:var(--terracotta)}

.tm-svc-row{display:block;padding:24px 0;color:inherit;
  border-bottom:1px solid var(--ink-line);transition:background-color var(--dur) var(--ease)}
.tm-svc-row:hover{background:var(--surface)}
.tm-svc-row .tm-num{font-family:var(--font-mono);font-size:12px;font-weight:700;
  letter-spacing:.1em;color:var(--muted)}
.tm-svc-name{display:block;font-family:var(--font-display);font-weight:900;
  font-size:clamp(18px,1.6vw,23px);line-height:1.2;letter-spacing:-.015em;color:var(--ink)}
.tm-svc-row:hover .tm-svc-name{color:var(--blue)}
.tm-svc-lead{display:block;margin-top:8px;font-size:14.5px;line-height:1.62;
  color:var(--ink-2);max-width:62ch}
.tm-svc-row-side{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.tm-side-btn{display:inline-block;padding:8px 14px;border:1px solid var(--ink-line-strong);
  font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink)}
.tm-svc-row:hover .tm-side-btn{border-color:var(--blue);color:var(--blue)}

/* ---------- Отступ под фиксированную колонку ----------
   Сдвиг содержимого делает штатное правило слоя: рейка теперь лежит первым
   ребёнком `main`, как в прототипе, и `:is(div,main):has(>.tm-rail)`
   срабатывает само. Здесь остаётся только шапка: она фиксирована поверх
   всего, и её отступ считается от края окна, а не от сдвинутого main. */
body:has(.tm-rail) .tm-head{padding-left:calc(var(--rail-w) + 24px)}

@media (max-width:1280px){
  body:has(.tm-rail) .tm-head{padding-left:24px}
}

/* ---------- Модалка заявки и счётчики ----------
   Эти узлы приходят из каркаса шаблона, а не из прототипа: в Claude Design
   ни модалки, ни счётчиков не было. Правила заводятся здесь, иначе
   выводимые партиалы остаются без оформления. */
.tm-modal-actions{display:flex;flex-wrap:wrap;gap:10px;
  border-top:1px solid var(--ink-line);background:var(--surface)}
.tm-btn-wechat{border-color:#1d7d00;color:#1d7d00}
.tm-btn-wechat:hover{background:#1d7d00;border-color:#1d7d00;color:var(--white)}
.tm-lead-submit{font-family:var(--font-mono);font-weight:700;letter-spacing:.06em}

.tm-counter-item{display:flex;flex-direction:column;gap:4px;color:var(--muted)}
.tm-counter-item img{display:block}

/* ---------- Разделитель внутри материала ----------
   Раздел без абзацев («Три ключевых вопроса») — это метка с чертой, а не
   заголовок: в прототипе его рисовала логика, здесь он закодирован в тексте. */
.tm-group{display:flex;align-items:center;gap:16px;margin:52px 0 26px}
.tm-group>.uk-text-meta{flex:0 0 auto;color:var(--terracotta)}
.tm-group::after{content:"";flex:1 1 auto;height:1px;background:var(--ink-line-strong)}

/* ---------- Хиро материала с кадром ----------
   В прототипе высоту и затемнение задавала среда поштучно; в шаблоне это
   правило, иначе белый заголовок ложится прямо на светлую фотографию. */
.tm-art-hero{position:relative;display:flex;align-items:flex-end;
  min-height:min(62vh,620px);padding-top:120px;padding-bottom:44px}
.tm-art-hero .uk-container{position:relative;z-index:2}
.tm-art-hero .tm-hero-veil{background:linear-gradient(to bottom,
  color-mix(in srgb, var(--ink) 20%, transparent) 0 38%,
  color-mix(in srgb, var(--ink) 72%, transparent) 100%)}
.tm-art-hero h1{max-width:18ch}
.tm-art-hero .uk-text-lead{max-width:56ch;color:var(--on-blue-text)}

/* ---------- Капслок снят с текста ----------
   Прописные остаются только там, где они работают типографическим знаком,
   а не набором: размерные линии, чипы, крошки, мета-подписи, номера. Всё,
   что читается как фраза, — заголовки любого уровня, кнопки, пункты меню,
   подписи форм — идёт обычным начертанием.

   Правила стоят после слоя и той же специфичности: слой не переписывается,
   решение видно одним блоком и снимается одним же. */
h1,h2,h3,h4,h5,h6,
.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,
.uk-heading-small,.uk-heading-medium,.uk-heading-large{text-transform:none}
.uk-button,.uk-button-text{text-transform:none;letter-spacing:.01em}
.tm-menu-name{text-transform:none}
.uk-form-label,.uk-form-help{text-transform:none;letter-spacing:0}

/* ---------- Тело материала ----------
   В слое стоит глобальный сброс `p{margin:0}`: в прототипе воздух между
   абзацами держала раскладка страницы, а не поток. В статье поток и есть
   раскладка, поэтому ритм задаётся здесь — иначе текст идёт стеной. */
.tm-article-body{max-width:var(--measure)}
.tm-article-body p{margin:0 0 22px;line-height:1.75;font-size:16.5px;color:var(--ink-2)}
.tm-article-body p:last-child{margin-bottom:0}
.tm-article-body>p:first-of-type{font-size:var(--t-lead);line-height:1.62;color:var(--ink)}

.tm-article-body h2{font-size:var(--t-section);line-height:1.14;letter-spacing:-.015em;
  margin:64px 0 20px;color:var(--ink)}
.tm-article-body h3{font-size:var(--t-card);line-height:1.28;letter-spacing:-.01em;
  margin:38px 0 12px;color:var(--ink)}
.tm-article-body section+section{margin-top:8px}

.tm-article-body ul,.tm-article-body ol{margin:0 0 24px;padding-left:22px;line-height:1.68}
.tm-article-body li{margin-bottom:9px;color:var(--ink-2)}
.tm-article-body li::marker{color:var(--terracotta)}

/* Первый заголовок не отбивается сверху: над ним уже стоит хиро. */
.tm-article-body>h2:first-child{margin-top:0}

/* ---------- Источники ----------
   Нумерованный список: номер моноширинной меткой на поле, описание обычным
   начертанием, адрес отдельной строкой-ссылкой. Раньше всё это шло одним
   элементом с `uk-text-meta`, то есть длинное описание набиралось капслоком
   моноширинным — читать было нельзя. */
.tm-sources{list-style:none;counter-reset:src;margin:22px 0 0;padding:0;max-width:var(--measure)}
.tm-sources>li{position:relative;counter-increment:src;
  padding:14px 0 14px 46px;border-top:1px solid var(--ink-line)}
.tm-sources>li:last-child{border-bottom:1px solid var(--ink-line)}
.tm-sources>li::before{content:counter(src,decimal-leading-zero);position:absolute;left:0;top:16px;
  font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--muted)}
.tm-src-name{display:block;font-size:14px;line-height:1.55;color:var(--ink-2);text-transform:none}
.tm-src-addr{display:block;margin-top:5px;font-family:var(--font-mono);font-size:11px;
  letter-spacing:.06em;color:var(--muted);overflow-wrap:anywhere}
.tm-src-link{color:var(--blue);text-decoration:none;border-bottom:1px solid var(--ink-line-strong)}
.tm-src-link:hover{color:var(--terracotta);border-bottom-color:currentColor}

/* ---------- Цитата ----------
   Плашка с фирменным знаком кавычек: два ромба с хвостами (tm-quote).
   Глиф вшит в правило маской, чтобы брать currentColor и не зависеть
   от загрузки спрайта. */
blockquote{position:relative;margin:34px 0;padding:26px 30px 26px 74px;
  background:var(--wash);border:0}
blockquote::before{content:"";position:absolute;left:26px;top:28px;
  width:28px;height:28px;background:var(--terracotta);
  -webkit-mask:var(--tm-quote-glyph) no-repeat center/contain;
  mask:var(--tm-quote-glyph) no-repeat center/contain}
blockquote p{margin:0 0 12px;font-size:var(--t-lead);line-height:1.58;color:var(--ink)}
blockquote p:last-child{margin-bottom:0}
blockquote cite,blockquote footer{display:block;margin-top:14px;
  font-family:var(--font-mono);font-size:11px;font-style:normal;
  letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}

/* ---------- Смысловая выноска ----------
   Не реплика, а вывод, уже сказанный в тексте: остаётся в потоке, но
   набирается крупнее и отбивается воздухом. Знак — те же кавычки-ромбики,
   плашка светлее обычной цитаты, чтобы два вида различались. */
blockquote.tm-pull{margin:52px 0;padding:0 0 22px 92px;background:none;border:0}
blockquote.tm-pull::before{left:0;top:6px;width:74px;height:74px;
  background:var(--spec-cool)}
blockquote.tm-pull::after{content:"";display:block;width:120px;height:2px;
  margin-top:22px;background:var(--terracotta)}
blockquote.tm-pull p{margin:0;font-family:var(--font-display);font-style:italic;
  font-weight:700;font-size:clamp(20px,2vw,30px);line-height:1.28;
  letter-spacing:-.015em;color:var(--ink);max-width:24ch}


/* ==========================================================================
   ГЛАВНАЯ СТРАНИЦА — пересобранные секции
   Светлое поле, крупная типографика, воздух между секциями. Один тёмный
   экран в конце как точка. Значения — только токены системы.
   Собирается вместе с разметкой: tools/home.py + этот блок.
   ========================================================================== */

.tm-s-hero{padding-top:clamp(72px,9vw,150px);padding-bottom:clamp(56px,7vw,110px)}
.tm-s-services,.tm-s-catalogue,.tm-s-cases,.tm-s-team,.tm-s-insights{
  padding-top:clamp(64px,7vw,120px);padding-bottom:clamp(64px,7vw,120px)}
.tm-s-catalogue,.tm-s-team{background:var(--surface)}
.tm-s-contact{background:var(--blue);
  padding-top:clamp(72px,8vw,132px);padding-bottom:clamp(72px,8vw,132px)}

/* Заголовки. Мера ограничена символами, а не пикселями: строка держит
   длину при любом кегле. */
.tm-hero-title{margin:0;font-size:clamp(38px,5.6vw,92px);line-height:1.04;
  letter-spacing:-.035em;max-width:16ch;text-transform:none;color:var(--ink)}
.tm-accent{color:var(--blue)}
.tm-hero-lead{margin:28px 0 0;max-width:52ch;font-size:var(--t-lead);
  line-height:1.62;color:var(--ink-2)}
.tm-h-section{margin:0;font-size:clamp(28px,3.6vw,52px);line-height:1.08;
  letter-spacing:-.03em;max-width:18ch;text-transform:none;color:var(--ink)}
.tm-h-display{margin:0;font-size:clamp(30px,4vw,60px);line-height:1.06;
  letter-spacing:-.03em;max-width:20ch;text-transform:none;color:var(--white)}
.tm-lead{margin:20px 0 0;max-width:46ch;font-size:var(--t-body);
  line-height:1.68;color:var(--ink-2)}

/* Кадр: фаска 45° — фирменный приём системы. */
.tm-shot{margin:0;display:block;overflow:hidden;background:var(--wash);
  clip-path:var(--chamfer)}
.tm-shot img{display:block;width:100%;height:100%;object-fit:cover}
.tm-shot-hero{aspect-ratio:4/5}
.tm-shot-hero img{filter:saturate(.55) contrast(1.05)}

/* Показатели под хиро — строка вместо трёх чипов. */
.tm-facts{display:flex;flex-wrap:wrap;gap:clamp(24px,4vw,72px);margin:0;padding:0;
  list-style:none;border-top:1px solid var(--ink-line);padding-top:26px}
.tm-facts b{display:block;font-size:clamp(28px,3vw,42px);line-height:1;
  letter-spacing:-.03em;color:var(--blue)}
.tm-facts span{display:block;margin-top:8px;font-family:var(--font-mono);
  font-size:var(--t-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

/* Карточка формата работы. */
.tm-offer{display:flex;flex-direction:column;height:100%;padding:30px 30px 26px;
  background:var(--white);border:1px solid var(--ink-line);color:inherit;
  text-decoration:none;transition:border-color var(--dur) var(--ease),
  transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.tm-offer:hover{border-color:var(--blue);transform:var(--lift-shift);box-shadow:var(--lift-sm)}
.tm-offer-n{font-family:var(--font-mono);font-size:var(--t-mono);font-weight:700;
  letter-spacing:.16em;color:var(--terracotta)}
.tm-offer-kind{display:block;margin-top:18px;font-family:var(--font-mono);
  font-size:var(--t-mono-sm);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.tm-offer-name{margin:10px 0 0;font-size:var(--t-card);line-height:1.24;
  letter-spacing:-.015em;text-transform:none;color:var(--ink)}
.tm-offer-lead{margin:14px 0 0;font-size:var(--t-small);line-height:1.62;color:var(--ink-2)}
.tm-offer-go{margin-top:auto;padding-top:22px;font-family:var(--font-mono);
  font-size:var(--t-btn);letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.tm-offer-accent{background:var(--blue);border-color:var(--blue)}
.tm-offer-accent .tm-offer-name{color:var(--white)}
.tm-offer-accent .tm-offer-lead{color:var(--on-blue-text)}
.tm-offer-accent .tm-offer-kind{color:var(--on-blue-dim)}
.tm-offer-accent .tm-offer-go{color:var(--white)}
.tm-offer-accent:hover{border-color:var(--blue-dark);box-shadow:var(--lift-accent-sm)}

/* Каталог направлений: строки вместо тёмной плашки. */
.tm-dirs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(20px,3vw,48px)}
.tm-dir{display:flex;gap:16px;align-items:baseline;padding:16px 0;
  border-bottom:1px solid var(--ink-line);color:var(--ink);text-decoration:none;
  transition:color var(--dur) var(--ease)}
.tm-dir:hover{color:var(--terracotta)}
.tm-dir-n{flex:0 0 auto;font-family:var(--font-mono);font-size:var(--t-mono-sm);
  letter-spacing:.1em;color:var(--muted)}
.tm-dir-name{font-size:var(--t-body);line-height:1.35}
@media (max-width:760px){.tm-dirs{grid-template-columns:1fr}}

/* Проекты. */
.tm-case{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.tm-case .tm-shot{aspect-ratio:16/10}
.tm-case .tm-shot img{filter:grayscale(1) contrast(1.06);
  transition:filter var(--dur) var(--ease)}
.tm-case:hover .tm-shot img{filter:none}
.tm-case-meta{margin-top:18px;font-family:var(--font-mono);font-size:var(--t-mono-sm);
  letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.tm-case-name{margin:10px 0 0;font-size:var(--t-card);line-height:1.26;
  letter-spacing:-.015em;text-transform:none;color:var(--ink)}
.tm-case:hover .tm-case-name{color:var(--blue)}
.tm-case-result{margin-top:auto;padding:12px 0 0 14px;border-left:2px solid var(--terracotta);
  margin-left:0;font-size:var(--t-small);font-weight:700;color:var(--blue)}

/* Команда. */
.tm-person{height:100%;padding:clamp(24px,2.4vw,36px);background:var(--white);
  border:1px solid var(--ink-line)}
.tm-rhomb{display:block;width:96px;height:96px;overflow:hidden;
  clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:var(--wash)}
.tm-rhomb img{width:100%;height:100%;object-fit:cover;display:block}
.tm-person-name{margin:0;font-size:var(--t-card);line-height:1.2;
  letter-spacing:-.015em;text-transform:none;color:var(--ink)}
.tm-person-role{display:block;margin-top:6px;font-family:var(--font-mono);
  font-size:var(--t-mono-sm);letter-spacing:.14em;text-transform:uppercase;color:var(--terracotta)}
.tm-person-areas{margin:22px 0 0;font-family:var(--font-mono);font-size:var(--t-mono-sm);
  letter-spacing:.08em;text-transform:uppercase;color:var(--muted);line-height:1.7}
.tm-person-bio{margin:16px 0 0;font-size:var(--t-small);line-height:1.68;color:var(--ink-2)}
.tm-person-stats{margin:22px 0 0;padding:0;list-style:none}
.tm-person-stats li{padding:10px 0;border-top:1px solid var(--ink-line);
  font-family:var(--font-mono);font-size:var(--t-mono);letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink)}

/* Инсайты. */
.tm-post-lead{display:block;color:inherit;text-decoration:none}
.tm-post-lead .tm-shot{aspect-ratio:16/9}
.tm-post-kicker{display:block;margin-top:20px;font-family:var(--font-mono);
  font-size:var(--t-mono-sm);letter-spacing:.14em;text-transform:uppercase;color:var(--terracotta)}
.tm-post-lead-name{margin:12px 0 0;font-size:clamp(22px,2.2vw,32px);line-height:1.16;
  letter-spacing:-.025em;text-transform:none;color:var(--ink)}
.tm-post-lead:hover .tm-post-lead-name{color:var(--blue)}
.tm-posts{display:flex;flex-direction:column;border-top:1px solid var(--ink-line)}
.tm-post{display:block;padding:22px 0;border-bottom:1px solid var(--ink-line);
  color:inherit;text-decoration:none}
.tm-post:hover .tm-post-name{color:var(--blue)}
.tm-post .tm-post-kicker{margin-top:0}
.tm-post-name{display:block;margin-top:8px;font-size:var(--t-card);line-height:1.28;
  letter-spacing:-.015em;color:var(--ink)}

/* Контакт. */
.tm-contact-mail{margin:18px 0 0;font-family:var(--font-mono);font-size:var(--t-mono);
  letter-spacing:.1em}
.tm-contact-mail a{color:var(--on-blue-dim);text-decoration:none}
.tm-contact-mail a:hover{color:var(--white)}


/* ==========================================================================
   ШКАЛА КЕГЛЕЙ — укрупнение
   Прототип рисовался под просмотр в дизайн-среде: служебные надписи в
   10-11 пикселей там читались, на живом сайте — нет. Токены подняты, и
   вместе с ними всё, что на них опирается: метки, чипы, кнопки, размерные
   линии, подписи в карточках.

   Значения через clamp: на телефоне кегль не падает ниже удобочитаемого,
   на большом экране не растёт бесконечно.
   ========================================================================== */

:root{
  --t-mono:clamp(12px,.95vw,14px);
  --t-mono-sm:clamp(11.5px,.85vw,13px);
  --t-btn:clamp(12.5px,.95vw,14px);
  --t-small:clamp(15px,1.05vw,16.5px);
  --t-body:clamp(16.5px,1.2vw,19px);
  --t-lead:clamp(18px,1.5vw,23px);
  --t-card:clamp(19px,1.7vw,25px);
  --t-section:clamp(28px,3.5vw,50px);
}

/* Правила, где кегль записан числом мимо токенов. */
.uk-button-text{font-size:var(--t-btn)}
.tm-dimline-n,.tm-dimline-label{font-size:var(--t-mono-sm)}
.uk-label{font-size:var(--t-mono-sm)}

/* Кнопке нужен и воздух: при большем кегле прежние поля жмут текст. */
.uk-button{padding:14px 26px;line-height:1.2}
.uk-button-small{padding:10px 18px}

/* Мелкие подписи внутри карточек — на общую шкалу. */
.tm-offer-kind,.tm-case-meta,.tm-post-kicker,.tm-person-role,.tm-person-areas,
.tm-dir-n,.tm-facts span{font-size:var(--t-mono-sm)}
.tm-offer-n,.tm-person-stats li,.tm-contact-mail{font-size:var(--t-mono)}
.tm-offer-lead,.tm-person-bio,.tm-src-name{font-size:var(--t-small)}

/* ---------- Первый экран: зазор сверху ----------
   Шапка фиксирована и места в потоке не занимает, поэтому собственный
   отступ секции складывался с её высотой — экран начинался слишком низко. */
.tm-s-hero{padding-top:clamp(28px,3.2vw,56px)}


/* ==========================================================================
   ГЛАВНАЯ — блоки ниже услуг, вторая редакция
   Каталог как указатель, проекты реестром, лента на подложке, призыв на
   фирменной плашке с ножом. Приёмы взяты из промышленных сайтов: сравнение
   по графам вместо витрины, результат крупно, воздух вместо плотности.
   ========================================================================== */

/* Указатель направлений. */
.tm-idx-grid{border-top:1px solid var(--ink-line)}
.tm-idx{display:flex;flex-direction:column;gap:10px;height:100%;
  padding:22px clamp(12px,1.4vw,22px) 26px 0;border-bottom:1px solid var(--ink-line);
  color:var(--ink);text-decoration:none;transition:color var(--dur) var(--ease)}
.tm-idx:hover{color:var(--terracotta)}
.tm-idx-n{font-family:var(--font-mono);font-weight:700;letter-spacing:.14em;color:var(--muted)}
.tm-idx-name{font-size:var(--t-body);line-height:1.32;max-width:22ch}

/* Реестр проектов. */
.tm-regs{border-top:1px solid var(--ink)}
.tm-reg{display:grid;align-items:center;gap:clamp(14px,2vw,32px);
  grid-template-columns:auto 132px minmax(0,1fr) minmax(0,22%) auto;
  padding:22px 0;border-bottom:1px solid var(--ink-line);
  color:inherit;text-decoration:none;transition:background-color var(--dur) var(--ease)}
.tm-reg:hover{background:var(--surface)}
.tm-reg-n{font-family:var(--font-mono);font-size:var(--t-mono);font-weight:700;
  letter-spacing:.12em;color:var(--muted)}
.tm-reg-shot{aspect-ratio:4/3}
.tm-reg-shot img{filter:grayscale(1) contrast(1.06);transition:filter var(--dur) var(--ease)}
.tm-reg:hover .tm-reg-shot img{filter:none}
.tm-reg-body{display:block;min-width:0}
.tm-reg-name{display:block;font-size:var(--t-card);line-height:1.26;
  letter-spacing:-.015em;color:var(--ink)}
.tm-reg:hover .tm-reg-name{color:var(--blue)}
.tm-reg-meta{display:block;margin-top:8px;font-family:var(--font-mono);
  font-size:var(--t-mono-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.tm-reg-result{padding-left:16px;border-left:2px solid var(--terracotta);
  font-size:var(--t-small);font-weight:700;line-height:1.4;color:var(--blue)}
.tm-reg-go{font-size:20px;color:var(--blue)}
@media (max-width:960px){
  .tm-reg{grid-template-columns:auto minmax(0,1fr);row-gap:12px}
  .tm-reg-shot,.tm-reg-go{display:none}
  .tm-reg-result{grid-column:2;border-left:0;padding-left:0}
}

/* Команда. */
.tm-person-top{display:flex;align-items:center;gap:20px}
.tm-rhomb{flex:0 0 auto;width:112px;height:112px}
.tm-person-id{display:flex;flex-direction:column;gap:8px}
.tm-person-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.tm-person-stats li{display:flex;flex-direction:column;gap:4px;text-transform:none;
  letter-spacing:0}
.tm-person-stats b{font-family:var(--font-display);font-size:clamp(20px,1.8vw,26px);
  line-height:1;letter-spacing:-.02em;color:var(--blue)}
.tm-person-stats span{font-family:var(--font-mono);font-size:var(--t-mono-sm);
  letter-spacing:.08em;text-transform:uppercase;color:var(--muted);line-height:1.5}

/* Лента: третий столбец получает аннотацию, иначе строки пустуют. */
.tm-post-lead-text{display:block;margin-top:8px;font-size:var(--t-small);
  line-height:1.6;color:var(--ink-2)}
.tm-s-insights .tm-posts{border-top-color:var(--line-strong)}

/* Призыв. */
.tm-s-contact{margin-top:clamp(72px,8vw,120px)}
.tm-cta-note{margin:22px 0 0;max-width:46ch;font-size:var(--t-body);
  line-height:1.62;color:var(--on-blue-text)}
.tm-cta-acts{display:flex;flex-direction:column;align-items:flex-start;gap:14px}


/* ==========================================================================
   ТИПОГРАФИКА — вторая правка кегля
   Заголовки секций были поджаты: узкая мера и сильный отрицательный трекинг
   делали их плотными и мелкими для страницы такого масштаба. Даю им расти
   и дышать. Кнопки уравнены между собой: раньше текстовая и обычная
   расходились почти вдвое.
   ========================================================================== */

:root{
  --t-section:clamp(34px,4.8vw,72px);
  --t-btn:clamp(14px,1.05vw,16px);
}

.tm-hero-title{font-size:clamp(46px,6.6vw,116px);line-height:1.02;
  letter-spacing:-.028em;max-width:17ch}
.tm-hero-lead{max-width:56ch}
.tm-h-section{font-size:var(--t-section);line-height:1.06;
  letter-spacing:-.02em;max-width:24ch}
.tm-h-display{font-size:clamp(34px,4.6vw,68px);line-height:1.04;
  letter-spacing:-.022em;max-width:22ch}

/* Все кнопки одного кегля: у текстовой он задавался отдельно и мельчил. */
.uk-button,.uk-button-text,.uk-button-default,.uk-button-primary{
  font-size:var(--t-btn);letter-spacing:.06em}
.uk-button{padding:16px 30px}
.uk-button-text{padding:0}

/* ---------- Команда, вторая редакция ---------- */
.tm-person{display:flex;flex-direction:column;height:100%;
  padding:clamp(26px,2.6vw,40px)}
.tm-rhomb{width:100%;height:auto;aspect-ratio:1;max-width:220px}
.tm-person-name{font-size:clamp(21px,1.9vw,28px);line-height:1.14}
.tm-person-role{margin-top:8px}
.tm-person-areas{margin:18px 0 0;line-height:1.75}
.tm-person-bio{margin:22px 0 0;line-height:1.7;max-width:52ch}
.tm-person-stats{margin-top:auto;padding-top:26px;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0 24px}
.tm-person-stats li{padding:14px 0}
.tm-person-stats b{font-size:clamp(24px,2.2vw,34px)}


/* ==========================================================================
   ГЛАВНАЯ — правки по разбору вёрстки
   ========================================================================== */

/* Хиро: заголовок занимает всю ширину, мера считается от неё. Ограничение
   в ch остаётся, но не даёт выйти за контейнер. */
.tm-hero-title{max-width:min(20ch,100%);margin-bottom:0}
.tm-shot-hero{aspect-ratio:16/11}
.tm-hero-lead{margin-top:0}

/* Каталог: пояснение под заголовком, поэтому шапке нужен нижний отступ. */
.tm-s-catalogue .tm-lead{margin-top:18px}

/* Реестр проектов: строка была тесной для страницы такого масштаба. */
.tm-reg{grid-template-columns:auto 200px minmax(0,1fr) minmax(0,24%) auto;
  padding:28px 0}
.tm-reg-name{font-size:clamp(20px,1.9vw,27px)}

/* Команда: показатели в две колонки у обеих карточек. При автоподборе
   у одного человека выходило три столбца, у другого четыре — и нижняя
   строка повисала в одиночестве. */
.tm-person-stats{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Призыв: нож срезает 88 пикселей верхнего левого угла, и размерная линия
   попадала под срез. Отодвигаем содержимое внутрь плашки. */
.tm-cta>.uk-container{padding-top:clamp(64px,7vw,104px);
  padding-bottom:clamp(48px,5vw,72px)}

@media (max-width:960px){
  .tm-reg{grid-template-columns:auto minmax(0,1fr)}
}


/* ==========================================================================
   TAMGARD — постраничный слой прототипа
   Правила, привязанные к узлам через атрибут data-s: фоны секций, ширины
   колонок, отступы. В экспорте они лежали в <style> каждой страницы.
   Собирается tools/pagecss.py — руками не править.
   ========================================================================== */

@keyframes tam-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
[data-s="ar1"][data-s]{background:var(--white);color:var(--ink);font-family:var(--font-display),system-ui,sans-serif;overflow-x:clip}
[data-s="ar10"][data-s]{color:var(--blue)}
[data-s="ar11"][data-s]{margin-top:34px}
[data-s="ar12"][data-s]{margin-top:22px;font-size:clamp(30px,3.8vw,58px);line-height:1.22;letter-spacing:-.035em;max-width:24ch}
[data-s="ar13"][data-s]{margin-top:20px;max-width:58ch;font-weight:700}
[data-s="ar15"][data-s]{margin-top:26px;gap:12px;align-items:center}
[data-s="ar17"][data-s]{color:var(--muted)}
[data-s="ar18"][data-s]{width:22px;background:var(--blue)}
[data-s="ar19"][data-s]{color:var(--terracotta);letter-spacing:.22em}
[data-s="ar2"][data-s]{--logo-size:20px;text-decoration:none}
[data-s="ar21"][data-s]{display:flex;flex-direction:column;gap:20px}
[data-s="ar21"][data-s],[data-s="ar23"][data-s]{position:static;border-top:1px solid var(--line);padding-top:18px}
[data-s="ar22"][data-s]{max-width:66ch;font-size:16px;line-height:1.66;margin:0}
[data-s="ar23"][data-s]{position:static;top:auto}
[data-s="ar24"][data-s]{align-self:flex-start}
[data-s="ar25"][data-s]{color:var(--muted)}
[data-s="ar26"][data-s]{font-size:clamp(21px,1.9vw,29px);line-height:1.3;margin:26px 0 0;scroll-margin-top:var(--anchor-pad);text-transform:none;letter-spacing:-.02em;font-weight:800}
[data-s="ar27"][data-s]{display:flex;flex-direction:column;gap:18px}
[data-s="ar28"][data-s]{max-width:66ch;font-size:var(--t-small);line-height:1.6;color:var(--muted);margin:0}
[data-s="ar29"][data-s]{display:flex;align-items:center;gap:16px;margin:40px 0 -6px;scroll-margin-top:var(--anchor-pad)}
[data-s="ar3"][data-s]{width:36px;height:auto;flex:0 0 auto}
[data-s="ar30"][data-s]{border-top:1px solid var(--line);padding-top:22px;display:flex;gap:28px;flex-wrap:wrap}
[data-s="ar31"][data-s]{color:var(--muted)}
[data-s="ar32"][data-s]{flex:1;max-width:220px;height:1px;background:var(--ink-line-strong)}
[data-s="ar36"][data-s]{padding-left:30px}
[data-s="ar37"][data-s]{width:130px;left:-8px;top:-10px}
[data-s="ar37"][data-s] svg{width:100%;height:auto;display:block}
[data-s="ar38"][data-s]{font-weight:800;font-size:clamp(21px,2vw,30px);line-height:1.38;letter-spacing:-.015em;color:var(--blue-dark);text-wrap:pretty}
[data-s="ar39"][data-s]{width:120px;height:1px;background:var(--terracotta)}
[data-s="ar43"][data-s]{display:flex;flex-direction:column}
[data-s="ar44"][data-s]{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--ink-line)}
[data-s="ar45"][data-s]{color:var(--terracotta)}
[data-s="ar46"][data-s]{margin-top:48px;background:var(--surface);padding:32px 36px 44px;display:flex;flex-direction:column;gap:22px;scroll-margin-top:var(--anchor-pad)}
[data-s="ar47"][data-s]{color:var(--blue)}
[data-s="ar48"][data-s]{grid-template-columns:minmax(0,1fr)}
[data-s="ar49"][data-s]{max-width:56ch}
[data-s="ar50"][data-s]{font-size:16px;line-height:1.26;margin:0}
[data-s="ar51"][data-s]{font-size:var(--t-small);line-height:1.6;margin:0;color:var(--ink-2)}
[data-s="ar52"][data-s]{background:var(--white);border:1px solid var(--line);border-top:2px solid var(--ink);padding:20px 22px 22px;display:flex;flex-direction:column;gap:12px;box-shadow:5px 5px 0 var(--wash)}
[data-s="ar53"][data-s]{color:var(--blue)}
[data-s="ar54"][data-s]{font-weight:700;font-size:var(--t-small);line-height:1.4}
[data-s="ar57"][data-s]{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px}
[data-s="ar65"][data-s]{background:var(--white);color:var(--blue);box-shadow:5px 5px 0 var(--blue-dark)}
[data-s="ar70"][data-s]{--logo-size:17px}
[data-s="ar71"][data-s]{width:30px;height:auto;flex:0 0 auto}
[data-s="ar72"][data-s]{margin-top:6px}
[data-s="ar73"][data-s]{color:var(--blue)}
[data-s="ar74"][data-s]{align-self:flex-start}
[data-s="ar75"][data-s]{margin-top:auto;position:relative;z-index:1}
[data-s="ar80"][data-s]{position:relative;display:flex;align-items:flex-end;min-height:clamp(480px,64vh,720px);overflow:hidden}
[data-s="ar81"][data-s]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
[data-s="ar82"][data-s]{position:absolute;inset:0;background:linear-gradient(102deg,color-mix(in srgb, var(--ink) 92%, transparent) 0%,color-mix(in srgb, var(--ink) 62%, transparent) 44%,color-mix(in srgb, var(--ink) 10%, transparent) 82%),linear-gradient(to top,color-mix(in srgb, var(--ink) 60%, transparent) 0%,color-mix(in srgb, var(--ink) 0%, transparent) 42%)}
[data-s="ar83"][data-s]{padding-top:88px}
[data-s="ar86"][data-s]{margin-top:36px;max-width:900px}
[data-s="ar87"][data-s]{max-width:none}
[data-s="ar88"][data-s]{margin-top:20px;max-width:56ch;font-weight:700}
[data-s="ar89"][data-s]{width:22px;background:var(--white)}
[data-s="ar9"][data-s]{text-decoration:none}
[data-s="ar91"][data-s]{display:flex;flex-direction:column;gap:16px;margin:42px 0 12px;padding:28px 0 30px;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
[data-s="ar92"][data-s]{color:var(--terracotta)}
[data-s="ar93"][data-s]{font-weight:900;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(26px,2.6vw,44px);line-height:1.22;color:var(--blue);text-wrap:pretty}
[data-s="au1"][data-s]{background:var(--white);color:var(--ink);font-family:var(--font-display),system-ui,sans-serif;overflow-x:clip}
[data-s="au10"][data-s]{color:var(--blue)}
[data-s="au11"][data-s]{margin-top:36px}
[data-s="au12"][data-s]{margin-top:22px;font-size:clamp(38px,4.8vw,78px);line-height:1.24;letter-spacing:-.035em;max-width:16ch}
[data-s="au13"][data-s]{margin-top:22px;max-width:52ch}
[data-s="au14"][data-s]{background:var(--surface);margin-top:64px;}
[data-s="au15"][data-s]{border-top:2px solid var(--ink);display:flex;flex-direction:column}
[data-s="au18"][data-s]{font-size:21px}
[data-s="au19"][data-s]{margin-top:10px;max-width:56ch}
[data-s="au2"][data-s]{--logo-size:20px;text-decoration:none}
[data-s="au20"][data-s]{gap:8px;flex-wrap:wrap}
[data-s="au29"][data-s]{background:var(--white);color:var(--blue);box-shadow:5px 5px 0 var(--blue-dark)}
[data-s="au3"][data-s]{width:36px;height:auto;flex:0 0 auto}
[data-s="au34"][data-s]{--logo-size:17px}
[data-s="au35"][data-s]{width:30px;height:auto;flex:0 0 auto}
[data-s="au36"][data-s]{margin-top:6px}
[data-s="au37"][data-s]{align-self:flex-start}
[data-s="au38"][data-s]{margin-top:auto;position:relative;z-index:1}
[data-s="au5"][data-s]{position:relative;}
[data-s="au9"][data-s]{text-decoration:none}
[data-s="cd1"][data-s]{background:var(--white);color:var(--ink);font-family:var(--font-display),system-ui,sans-serif;overflow-x:clip}
[data-s="cd10"][data-s]{color:var(--blue)}
[data-s="cd11"][data-s]{margin-top:36px}
[data-s="cd12"][data-s]{margin-top:22px;font-size:clamp(30px,3.6vw,56px);line-height:1.24;letter-spacing:-.035em;max-width:24ch}
[data-s="cd13"][data-s]{margin-top:22px;max-width:60ch}
[data-s="cd15"][data-s]{margin-top:30px;gap:16px}
[data-s="cd16"][data-s]{gap:8px;flex-wrap:wrap;margin-top:18px}
[data-s="cd2"][data-s]{--logo-size:20px;text-decoration:none}
[data-s="cd20"][data-s]{row-gap:64px}
[data-s="cd22"][data-s]{margin-top:14px;font-size:clamp(30px,3.3vw,52px);line-height:1.24;max-width:26ch}
[data-s="cd23"][data-s],[data-s="cd24"][data-s],[data-s="cd25"][data-s],[data-s="cd52"][data-s],[data-s="cd54"][data-s],[data-s="cd61"][data-s],[data-s="cd62"][data-s],[data-s="cd71"][data-s],[data-s="cd72"][data-s],.cd-row{grid-template-columns:minmax(0,1fr);gap:6px}
[data-s="cd26"][data-s]{margin-top:12px}
[data-s="cd27"][data-s]{margin-top:16px;color:var(--muted);max-width:52ch}
[data-s="cd3"][data-s]{width:36px;height:auto;flex:0 0 auto}
[data-s="cd31"][data-s]{margin-top:26px;display:flex;flex-direction:column;border-top:1px solid var(--ink-line-strong)}
[data-s="cd32"][data-s]{color:var(--blue)}
[data-s="cd33"][data-s]{max-width:66ch}
[data-s="cd41"][data-s]{margin-top:28px;display:flex;flex-direction:column}
[data-s="cd42"][data-s]{font-size:15px}
[data-s="cd43"][data-s]{font-size:20px}
[data-s="cd44"][data-s]{margin-top:8px;max-width:62ch}
[data-s="cd5"][data-s]{position:relative;}
[data-s="cd50"][data-s]{position:relative;background:var(--surface);margin-top:110px;row-gap:64px}
[data-s="cd51"][data-s]{top:0}
[data-s="cd53"][data-s]{margin-top:18px;max-width:44ch}
[data-s="cd54"][data-s]{background:var(--white);border:1px solid var(--ink-line-strong);padding:28px 30px 30px}
[data-s="cd55"][data-s]{margin-top:14px}
[data-s="cd56"][data-s]{margin-top:18px;color:var(--ink-2);max-width:66ch}
[data-s="cd60"][data-s]{row-gap:64px}
[data-s="cd63"][data-s]{margin-top:14px;max-width:52ch}
[data-s="cd70"][data-s]{row-gap:64px}
[data-s="cd74"][data-s]{display:flex;gap:28px;flex-wrap:wrap}
[data-s="cd85"][data-s]{background:var(--white);color:var(--blue);box-shadow:5px 5px 0 var(--blue-dark)}
[data-s="cd9"][data-s]{text-decoration:none}
[data-s="cd90"][data-s]{--logo-size:17px}
[data-s="cd91"][data-s]{width:30px;height:auto;flex:0 0 auto}
[data-s="cd92"][data-s]{margin-top:6px}
[data-s="cd93"][data-s]{color:var(--blue)}
[data-s="cd94"][data-s]{align-self:flex-start}
[data-s="cd95"][data-s]{margin-top:auto;position:relative;z-index:1}
[data-s="cp1"][data-s]{background:var(--white);color:var(--ink);font-family:var(--font-display),system-ui,sans-serif;overflow-x:clip}
[data-s="cp11"][data-s]{margin-top:9vh}
[data-s="cp12"][data-s]{margin-top:22px;font-size:clamp(40px,5vw,80px);line-height:1.24;letter-spacing:-.035em;max-width:17ch}
[data-s="cp13"][data-s]{margin-top:22px;max-width:54ch}
[data-s="cp14"][data-s]{grid-template-columns:minmax(0,1fr)}
[data-s="cp14"] > div:last-child{border-bottom:none}
[data-s="cp14"] > div:nth-child(2n){border-right:none}
[data-s="cp14"] > div:nth-child(-n+2){border-bottom:1px solid var(--on-blue-line)}
[data-s="cp14"] > div{border-right:none;border-bottom:1px solid var(--on-blue-line)}
[data-s="cp15"][data-s]{padding:18px 22px 20px;border-right:1px solid var(--on-blue-line);display:flex;flex-direction:column;gap:8px}
[data-s="cp2"][data-s]{--logo-size:20px;text-decoration:none}
[data-s="cp20"][data-s]{row-gap:64px}
[data-s="cp22"][data-s]{margin-top:14px;font-size:clamp(30px,3.3vw,52px);max-width:20ch}
[data-s="cp23"][data-s]{margin-top:18px;max-width:52ch}
[data-s="cp24"][data-s]{display:block;margin-top:30px}
[data-s="cp25"][data-s]{margin-top:12px}
[data-s="cp26"][data-s]{gap:8px;margin-top:22px;flex-wrap:wrap}
[data-s="cp27"][data-s]{display:inline-block;margin-top:26px}
[data-s="cp28"][data-s]{display:inline-block;margin-top:10px;margin-left:26px}
[data-s="cp3"][data-s]{width:36px;height:auto;flex:0 0 auto}
[data-s="cp30"][data-s]{border:1px solid var(--ink-line-strong);background:var(--white);box-shadow:14px 14px 0 var(--wash);display:flex;flex-direction:column;align-self:start}
[data-s="cp31"][data-s]{aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid var(--ink-line-strong)}
[data-s="cp32"][data-s]{width:100%;height:100%;object-fit:cover}
[data-s="cp33"][data-s]{padding:26px 28px 30px;display:flex;flex-direction:column;gap:12px}
[data-s="cp34"][data-s]{color:var(--terracotta)}
[data-s="cp35"][data-s]{font-size:21px}
[data-s="cp36"][data-s]{align-self:flex-start;margin-top:8px}
[data-s="cp40"][data-s]{row-gap:64px}
[data-s="cp42"][data-s]{margin-top:14px;font-size:clamp(30px,3.3vw,52px);max-width:22ch}
[data-s="cp43"][data-s]{display:flex;flex-direction:column}
[data-s="cp43"] > div:first-child{border-top:2px solid var(--ink)}
[data-s="cp44"][data-s]{grid-template-columns:52px minmax(0,1fr)}
[data-s="cp44"]:hover [data-s="cp47"][data-s]{max-width:52ch}
[data-s="cp45"][data-s]{font-size:15px;color:var(--terracotta)}
[data-s="cp46"][data-s]{font-size:clamp(22px,2.1vw,28px);color:var(--terracotta);transition:color .2s cubic-bezier(.16,1,.3,1)}
[data-s="cp5"][data-s]{position:relative;overflow:hidden}
[data-s="cp50"][data-s]{background:var(--surface);margin-top:110px;row-gap:40px;position:relative}
[data-s="cp51"][data-s]{position:relative;z-index:1}
[data-s="cp52"][data-s]{margin-top:14px;font-size:clamp(30px,3.3vw,52px);max-width:22ch}
[data-s="cp53"][data-s]{margin-top:16px;max-width:52ch}
[data-s="cp54"][data-s]{grid-template-columns:minmax(0,1fr)}
[data-s="cp55"][data-s]{background:var(--white);padding:30px 28px 34px;display:flex;flex-direction:column;gap:12px}
[data-s="cp56"][data-s]{font-family:var(--font-mono);font-weight:700;letter-spacing:.2em;font-size:clamp(26px,2.7vw,42px);color:var(--blue)}
[data-s="cp57"][data-s]{max-width:44ch}
[data-s="cp6"][data-s]{position:absolute;inset:0}
[data-s="cp60"][data-s]{row-gap:32px}
[data-s="cp61"][data-s]{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;flex-wrap:wrap}
[data-s="cp62"][data-s]{margin-top:14px;font-size:clamp(30px,3.3vw,52px)}
[data-s="cp63"][data-s]{max-width:34ch;color:var(--ink-2)}
[data-s="cp64"][data-s]{display:flex;flex-direction:column;gap:0}
[data-s="cp64"]>div+div{margin-top:36px;padding-top:36px}
[data-s="cp64"]>div:last-of-type{grid-template-columns:minmax(0,1fr)}
[data-s="cp64"]>div:last-of-type>[data-s="cp66"][data-s]{order:2;justify-content:flex-start;display:flex}
[data-s="cp64"]>div:last-of-type>[data-s="cp66"]{order:0;justify-content:flex-start}
[data-s="cp65"][data-s]{gap:24px;grid-template-columns:minmax(0,1fr)}
[data-s="cp67"][data-s]{position:static;top:auto;width:min(100%,340px)}
[data-s="cp68"][data-s]{width:100%;height:100%;object-fit:cover;object-position:50% 10%}
[data-s="cp69"][data-s]{width:100%;height:100%;object-fit:cover;object-position:50% 12%}
[data-s="cp7"][data-s]{width:100%;height:100%;object-fit:cover;object-position:50% 42%}
[data-s="cp70"][data-s]{padding:6px 0 0;display:flex;flex-direction:column;gap:12px;min-width:0;max-width:70ch}
[data-s="cp71"][data-s]{font-size:clamp(26px,2.6vw,40px)}
[data-s="cp72"][data-s]{color:var(--blue)}
[data-s="cp73"][data-s]{color:var(--muted)}
[data-s="cp74"][data-s]{margin-top:4px}
[data-s="cp8"][data-s]{position:absolute;inset:0;background:linear-gradient(82deg,color-mix(in srgb, var(--blue-dark) 95%, transparent) 0%,color-mix(in srgb, var(--blue-dark) 80%, transparent) 42%,color-mix(in srgb, var(--blue) 42%, transparent) 76%,color-mix(in srgb, var(--blue) 22%, transparent) 100%)}
[data-s="cp85"][data-s]{background:var(--white);color:var(--blue);box-shadow:5px 5px 0 var(--blue-dark)}
[data-s="cp9"][data-s]{position:relative;z-index:1;}
[data-s="cp90"][data-s]{--logo-size:17px}
[data-s="cp91"][data-s]{width:30px;height:auto;flex:0 0 auto}
[data-s="cp92"][data-s]{color:var(--blue)}
[data-s="cp93"][data-s]{margin-top:6px}
[data-s="cp94"][data-s]{align-self:flex-start}
[data-s="cp95"][data-s]{margin-top:auto;position:relative;z-index:1}
[data-s="cs1"][data-s]{background:var(--white);color:var(--ink);font-family:var(--font-display),system-ui,sans-serif;overflow-x:clip}
[data-s="cs10"][data-s]{background:linear-gradient(0deg,var(--veil-1) 0 34%,var(--veil-2) 56%,var(--on-blue-line) 82%,var(--on-blue-veil))}
[data-s="cs13"][data-s]{color:inherit;text-decoration:none}
[data-s="cs14"][data-s]{color:var(--blue)}
[data-s="cs15"][data-s]{margin-top:14px}
[data-s="cs16"][data-s]{margin-top:20px;gap:10px}
[data-s="cs17"][data-s]{color:var(--terracotta);width:20px;display:inline-block}
[data-s="cs18"][data-s]{width:100%;height:auto;display:block}
[data-s="cs2"][data-s]{--logo-size:20px;text-decoration:none}
[data-s="cs20"][data-s]{gap:48px}
[data-s="cs21"][data-s]{margin-top:16px;font-size:clamp(24px,2.2vw,34px)}
[data-s="cs22"][data-s]{margin-top:18px;max-width:58ch}
[data-s="cs23"][data-s]{margin-top:20px;max-width:62ch}
[data-s="cs24"][data-s]{margin-top:28px}
[data-s="cs25"][data-s]{flex:0 0 auto;width:56px;font-size:var(--t-card);line-height:1.2;color:var(--blue)}
[data-s="cs26"][data-s]{margin:0}
[data-s="cs27"][data-s]{margin-top:8px;max-width:60ch}
[data-s="cs28"][data-s]{margin-top:18px;max-width:62ch}
[data-s="cs29"][data-s]{margin-top:26px;max-width:66ch;background:var(--surface);border-color:transparent}
[data-s="cs3"][data-s]{width:36px;height:auto;flex:0 0 auto}
[data-s="cs30"][data-s]{color:var(--terracotta)}
[data-s="cs31"][data-s]{margin-top:10px}
[data-s="cs32"][data-s]{margin-top:24px;font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;line-height:1.24;font-size:clamp(22px,2.4vw,36px);color:var(--blue);max-width:24ch}
[data-s="cs33"][data-s]{margin-top:30px}
[data-s="cs34"][data-s]{border-top:2px solid var(--ink);padding-top:16px}
[data-s="cs35"][data-s]{margin-top:8px}
[data-s="cs36"][data-s]{gap:20px}
[data-s="cs38"][data-s]{display:block;color:var(--blue)}
[data-s="cs39"][data-s]{margin-top:16px}
[data-s="cs40"][data-s]{display:block;font-weight:800;font-size:var(--t-small);margin-top:4px}
[data-s="cs41"][data-s]{gap:8px;margin-top:6px;align-items:center}
[data-s="cs42"][data-s]{color:var(--terracotta);width:16px;display:inline-block}
[data-s="cs43"][data-s]{font-weight:800;font-size:var(--t-small)}
[data-s="cs44"][data-s]{display:block;font-weight:800;font-size:var(--t-small);margin-top:4px;color:var(--blue)}
[data-s="cs46"][data-s]{aspect-ratio:16/10}
[data-s="cs48"][data-s]{display:block;margin-top:8px;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;font-size:15px;line-height:1.26;color:var(--ink);text-decoration:none}
[data-s="cs5"][data-s]{position:relative}
[data-s="cs50"][data-s]{display:block;margin-top:14px;border-top:1px solid var(--line);padding-top:14px}
[data-s="cs55"][data-s]{background:var(--white);color:var(--blue);box-shadow:5px 5px 0 var(--blue-dark)}
[data-s="cs58"][data-s]{font-size:20px}
[data-s="cs59"][data-s]{margin-top:22px}
[data-s="cs60"][data-s]{grid-template-columns:24px minmax(0,1fr) 26px;column-gap:18px;align-items:start;padding:28px 0 32px}
[data-s="cs61"][data-s]{display:block;margin-top:6px;font-size:15px}
[data-s="cs62"][data-s]{width:20px}
[data-s="cs67"][data-s]{--logo-size:17px}
[data-s="cs68"][data-s]{width:30px;height:auto;flex:0 0 auto}
[data-s="cs69"][data-s]{margin-top:6px}
[data-s="cs7"][data-s]{aspect-ratio:4/3;min-height:0}
[data-s="cs70"][data-s]{align-self:flex-start}
[data-s="cs71"][data-s]{margin-top:auto;position:relative;z-index:1}
[data-s="cs8"][data-s]{object-position:50% 36%}
[data-s="ct1"][data-s]{background:var(--white);color:var(--ink);font-family:var(--font-display),system-ui,sans-serif;overflow-x:clip}
[data-s="ct10"][data-s]{margin-top:calc(clamp(220px,38vh,420px) + clamp(120px,15vh,170px) - 5vh);display:flex;flex-direction:column;gap:0;min-width:0}
[data-s="ct11"][data-s]{margin-top:22px;font-size:clamp(38px,4.6vw,72px);line-height:1.24;letter-spacing:-.035em;max-width:14ch}
[data-s="ct12"][data-s]{margin-top:20px;max-width:44ch}
[data-s="ct13"][data-s]{display:block;margin-top:38px;}
[data-s="ct14"][data-s]{display:flex;flex-direction:column;margin-top:10px}
[data-s="ct15"][data-s]{display:flex;gap:12px;align-items:flex-start;font-size:var(--t-small);line-height:1.55;color:var(--on-blue-text);padding:8px 0}
[data-s="ct16"][data-s]{width:15px;height:15px;flex:0 0 15px;margin-top:4px}
[data-s="ct17"][data-s]{gap:10px;margin-top:34px;flex-wrap:wrap;align-items:center}
[data-s="ct18"][data-s]{font-weight:700;text-decoration:none}
[data-s="ct18"]:hover{color:var(--wash)}
[data-s="ct19"][data-s]{border-color:var(--on-blue-soft);color:var(--wash)}
[data-s="ct2"][data-s]{--logo-size:20px;text-decoration:none}
[data-s="ct3"][data-s]{width:36px;height:auto;flex:0 0 auto}
[data-s="ct30"][data-s]{margin-top:48px}
[data-s="ct30"] .uk-form-label{color:var(--on-blue-label)}
[data-s="ct30"] .uk-input,[data-s="ct30"] .uk-textarea{color:var(--white);border-bottom-color:var(--on-blue-soft)}
[data-s="ct30"] .uk-input:focus,[data-s="ct30"] .uk-textarea:focus{color:var(--white);border-bottom-color:var(--white)}
[data-s="ct30"] .uk-input::placeholder,[data-s="ct30"] .uk-textarea::placeholder{color:var(--on-blue-soft)}
[data-s="ct32"][data-s]{background:var(--white);color:var(--blue);box-shadow:5px 5px 0 var(--blue-dark)}
[data-s="ct33"][data-s]{gap:12px;flex-wrap:wrap}
[data-s="ct34"][data-s]{color:color-mix(in srgb, var(--spec-cool) 66%, transparent)}
[data-s="ct35"][data-s]{min-height:15px}
[data-s="ct36"][data-s]{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
[data-s="ct37"][data-s]{display:inline-flex;margin-right:9px}
[data-s="ct42"][data-s]{grid-template-columns:minmax(0,1fr)}
[data-s="ct42"] > div:first-child{border-left:none;padding-left:0}
[data-s="ct42"] > div:nth-child(2n+1){border-left:none;padding-left:0}
[data-s="ct42"] > div:nth-child(-n+2){border-bottom:1px solid var(--line)}
[data-s="ct42"] > div{border-left:none;padding-left:0;border-bottom:1px solid var(--line)}
[data-s="ct42"] > div:last-child{border-bottom:none}
[data-s="ct43"][data-s]{padding:22px 24px 26px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:9px}
[data-s="ct44"][data-s]{color:var(--blue)}
[data-s="ct45"][data-s]{color:var(--ink-2);max-width:34ch}
[data-s="ct46"][data-s]{gap:14px;margin-top:4px}
[data-s="ct47"][data-s]{border:1px solid var(--line);padding:8px 8px 6px;background:var(--white);display:inline-block}
[data-s="ct48"][data-s]{width:88px;height:88px;display:block}
[data-s="ct49"][data-s]{display:block;text-align:center;margin-top:6px}
[data-s="ct5"][data-s]{position:relative;overflow:hidden;color:var(--white)}
[data-s="ct50"][data-s]{aspect-ratio:16/10}
[data-s="ct6"][data-s]{position:absolute;top:6%;right:5vw;width:20vw;max-width:280px;color:var(--white);opacity:.08;pointer-events:none}
[data-s="ct60"][data-s]{background:var(--wash);margin-top:104px;row-gap:64px;position:relative;clip-path:polygon(0 0,calc(100% - 64px) 0,100% 64px,100% 100%,0 100%)}
[data-s="ct61"][data-s]{position:relative;z-index:1}
[data-s="ct62"][data-s]{margin-top:14px;font-size:clamp(30px,3.3vw,52px);max-width:22ch}
[data-s="ct63"][data-s]{margin-top:16px;max-width:52ch}
[data-s="ct64"][data-s]{position:relative;z-index:1}
[data-s="ct65"][data-s]{display:flex;flex-direction:column;margin-top:18px}
[data-s="ct65"] > div:first-child{border-top:2px solid var(--ink)}
[data-s="ct66"][data-s]{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:start;padding:20px 0;border-bottom:1px solid var(--line)}
[data-s="ct67"][data-s]{font-size:var(--t-small);color:var(--terracotta)}
[data-s="ct68"][data-s]{font-size:17px;margin-bottom:6px}
[data-s="ct69"][data-s]{max-width:46ch}
[data-s="ct7"][data-s]{position:relative;z-index:1;row-gap:0}
[data-s="ct70"][data-s]{position:relative;z-index:1}
[data-s="ct71"][data-s]{display:block;color:var(--blue)}
[data-s="ct73"][data-s]{gap:8px;margin-top:26px;flex-wrap:wrap}
[data-s="ct74"][data-s]{gap:14px;margin-top:30px;flex-wrap:wrap;align-items:center}
[data-s="ct75"][data-s]{margin-top:14px;color:var(--muted)}
[data-s="ct80"][data-s]{--logo-size:17px}
[data-s="ct81"][data-s]{width:30px;height:auto;flex:0 0 auto}
[data-s="ct82"][data-s]{margin-top:6px}
[data-s="ct83"][data-s]{align-self:flex-start}
[data-s="ct84"][data-s]{margin-top:auto;position:relative;z-index:1}
[data-s="ct9"][data-s]{top:clamp(104px,13vh,140px);height:clamp(180px,30vh,300px)}
[data-s="ct9"] img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;filter:grayscale(1) contrast(1.14) brightness(.78);opacity:.88;mix-blend-mode:luminosity}
[data-s="ct9"]::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,var(--dark-veil-hatch) 0 11px,transparent 11px 15px)}
[data-s="hm1"][data-s]{background:var(--white);color:var(--ink);font-family:var(--font-display),system-ui,sans-serif;overflow-x:clip}
[data-s="hm10"][data-s]{margin-top:28px;font-size:clamp(36px,4.7vw,82px);line-height:1.24;letter-spacing:-.04em;max-width:17ch}
[data-s="hm103"][data-s]{--logo-size:17px}
[data-s="hm104"][data-s]{width:30px;height:auto;flex:0 0 auto}
[data-s="hm105"][data-s]{margin-top:6px}
[data-s="hm106"][data-s]{align-self:flex-start}
[data-s="hm107"][data-s]{margin-top:auto;position:relative;z-index:1}
[data-s="hm11"][data-s]{color:var(--blue)}
[data-s="hm12"][data-s]{margin-left:0}
[data-s="hm13"][data-s]{margin-top:30px;max-width:44ch}
[data-s="hm14"][data-s]{margin-top:34px;gap:16px}
[data-s="hm15"][data-s]{display:block;margin-top:26px;color:var(--ink-2)}
[data-s="hm17"][data-s]{position:relative;}
[data-s="hm18"][data-s]{top:64px;right:0;width:44vw;bottom:40px}
[data-s="hm19"][data-s]{top:130px;right:6vw;width:20vw}
[data-s="hm22"][data-s]{margin-top:14px;font-size:clamp(32px,3.3vw,54px)}
[data-s="hm24"][data-s]{margin-top:22px;max-width:26ch}
[data-s="hm25"][data-s]{margin-top:26px}
[data-s="hm26"][data-s]{display:flex;flex-direction:column}
[data-s="hm3"][data-s]{width:36px;height:auto;flex:0 0 auto}
[data-s="hm305"][data-s]{margin-top:12px;font-size:clamp(32px,3.5vw,56px)}
[data-s="hm35"][data-s]{position:relative;overflow:hidden;background:var(--blue);color:var(--white)}
[data-s="hm36"][data-s]{top:48px;right:6vw;width:12vw}
[data-s="hm38"][data-s]{margin-top:12px;font-size:clamp(28px,3.4vw,54px);line-height:1.24;max-width:18ch}
[data-s="hm39"][data-s]{opacity:.88;align-self:end;max-width:46ch}
[data-s="hm48"][data-s]{position:relative;}
[data-s="hm5"][data-s]{position:relative;width:100%;}
[data-s="hm51"][data-s]{margin-top:14px;font-size:clamp(32px,3.5vw,56px);max-width:16ch}
[data-s="hm57"][data-s]{margin-top:32px}
[data-s="hm6"][data-s]{animation:tam-rise .55s cubic-bezier(.16,1,.3,1) both}
[data-s="hm7"][data-s]{gap:14px;align-items:center}
[data-s="hm8"][data-s]{width:22px;background:var(--blue)}
[data-s="hm88"][data-s]{position:relative;overflow:hidden;background:var(--blue);color:var(--white);clip-path:polygon(0 0,100% 64px,100% 100%,0 100%)}
[data-s="hm89"][data-s]{top:56px;right:7vw;width:11vw}
[data-s="hm9"][data-s]{color:var(--blue-sky)}
[data-s="hm90"][data-s]{align-items:end;row-gap:28px}
[data-s="hm92"][data-s]{margin-top:16px;font-size:clamp(28px,3vw,48px);line-height:1.24}
[data-s="hm93"][data-s]{margin-top:14px;opacity:.88;max-width:52ch}
[data-s="hm94"][data-s]{gap:14px;justify-content:flex-end;flex-wrap:wrap}
[data-s="hm95"][data-s]{background:var(--white);color:var(--blue);box-shadow:5px 5px 0 var(--blue-dark)}
[data-s="in1"][data-s]{background:var(--white);color:var(--ink);font-family:var(--font-display),system-ui,sans-serif;overflow-x:clip}
[data-s="in10"][data-s]{margin-top:20px;max-width:52ch}
[data-s="in11"][data-s]{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px;border-bottom:1px solid var(--line);padding-bottom:22px}
[data-s="in12"][data-s]{cursor:pointer}
[data-s="in14"][data-s]{text-decoration:none;color:inherit;align-items:end;row-gap:22px}
[data-s="in14"][data-s]:hover{color:var(--terracotta)}
[data-s="in15"][data-s]{aspect-ratio:21/9}
[data-s="in17"][data-s]{gap:12px;align-items:center}
[data-s="in18"][data-s]{width:22px;background:var(--blue)}
[data-s="in19"][data-s]{font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(21px,1.9vw,30px);line-height:1.24;color:inherit}
[data-s="in2"][data-s]{--logo-size:20px;text-decoration:none}
[data-s="in20"][data-s]{align-self:flex-start}
[data-s="in23"][data-s]{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit}
[data-s="in23"][data-s]:hover{color:var(--terracotta)}
[data-s="in24"][data-s]{aspect-ratio:16/10}
[data-s="in25"][data-s]{color:var(--blue-sky)}
[data-s="in26"][data-s]{font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:-.025em;font-size:clamp(18px,1.6vw,25px);line-height:1.24;color:inherit}
[data-s="in27"][data-s]{max-width:44ch}
[data-s="in3"][data-s]{width:36px;height:auto;flex:0 0 auto}
[data-s="in30"][data-s]{margin:72px 0 0;border-top:2px solid var(--ink)}
[data-s="in31"][data-s]{grid-template-columns:44px minmax(0,1fr);gap:10px 16px}
[data-s="in31"][data-s]:hover{color:var(--terracotta)}
[data-s="in31"][data-s]:hover .feed-num{color:var(--terracotta)}
[data-s="in32"][data-s]{font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:-.025em;font-size:clamp(19px,1.8vw,27px);line-height:1.24}
[data-s="in33"][data-s]{justify-self:start;text-align:left}
[data-s="in34"][data-s]{padding-top:16px;color:var(--muted)}
[data-s="in35"][data-s]:hover{color:var(--terracotta)}
[data-s="in40"][data-s]{position:relative;background:var(--surface);margin-top:110px;}
[data-s="in41"][data-s]{top:60px;right:5vw;width:12vw}
[data-s="in42"][data-s]{display:flex;justify-content:flex-end;}
[data-s="in45"][data-s]{margin:120px 0 0;z-index:2;position:relative;color:var(--white);clip-path:polygon(0 88px,88px 0,100% 0,100% 100%,0 100%)}
[data-s="in46"][data-s]{align-items:end;position:relative;z-index:1}
[data-s="in47"][data-s]{margin-top:14px;font-size:clamp(21px,1.9vw,30px);line-height:1.24;max-width:38ch}
[data-s="in48"][data-s]{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}
[data-s="in49"][data-s]{flex:1;min-width:200px}
[data-s="in5"][data-s]{position:relative;}
[data-s="in51"][data-s]{color:var(--white);border-bottom-color:var(--on-blue-soft)}
[data-s="in52"][data-s]{flex-basis:100%}
[data-s="in53"][data-s]{margin-top:14px;opacity:.85;max-width:54ch}
[data-s="in60"][data-s]{--logo-size:17px}
[data-s="in61"][data-s]{width:30px;height:auto;flex:0 0 auto}
[data-s="in62"][data-s]{margin-top:6px}
[data-s="in63"][data-s]{color:var(--blue)}
[data-s="in64"][data-s]{align-self:flex-start}
[data-s="in65"][data-s]{margin-top:auto;position:relative;z-index:1}
[data-s="in9"][data-s]{margin-top:22px;font-size:clamp(34px,4.2vw,68px);line-height:1.24;letter-spacing:-.035em}
[data-s="nf1"]{background:var(--white);color:var(--ink);font-family:var(--font-display);overflow-x:clip;min-height:100vh;display:flex;flex-direction:column}
[data-s="nf10"]{display:flex;flex-wrap:wrap;gap:14px;margin-top:6px}
[data-s="nf11"]{display:none}
[data-s="nf12"]{width:min(100%,420px);color:var(--blue);opacity:.16}
[data-s="nf13"]{clamp(56px,6vw,88px)}
[data-s="nf14"]{border-left:0;border-top:1px solid var(--line);padding:18px 0}
[data-s="nf14"]:first-child{border-top:0}
[data-s="nf14"]:hover [data-s="nf15"][data-s]{color:var(--terracotta);font-size:17px;line-height:1.24;text-transform:none;letter-spacing:-.02em;font-weight:800;transition:color .18s var(--ease)}
[data-s="nf16"]{font-size:var(--t-small);line-height:1.5;color:var(--ink-2)}
[data-s="nf2"]{--logo-size:20px;text-decoration:none}
[data-s="nf3"]{width:36px;height:auto;flex:0 0 auto}
[data-s="nf5"]{grid-template-columns:minmax(0,1fr)}
[data-s="nf6"]{display:flex;flex-direction:column;gap:22px;min-width:0}
[data-s="nf8"]{font-size:clamp(28px,3.2vw,52px);line-height:1.2;max-width:18ch}
[data-s="nf9"]{max-width:46ch}
[data-s="pj1"][data-s]{background:var(--white);color:var(--ink);font-family:var(--font-display),system-ui,sans-serif;overflow-x:clip}
[data-s="pj10"][data-s]{color:var(--blue)}
[data-s="pj11"][data-s]{margin-top:36px}
[data-s="pj12"][data-s]{margin-top:22px;font-size:clamp(38px,4.8vw,78px);line-height:1.24;letter-spacing:-.035em;max-width:18ch}
[data-s="pj13"][data-s]{margin-top:22px;max-width:52ch}
[data-s="pj2"][data-s]{--logo-size:20px;text-decoration:none}
[data-s="pj3"][data-s]{width:36px;height:auto;flex:0 0 auto}
[data-s="pj33"][data-s]:hover{color:var(--terracotta)}
[data-s="pj5"][data-s]{position:relative;}
[data-s="pj55"][data-s]{background:var(--white);color:var(--blue);box-shadow:5px 5px 0 var(--blue-dark)}
[data-s="pj60"][data-s]{--logo-size:17px}
[data-s="pj61"][data-s]{width:30px;height:auto;flex:0 0 auto}
[data-s="pj62"][data-s]{margin-top:6px}
[data-s="pj63"][data-s]{color:var(--blue)}
[data-s="pj64"][data-s]{align-self:flex-start}
[data-s="pj65"][data-s]{margin-top:auto;position:relative;z-index:1}
[data-s="pj9"][data-s]{text-decoration:none}
[data-s="rg1"][data-s]{background:var(--white);color:var(--ink);font-family:var(--font-display),system-ui,sans-serif;overflow-x:clip}
[data-s="rg10"][data-s]{color:var(--blue)}
[data-s="rg11"][data-s]{margin-top:36px}
[data-s="rg12"][data-s]{margin-top:22px;font-size:clamp(30px,3.6vw,56px);line-height:1.24;letter-spacing:-.035em;max-width:24ch}
[data-s="rg13"][data-s]{margin-top:22px;max-width:60ch}
[data-s="rg15"][data-s]{margin-top:30px;gap:16px}
[data-s="rg16"][data-s]{gap:8px;flex-wrap:wrap;margin-top:18px}
[data-s="rg2"][data-s]{--logo-size:20px;text-decoration:none}
[data-s="rg20"][data-s]{row-gap:64px}
[data-s="rg22"][data-s]{margin-top:14px;font-size:clamp(30px,3.3vw,52px);line-height:1.24;max-width:26ch}
[data-s="rg23"][data-s],[data-s="rg24"][data-s],[data-s="rg25"][data-s],[data-s="rg71"][data-s],[data-s="rg72"][data-s],.reg-row{grid-template-columns:minmax(0,1fr);gap:6px}
[data-s="rg26"][data-s]{margin-top:12px}
[data-s="rg27"][data-s]{margin-top:16px;color:var(--muted);max-width:52ch}
[data-s="rg3"][data-s]{width:36px;height:auto;flex:0 0 auto}
[data-s="rg31"][data-s]{margin-top:28px;display:flex;flex-direction:column}
[data-s="rg32"][data-s]{font-size:15px}
[data-s="rg33"][data-s]{font-size:20px}
[data-s="rg34"][data-s]{margin-top:8px;max-width:70ch}
[data-s="rg40"][data-s]{position:relative;background:var(--surface);margin-top:110px;}
[data-s="rg41"][data-s]{top:0}
[data-s="rg42"][data-s]{margin-top:30px;border-top:2px solid var(--ink)}
[data-s="rg43"][data-s]{color:var(--blue)}
[data-s="rg44"][data-s]{font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;font-size:16px;line-height:1.3}
[data-s="rg45"][data-s]{color:var(--blue-sky)}
[data-s="rg46"][data-s]{max-width:72ch}
[data-s="rg47"][data-s]{margin-top:56px}
[data-s="rg48"][data-s]{margin-top:12px;max-width:60ch}
[data-s="rg49"][data-s]{margin-top:12px;color:var(--muted);max-width:60ch}
[data-s="rg5"][data-s]{position:relative;}
[data-s="rg60"][data-s]{row-gap:64px}
[data-s="rg74"][data-s]{display:flex;gap:28px;flex-wrap:wrap}
[data-s="rg85"][data-s]{background:var(--white);color:var(--blue);box-shadow:5px 5px 0 var(--blue-dark)}
[data-s="rg9"][data-s]{text-decoration:none}
[data-s="rg90"][data-s]{--logo-size:17px}
[data-s="rg91"][data-s]{width:30px;height:auto;flex:0 0 auto}
[data-s="rg92"][data-s]{margin-top:6px}
[data-s="rg93"][data-s]{color:var(--blue)}
[data-s="rg94"][data-s]{align-self:flex-start}
[data-s="rg95"][data-s]{margin-top:auto;position:relative;z-index:1}
[data-s="sd1"][data-s]{background:var(--white);color:var(--ink);font-family:var(--font-display),system-ui,sans-serif;overflow-x:clip}
[data-s="sd10"][data-s]{margin-top:40px}
[data-s="sd11"][data-s]{margin-top:24px;font-size:clamp(32px,3.8vw,62px);line-height:1.24;letter-spacing:-.035em;max-width:18ch}
[data-s="sd12"][data-s]{margin-top:24px;max-width:52ch}
[data-s="sd13"][data-s]{margin-top:30px;gap:16px}
[data-s="sd14"][data-s]{align-self:end}
[data-s="sd15"][data-s]{aspect-ratio:4/3}
[data-s="sd16"][data-s]{display:block;margin-top:10px;text-align:right}
[data-s="sd17"][data-s]{margin:48px 5vw 0}
[data-s="sd2"][data-s]{--logo-size:20px;text-decoration:none}
[data-s="sd20"][data-s]{width:100%;height:auto;display:block}
[data-s="sd21"][data-s]{align-items:start}
[data-s="sd24"][data-s]{display:flex;flex-direction:column;gap:84px}
[data-s="sd25"][data-s]{margin-top:16px;font-size:clamp(28px,2.9vw,46px)}
[data-s="sd26"]>*{width:100%}
[data-s="sd26"][data-s]{margin-top:30px}
[data-s="sd26"]>*:first-child{width:45%}
[data-s="sd26"]>*:last-child{width:55%}
[data-s="sd27"][data-s]{color:var(--muted)}
[data-s="sd28"][data-s]{margin-top:12px}
[data-s="sd29"][data-s]{margin-top:22px;max-width:64ch;color:var(--muted)}
[data-s="sd3"][data-s]{width:36px;height:auto;flex:0 0 auto}
[data-s="sd30"][data-s]{margin-top:30px}
[data-s="sd31"][data-s]{min-height:190px}
[data-s="sd32"][data-s]{color:var(--blue-sky)}
[data-s="sd33"][data-s]{margin-top:8px}
[data-s="sd34"][data-s]{margin-top:28px;overflow-x:auto}
[data-s="sd35"][data-s]{min-width:0}
[data-s="sd36"][data-s]{width:20%}
[data-s="sd37"][data-s]{width:18%}
[data-s="sd38"][data-s]{width:10%}
[data-s="sd39"][data-s]{font-weight:800;color:var(--ink)}
[data-s="sd40"][data-s]{color:var(--terracotta);width:18px;display:block}
[data-s="sd41"][data-s]{margin-top:26px;background:var(--surface);padding:20px 24px;max-width:70ch}
[data-s="sd43"]>*{width:100%}
[data-s="sd43"][data-s]{margin-top:30px;align-items:flex-start}
[data-s="sd43"]>*:first-child{width:55%}
[data-s="sd43"]>*:last-child{width:45%}
[data-s="sd44"][data-s]{aspect-ratio:16/10}
[data-s="sd45"][data-s]{margin-top:12px;color:var(--muted);max-width:40ch}
[data-s="sd46"][data-s]{margin-top:16px;font-size:clamp(28px,2.9vw,46px);max-width:22ch}
[data-s="sd47"][data-s]{margin-top:18px;max-width:52ch}
[data-s="sd48"][data-s]{margin-top:28px;color:var(--muted)}
[data-s="sd5"][data-s]{position:relative;}
[data-s="sd53"][data-s]{background:var(--white);color:var(--blue);box-shadow:5px 5px 0 var(--blue-dark)}
[data-s="sd58"][data-s]{--logo-size:17px}
[data-s="sd59"][data-s]{width:30px;height:auto;flex:0 0 auto}
[data-s="sd60"][data-s]{margin-top:6px}
[data-s="sd61"][data-s]{align-self:flex-start}
[data-s="sd62"][data-s]{margin-top:auto;position:relative;z-index:1}
[data-s="sd8"][data-s]{text-decoration:none}
[data-s="sd9"][data-s]{color:var(--blue)}
[data-s="sl1"][data-s]{background:var(--white);color:var(--ink);font-family:var(--font-display),system-ui,sans-serif;overflow-x:clip}
[data-s="sl10"][data-s]{color:var(--blue)}
[data-s="sl11"][data-s]{margin-top:36px}
[data-s="sl12"][data-s]{margin-top:22px;font-size:clamp(38px,4.8vw,78px);line-height:1.24;letter-spacing:-.035em;max-width:20ch}
[data-s="sl13"][data-s]{margin-top:22px;max-width:52ch}
[data-s="sl2"][data-s]{--logo-size:20px;text-decoration:none}
[data-s="sl20"][data-s]:hover{color:var(--terracotta)}
[data-s="sl3"][data-s]{width:36px;height:auto;flex:0 0 auto}
[data-s="sl30"][data-s]:hover{color:var(--terracotta)}
[data-s="sl30"][data-s]:hover .sol-ico{color:var(--white);border-color:var(--white)}
[data-s="sl31"][data-s]{flex:0 0 50%;min-height:0}
[data-s="sl32"][data-s]{display:flex;align-items:center;gap:14px;justify-content:space-between}
[data-s="sl33"][data-s]{font-family:var(--font-mono);font-weight:700;font-size:19px;color:var(--ink-line-strong)}
[data-s="sl35"][data-s]{max-width:40ch}
[data-s="sl40"][data-s]{position:relative;background:var(--surface);margin-top:110px;}
[data-s="sl41"][data-s]{top:64px;right:5vw;width:12vw}
[data-s="sl43"][data-s]{margin-top:14px;font-size:clamp(32px,3.5vw,56px);line-height:1.24;max-width:16ch}
[data-s="sl44"][data-s]{margin-top:18px;max-width:40ch}
[data-s="sl46"][data-s]{display:flex;flex-wrap:wrap;gap:10px;align-content:start}
[data-s="sl48"][data-s]{display:flex;flex-wrap:wrap;gap:18px 36px;align-items:center;margin-top:30px}
[data-s="sl5"][data-s]{position:relative;}
[data-s="sl55"][data-s]{background:var(--white);color:var(--blue);box-shadow:5px 5px 0 var(--blue-dark)}
[data-s="sl60"][data-s]{--logo-size:17px}
[data-s="sl61"][data-s]{width:30px;height:auto;flex:0 0 auto}
[data-s="sl62"][data-s]{margin-top:6px}
[data-s="sl63"][data-s]{color:var(--blue)}
[data-s="sl64"][data-s]{align-self:flex-start}
[data-s="sl65"][data-s]{margin-top:auto;position:relative;z-index:1}
[data-s="sl9"][data-s]{color:inherit;text-decoration:none}
[data-s="so1"][data-s]{background:var(--white);color:var(--ink);font-family:var(--font-display),system-ui,sans-serif;overflow-x:clip}
[data-s="so10"][data-s]{color:var(--blue)}
[data-s="so11"][data-s]{margin-top:36px}
[data-s="so12"][data-s]{margin-top:22px;font-size:clamp(30px,3.8vw,58px);line-height:1.24;letter-spacing:-.035em;max-width:22ch}
[data-s="so13"][data-s]{margin-top:22px;max-width:54ch}
[data-s="so15"][data-s]{margin-top:30px;gap:16px}
[data-s="so2"][data-s]{--logo-size:20px;text-decoration:none}
[data-s="so21"][data-s]{aspect-ratio:21/9}
[data-s="so22"][data-s]{display:block;margin-top:10px;text-align:right;color:var(--muted)}
[data-s="so3"][data-s]{width:36px;height:auto;flex:0 0 auto}
[data-s="so30"][data-s]{row-gap:clamp(40px,4.5vw,68px);column-gap:clamp(32px,5vw,90px)}
[data-s="so37"][data-s]{display:block;margin-top:26px;color:var(--muted);max-width:64ch}
[data-s="so5"][data-s]{position:relative;}
[data-s="so50"][data-s]{display:flex;gap:28px;flex-wrap:wrap}
[data-s="so65"][data-s]{background:var(--white);color:var(--blue);box-shadow:5px 5px 0 var(--blue-dark)}
[data-s="so70"][data-s]{--logo-size:17px}
[data-s="so71"][data-s]{width:30px;height:auto;flex:0 0 auto}
[data-s="so72"][data-s]{margin-top:6px}
[data-s="so73"][data-s]{color:var(--blue)}
[data-s="so74"][data-s]{align-self:flex-start}
[data-s="so75"][data-s]{margin-top:auto;position:relative;z-index:1}
[data-s="so9"][data-s]{text-decoration:none}
[data-s="sp1"][data-s]{background:var(--white);color:var(--ink);font-family:var(--font-display),system-ui,sans-serif;overflow-x:clip}
[data-s="sp10"][data-s]{color:var(--blue)}
[data-s="sp11"][data-s]{margin-top:36px}
[data-s="sp12"][data-s]{margin-top:22px;font-size:clamp(38px,4.8vw,78px);line-height:1.24;letter-spacing:-.035em;max-width:18ch}
[data-s="sp13"][data-s]{margin-top:22px;max-width:50ch}
[data-s="sp14"][data-s]{margin-top:30px;gap:16px}
[data-s="sp15"][data-s]{align-self:end;margin-top:36px}
[data-s="sp16"][data-s]{aspect-ratio:4/3}
[data-s="sp17"][data-s]{width:100%;height:100%;object-fit:cover}
[data-s="sp18"][data-s]{display:block;margin-top:10px;text-align:right}
[data-s="sp19"][data-s]{position:relative;}
[data-s="sp2"][data-s]{--logo-size:20px;text-decoration:none}
[data-s="sp20"][data-s]{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:18px}
[data-s="sp21"][data-s]{max-width:42ch}
[data-s="sp22"][data-s]{margin-top:28px;display:flex;flex-direction:column;position:relative;z-index:1}
[data-s="sp23"][data-s]{font-size:15px}
[data-s="sp24"][data-s]{font-size:20px}
[data-s="sp25"][data-s]{margin-top:8px;max-width:62ch}
[data-s="sp26"][data-s]{display:block;margin-top:10px;color:var(--blue-sky)}
[data-s="sp27"][data-s]{display:block;margin-top:10px;color:var(--terracotta)}
[data-s="sp28"][data-s]{top:150px;right:4vw;width:20vw}
[data-s="sp29"][data-s]{position:relative;}
[data-s="sp3"][data-s]{width:36px;height:auto;flex:0 0 auto}
[data-s="sp30"][data-s]{margin-top:30px;position:relative;z-index:1}
[data-s="sp30"].uk-grid>.uk-grid-margin{margin-top:28px}
[data-s="sp34"][data-s]{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;max-width:920px}
[data-s="sp35"][data-s]{margin-top:28px;display:flex;gap:26px;flex-wrap:wrap;align-items:center}
[data-s="sp39"][data-s]{background:var(--white);color:var(--blue);box-shadow:5px 5px 0 var(--blue-dark)}
[data-s="sp46"][data-s]{--logo-size:17px}
[data-s="sp47"][data-s]{width:30px;height:auto;flex:0 0 auto}
[data-s="sp48"][data-s]{margin-top:6px}
[data-s="sp49"][data-s]{color:var(--blue)}
[data-s="sp5"][data-s]{position:relative;}
[data-s="sp50"][data-s]{align-self:flex-start}
[data-s="sp51"][data-s]{margin-top:auto;position:relative;z-index:1}
[data-s="sp9"][data-s]{color:inherit;text-decoration:none}
[data-s="sv1"][data-s]{background:var(--white);color:var(--ink);font-family:var(--font-display),system-ui,sans-serif;overflow-x:clip}
[data-s="sv10"][data-s]{color:var(--blue)}
[data-s="sv11"][data-s]{margin-top:36px}
[data-s="sv12"][data-s]{margin-top:22px;font-size:clamp(38px,4.8vw,78px);line-height:1.24;letter-spacing:-.035em;max-width:20ch}
[data-s="sv13"][data-s]{margin-top:22px;max-width:52ch}
[data-s="sv14"][data-s]{row-gap:72px}
[data-s="sv15"][data-s]{display:flex;flex-direction:column}
[data-s="sv16"][data-s]{font-size:22px}
[data-s="sv17"][data-s]{display:block;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;font-size:21px;line-height:1.26;color:var(--ink)}
[data-s="sv17"]{color:var(--terracotta)}
[data-s="sv18"][data-s]{display:block;font-size:15px;line-height:1.5;color:var(--ink-2);margin-top:6px;max-width:70ch}
[data-s="sv2"][data-s]{--logo-size:20px;text-decoration:none}
[data-s="sv200"][data-s]{row-gap:64px;position:relative}
[data-s="sv201"][data-s]{position:relative;z-index:1}
[data-s="sv202"][data-s]{margin-top:14px;font-size:clamp(30px,3.3vw,52px);line-height:1.24}
[data-s="sv203"][data-s]{margin-top:12px;max-width:52ch}
[data-s="sv23"][data-s]{margin-top:0}
[data-s="sv24"][data-s]{position:static;top:auto}
[data-s="sv241"][data-s]{gap:20px;align-items:flex-start}
[data-s="sv242"][data-s]{font-size:clamp(24px,2.2vw,34px)}
[data-s="sv243"][data-s]{max-width:60ch}
[data-s="sv245"][data-s]{display:flex;flex-direction:column;gap:6px;max-width:44ch}
[data-s="sv246"][data-s]{color:var(--terracotta)}
[data-s="sv25"][data-s]{margin-top:14px;font-size:clamp(32px,3.3vw,54px);max-width:14ch}
[data-s="sv26"][data-s]{margin-top:18px;max-width:30ch}
[data-s="sv260"][data-s]{display:flex;flex-direction:column;gap:10px;max-width:66ch}
[data-s="sv261"][data-s]{color:var(--muted)}
[data-s="sv27"][data-s],[data-s="sv28"][data-s]{display:none}
[data-s="sv27"][data-s]{width:clamp(120px,11vw,168px);height:auto;margin-top:34px;display:block}
[data-s="sv28"][data-s]{gap:12px;margin-top:18px;align-items:baseline}
[data-s="sv29"][data-s]{font-size:26px;color:var(--blue)}
[data-s="sv3"][data-s]{width:36px;height:auto;flex:0 0 auto}
[data-s="sv30"][data-s]{display:flex;flex-direction:column}
[data-s="sv31"][data-s]{font-size:15px}
[data-s="sv32"][data-s]{font-size:20px}
[data-s="sv34"][data-s]{display:block;margin-top:10px;color:var(--blue-sky)}
[data-s="sv36"][data-s]{row-gap:64px}
[data-s="sv38"][data-s]{margin-top:14px;font-size:clamp(32px,3.5vw,56px);max-width:18ch}
[data-s="sv39"][data-s]{margin-top:20px;max-width:44ch}
[data-s="sv41"][data-s]{color:var(--terracotta);width:24px;display:block;margin-bottom:12px}
[data-s="sv42"][data-s]{width:100%;height:auto;display:block}
[data-s="sv43"][data-s]{margin-top:10px;font-size:20px}
[data-s="sv44"][data-s]{margin-top:10px}
[data-s="sv45"][data-s]{display:inline-block;margin-top:auto;padding-top:16px}
[data-s="sv47"][data-s]{box-shadow:6px 6px 0 var(--blue-dark)}
[data-s="sv48"][data-s]{color:var(--white);width:24px;display:block;margin-bottom:12px}
[data-s="sv5"][data-s]{position:relative;}
[data-s="sv50"][data-s]{margin-top:10px;font-size:20px;}
[data-s="sv51"][data-s]{margin-top:10px;opacity:.9}
[data-s="sv52"][data-s]{margin-top:18px}
[data-s="sv58"][data-s]{background:var(--white);color:var(--blue);box-shadow:5px 5px 0 var(--blue-dark)}
[data-s="sv63"][data-s]{--logo-size:17px}
[data-s="sv64"][data-s]{width:30px;height:auto;flex:0 0 auto}
[data-s="sv65"][data-s]{margin-top:6px}
[data-s="sv66"][data-s]{align-self:flex-start}
[data-s="sv67"][data-s]{margin-top:auto;position:relative;z-index:1}
[data-s="sv9"][data-s]{color:inherit;text-decoration:none}
[data-s="sx1"][data-s]{background:var(--white);color:var(--ink);font-family:var(--font-display),system-ui,sans-serif;overflow-x:clip}
[data-s="sx10"][data-s]{color:var(--blue)}
[data-s="sx11"][data-s]{margin-top:36px}
[data-s="sx12"][data-s]{margin-top:22px;font-size:clamp(30px,3.8vw,58px);line-height:1.24;letter-spacing:-.035em;max-width:20ch}
[data-s="sx13"][data-s]{margin-top:22px;max-width:52ch}
[data-s="sx15"][data-s]{margin-top:30px;gap:16px}
[data-s="sx16"][data-s]{gap:8px;flex-wrap:wrap;margin-top:18px}
[data-s="sx2"][data-s]{--logo-size:20px;text-decoration:none}
[data-s="sx20"][data-s]{row-gap:64px}
[data-s="sx22"][data-s]{margin-top:14px;font-size:clamp(30px,3.3vw,52px);line-height:1.24}
[data-s="sx24"][data-s],}
[data-s="sx30"][data-s]{position:relative;background:var(--surface);margin-top:110px;}
[data-s="sx25"][data-s]{border-top:2px solid var(--ink)}
[data-s="sx3"][data-s]{width:36px;height:auto;flex:0 0 auto}
[data-s="sx31"][data-s]{margin-top:28px;display:flex;flex-direction:column}
[data-s="sx32"][data-s]{font-size:15px}
[data-s="sx33"][data-s]{font-size:20px}
[data-s="sx34"][data-s]{margin-top:8px;max-width:62ch}
[data-s="sx40"][data-s]{margin:96px 5vw 0}
[data-s="sx41"][data-s]{margin-top:22px}
[data-s="sx5"][data-s]{position:relative;}
[data-s="sx50"][data-s]{display:flex;gap:28px;flex-wrap:wrap}
[data-s="sx65"][data-s]{background:var(--white);color:var(--blue);box-shadow:5px 5px 0 var(--blue-dark)}
[data-s="sx70"][data-s]{--logo-size:17px}
[data-s="sx71"][data-s]{width:30px;height:auto;flex:0 0 auto}
[data-s="sx72"][data-s]{margin-top:6px}
[data-s="sx73"][data-s]{color:var(--blue)}
[data-s="sx74"][data-s]{align-self:flex-start}
[data-s="sx75"][data-s]{margin-top:auto;position:relative;z-index:1}
[data-s="sx9"][data-s]{text-decoration:none}