/* DELKIND · портфолио · полоса работы (_kit/strip.css). Подключается в <head> работы: <link rel="stylesheet" href="../../_kit/strip.css">
   Содержимое полосы живёт в shadow DOM (_kit/strip.js), стили работы его не задевают и наоборот.
   Здесь — только место полосы в странице и переменные для работы:
     --dkp-h    полная высота полосы с верхним вырезом iPhone (0, пока strip.js не включил полосу или без JS);
     --dkp-top  где сейчас нижний край полосы: = --dkp-h, а когда полоса спрятана прокруткой на телефоне — env(safe-area-inset-top)
                (под вырезом тогда стоит плашка #dkp-notch цвета --dkp-notch-bg);
     --dkp-notch-bg  цвет плашки выреза (задаёт работа, по умолчанию #151311).
   Работа резервирует место сама: body{padding-top:var(--dkp-h,0px)} и своя липкая шапка top:var(--dkp-top,0px).
   Правила для html обёрнуты в :where(), чтобы любое правило работы (scroll-padding и т. п.) было сильнее. */
:where(:root){--dkp-bar:48px;--dkp-h:0px;--dkp-top:env(safe-area-inset-top,0px);--dkp-ease:cubic-bezier(.4,0,.1,1)}
:where(:root.dkp-on){--dkp-h:calc(var(--dkp-bar) + env(safe-area-inset-top,0px));--dkp-top:var(--dkp-h);scroll-padding-top:calc(var(--dkp-top) + 12px)}
:where(:root.dkp-on.dkp-hide){--dkp-top:env(safe-area-inset-top,0px)}
#dkp-strip{all:initial;position:fixed;top:0;left:0;right:0;z-index:2147483000;display:block;height:var(--dkp-h);background:#151311;
  transform:translateY(0);transition:transform .35s var(--dkp-ease);will-change:transform}
html.dkp-hide #dkp-strip{transform:translateY(-100%)}
/* Вырез iPhone, пока полоса спрятана: полоса уезжает целиком, а под часами остаётся сплошная плашка (иначе текст работы бежит под часы).
   Цвет — --dkp-notch-bg на :root работы (обычно цвет её шапки), по умолчанию тёмный DELKIND. На компьютере высота 0. */
#dkp-notch{all:initial;position:fixed;top:0;left:0;right:0;z-index:2147482999;display:block;height:env(safe-area-inset-top,0px);background:var(--dkp-notch-bg,#151311);pointer-events:none}
/* Гарантия kit: атрибут hidden прячет всегда. Свой .ok{display:grid} перебивает обычное [hidden]{display:none} браузера —
   экран успеха виден до отправки, форма не прячется после. !important сильнее любого обычного правила работы; :where() — нулевая
   специфичность, поэтому намеренное исключение пишется своим правилом с !important (как .dkp-toast[hidden] в forms.js).
   hidden="until-found" не трогаем (его раскрывает поиск по странице). */
:where([hidden]:not([hidden="until-found"])){display:none!important}
@media (prefers-reduced-motion:reduce){#dkp-strip{transition:none}}
@media print{#dkp-strip,#dkp-notch{display:none}}