/* Фирменный стиль Janko Fisk · направление industrial · шрифты barlow-condensed / work-sans (OFL) */
@font-face{font-family:"Barlow Condensed Display";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-condensed-400-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Barlow Condensed Display";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-condensed-400-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Barlow Condensed Display";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/barlow-condensed-500-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Barlow Condensed Display";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/barlow-condensed-500-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Barlow Condensed Display";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-condensed-600-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Barlow Condensed Display";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-condensed-600-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Barlow Condensed Display";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-condensed-700-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Barlow Condensed Display";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-condensed-700-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Barlow Condensed Display";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/barlow-condensed-800-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Barlow Condensed Display";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/barlow-condensed-800-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Work Sans Text";font-style:normal;font-weight:300 800;font-display:swap;src:url(../fonts/work-sans-300-800-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Work Sans Text";font-style:normal;font-weight:300 800;font-display:swap;src:url(../fonts/work-sans-300-800-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
html[data-palette="brand"]{--paper:#EFF4F1; --surface:#FBFCFB; --tone:#DAE2DE; --ink:#182B22; --ink-soft:#496155; --line:rgba(24,43,34,.18); --brand:#074932; --brand-deep:#043121; --brand-soft:#C9EDDA; --on-brand:#FFFFFF; --accent:#825604; --accent-bright:#F2AF48; --dark:#0F1612; --on-dark:#E1EAE5; --on-dark-soft:#A9B8B1; --display:"Barlow Condensed Display", "Arial Narrow", "Roboto Condensed", system-ui, sans-serif; --body:"Work Sans Text", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; --display-weight:700; --display-tracking:.005em; --display-leading:1.0; --radius:0; --radius-lg:0; --btn-radius:0; --logo-font:"Barlow Condensed Display", "Arial Narrow", "Roboto Condensed", system-ui, sans-serif; --logo-weight:700; --logo-case:uppercase; --logo-track:0.035em;}
/* ============================================================
   BLOCK LIBRARY · BRAND CORE (2026-10-28)
   ------------------------------------------------------------
   Общая часть фирменного стиля. Подключается вместе с токенами
   бренда в assets/css/brand.css сайта (build/brand.py).
   Здесь только то, что нужно ЛЮБОМУ направлению: логотип в шапке
   и подвале, словесный знак фирменным шрифтом, сглаживание.
   ============================================================ */

html[data-palette="brand"] body{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility; }

/* Знак вместо квадрата с буквами. */
.brand__mark:has(> .brand__logo), .brand__box:has(> .brand__logo){
  background:none; width:auto; height:auto; padding:0; border-radius:0; min-width:0;
}
.brand__logo{ display:block; width:var(--logo-mark-size, 44px); height:var(--logo-mark-size, 44px); flex:none; }
.site-head--center .brand__logo, .site-head--split .brand__logo{ --logo-mark-size:48px; }

/* Словесный знак — шрифт и характер логотипа, а не основного текста. */
.brand__name{
  font-family:var(--logo-font, var(--display));
  font-weight:var(--logo-weight, 700);
  text-transform:var(--logo-case, none);
  letter-spacing:var(--logo-track, -.01em);
  font-size:var(--logo-size, 1.2rem);
}
.brand__sub{ letter-spacing:.12em; }

/* Шрифт ставится браузером сразу: текст виден, пока файл грузится. */
html[data-palette="brand"]{ font-synthesis-weight:none; }

/* Шапки «крупный бренд» и «бренд с подписью» были без знака: знак слева. */
.brand--big:has(.brand__logo), .brand--stack:has(.brand__logo){ flex-direction:row; align-items:center; gap:14px; }
.brand--big:has(.brand__logo) > span:not(.brand__mark), .brand--stack:has(.brand__logo) > span:not(.brand__mark){ display:flex; flex-direction:column; }
.brand--big .brand__logo{ --logo-mark-size:52px; }

/* Крупные заголовки на широком экране не переносятся по слогам («beslutnin-ger»):
   колонки там широкие, перенос нужен только телефонам (длинные датские слова). */
@media (min-width:900px){
  html[data-palette="brand"] :is(h1, h2){ hyphens:manual; }
}
/* Герой «кадр в рамке»: заголовок должен попасть в первый экран. */
@media (min-width:900px){
  html[data-palette="brand"] .hero-frame__figure img{ aspect-ratio:21/9; }
}
html[data-palette="brand"] .hero-frame{ padding-top:var(--sect-tight); }

/* ============================================================
   НАПРАВЛЕНИЕ · INDUSTRIAL — рабочий, прочный, инженерный
   Узкий гротеск капсом, сигнальный акцент, толстые рамки,
   полоса предупреждения у меток, прямые углы.
   ============================================================ */
html[data-palette="brand"][data-direction="industrial"]{ --radius:0; --radius-lg:2px; --btn-radius:0; }
:where(html[data-direction="industrial"]) :is(h1, h2){ text-transform:uppercase; letter-spacing:.005em; line-height:1.0; }
:where(html[data-direction="industrial"]) h1{ font-size:clamp(2.4rem, 6.4vw, 5.4rem); }
:where(html[data-direction="industrial"]) h2{ font-size:clamp(1.9rem, 4vw, 3.3rem); }
:where(html[data-direction="industrial"]) h3{ letter-spacing:.005em; }
:where(html[data-direction="industrial"]) .site-head{ border-bottom:4px solid var(--accent); background:var(--surface); }
:where(html[data-direction="industrial"]) .site-nav a:not(.btn){ text-transform:uppercase; letter-spacing:.06em; font-size:.82rem; font-weight:700; }
:where(html[data-direction="industrial"]) .btn{ text-transform:uppercase; letter-spacing:.08em; font-weight:800; font-size:.86rem; border-width:2px; }
:where(html[data-direction="industrial"]) .btn--ghost{ border-color:var(--ink); color:var(--ink); }
:where(html[data-direction="industrial"]) :is(.process-grid__list li, .feature-offset__panel, .facts-cards__grid div,
  .faq-cards__grid article, .contact-form__box, .contact-cards__grid article, .contact-stack__form,
  .contact-person__card, .contact-brief__box, .hero-aside__list, .services-bento__grid article,
  .services-checklist__col, .services-cards__grid article){
  border:2px solid color-mix(in srgb, var(--ink) 70%, transparent); border-top:6px solid var(--accent); border-radius:0; box-shadow:none;
}
:where(html[data-direction="industrial"]) .frame{ border-radius:0; }
:where(html[data-direction="industrial"]) .services-rows__list .num,
:where(html[data-direction="industrial"]) .services-numbered__grid .num{ font-family:var(--display); font-weight:700; color:var(--brand); }
:where(html[data-direction="industrial"]) .blk--dark{
  background-image:repeating-linear-gradient(135deg, rgba(255,255,255,.025) 0 2px, transparent 2px 14px); }

/* метка: косая полоса предупреждения (цвет полосы — от текста метки) */
:where(html[data-direction="industrial"]) .eyebrow{ letter-spacing:.14em; }
:where(html[data-direction="industrial"]) .eyebrow::before{ width:36px; height:10px;
  background:repeating-linear-gradient(135deg, currentColor 0 6px, transparent 6px 11px); }