/* Тема воркшопа Оскара Хартманна — цвета мероприятия организатора (оранжевый ember
   на почти чёрном), стилистика и типографика сайта не меняются.
   Подключается ТОЛЬКО на trips/oskar-hartmann.html, после остальных таблиц стилей. */
.kit.oh-theme{
  --bg:#0C0704; --bg-2:#150B06; --panel:#1C0F08;
  --gold:#FF4D0A; --gold-bright:#FF8A3D; --gold-amber:#C43703;
  --lila:#FF6A1F; --lila-bright:#FFA05C; --violet-deep:#C43703;
  --ink-on-gold:#1A0800;
  --line:rgba(255,255,255,.10); --line-strong:rgba(255,166,110,.26);
  --glass:rgba(255,120,40,.045); --glass-2:rgba(255,120,40,.075);
  --muted:#D9C6BA; --muted-2:#A88D7C;
  --grad-gold:linear-gradient(135deg,#FF4D0A,#FF8A3D);
  --grad-gold-lila:linear-gradient(120deg,#FF8A3D,#FF4D0A);
  --grad-card-lila:linear-gradient(160deg,rgba(255,105,30,.12) 0%,rgba(255,77,10,.05) 100%);
  --grad-card-gold:linear-gradient(160deg,rgba(255,77,10,.15) 0%,rgba(196,55,3,.06) 100%);
  --grad-hero:radial-gradient(120% 95% at 50% -8%,rgba(46,20,8,.92) 0%,rgba(26,13,6,.42) 52%,rgba(12,7,4,0) 100%);
  --grad-backdrop:radial-gradient(90% 60% at 50% -5%,#2A1409 0%,#170C06 45%,#0C0704 100%);
}
html:has(.kit.oh-theme),body:has(.kit.oh-theme){background:#0C0704}
/* шапка и футер остаются такими же, как на всех страницах сайта */
.kit.oh-theme .fp-top,.kit.oh-theme .fp-top__menu,.kit.oh-theme .fp-foot{--gold:#E6B450;--gold-bright:#F5C969;--gold-amber:#C68A2E;--lila:#9A6FD4;--lila-bright:#B98BFF;--violet-deep:#7B3FE4;--ink-on-gold:#2A1A05;--line-strong:rgba(255,255,255,.16);--muted:#C3B7D4;--muted-2:#9A8BB3;--grad-gold:linear-gradient(135deg,#E6B450,#F5C969);--grad-gold-lila:linear-gradient(120deg,#F5C969,#9A6FD4)}
/* только фон — под цвет страницы */
.kit.oh-theme .fp-top,.kit.oh-theme .fp-top__menu{background:rgba(12,7,4,.88)}
.kit.oh-theme .fp-foot{background:#0C0704}
.kit.oh-theme a.fp-btn--gold,.kit.oh-theme a.fp-btn--gold:hover{color:var(--ink-on-gold)}
.kit.oh-theme .fp-btn--gold{background:linear-gradient(100deg,#FF4D0A 0%,#FF8A3D 55%,#FFC28F 130%)}
.kit.oh-theme .fp-glow--violet{background:radial-gradient(50% 50% at 50% 50%,rgba(255,77,10,.5),transparent 70%);opacity:.22}
.kit.oh-theme .fp-glow--amber{background:radial-gradient(50% 50% at 50% 50%,rgba(255,138,61,.42),transparent 70%);opacity:.24}

/* места, где цвет зашит литералом в общем слое — перекрашиваем под тему */
.kit.oh-theme .inner a:not(.fp-btn){color:#FF8A3D}
.kit.oh-theme .inner a:not(.fp-btn):hover{color:#FF4D0A}
.kit.oh-theme .fp-badge--lila{background:rgba(255,105,30,.12);border-color:rgba(255,105,30,.3);color:#FFA05C}
.kit.oh-theme .fp-badge--lila .fp-badge__dot{background:#FF8A3D}
.kit.oh-theme .bm-cat--maybe{border-top-color:rgba(255,160,92,.6)}
.kit.oh-theme .bm-cat--yes{border-top-color:rgba(255,77,10,.65)}
.kit.oh-theme .bm-apply{background:linear-gradient(135deg,rgba(28,14,7,.96),rgba(18,10,6,.98));border-color:rgba(255,77,10,.3)}
.kit.oh-theme .bm-apply input,.kit.oh-theme .bm-apply textarea,.kit.oh-theme .bm-apply select{background:rgba(255,255,255,.06);border-color:rgba(255,138,61,.3);color:#fff}
.kit.oh-theme .bm-apply input::placeholder,.kit.oh-theme .bm-apply textarea::placeholder{color:#A88D7C}
.kit.oh-theme .bm-apply input:focus,.kit.oh-theme .bm-apply textarea:focus{border-color:#FF8A3D;outline:none}
.kit.oh-theme .bm2-opt--pl{border-color:rgba(255,77,10,.5);background:linear-gradient(150deg,rgba(255,77,10,.14),rgba(255,138,61,.06))}
.kit.oh-theme .bm2-opt--pl .bm2-opt__where{color:#FF8A3D}
.kit.oh-theme .bm-tl__r--break{background:rgba(255,77,10,.07)}
.kit.oh-theme b{background-color:rgba(255,77,10,.16)}

/* герой: текст слева, вырезанный портрет справа; на узком — портрет под текстом */
.kit.oh-theme .oh-hero{display:grid;gap:clamp(18px,3vw,44px);align-items:end;text-align:left}
.kit.oh-theme .oh-hero__txt{text-align:left;max-width:none}
.kit.oh-theme .oh-hero .bm-cta-row{justify-content:flex-start}
/* портрет: без панели и рамки, со свечением, приподнят */
.kit.oh-theme .oh-hero__ph{position:relative;margin:0;justify-self:center;width:min(100%,460px);aspect-ratio:1/1;overflow:visible;background:none;box-shadow:none;border-radius:0}
.kit.oh-theme .oh-hero__ph::before{content:"";position:absolute;inset:-30% -26% -18%;border-radius:50%;background:radial-gradient(56% 56% at 52% 44%,rgba(255,77,10,.34) 0%,rgba(255,92,20,.22) 32%,rgba(255,110,30,.1) 54%,rgba(255,120,40,.03) 72%,transparent 88%);filter:blur(42px)}
.kit.oh-theme .oh-hero__ph img{position:relative;display:block;right:-4%;bottom:6%;width:100%;max-width:none;height:100%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 26px 44px rgba(0,0,0,.5))}
@media(min-width:900px){
  .kit.oh-theme .oh-hero{grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr)}
  .kit.oh-theme .oh-hero__ph{width:100%;max-width:460px;justify-self:end;align-self:stretch;aspect-ratio:auto;height:auto;min-height:clamp(420px,46vw,560px)}
}
.kit.oh-theme .hero h1{font-size:clamp(34px,5vw,64px)}
/* теглайн героя: имя крупно градиентом, место — мелкой подписью */
.kit.oh-theme .tagline{display:flex;flex-direction:column;gap:6px;background:none;-webkit-text-fill-color:currentColor}
.kit.oh-theme .oh-name{font-size:clamp(30px,4vw,46px);line-height:1.02;letter-spacing:-.02em;background:linear-gradient(104deg,#FF8A3D,#FF4D0A 62%,#FFC28F);-webkit-background-clip:text;background-clip:text;color:transparent}
.kit.oh-theme .oh-place{font-family:var(--font-body);font-weight:600;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}

/* ——— переключатель валюты ———
   Общий слой делает его inline-flex: плашка шириной по тексту, а под ней
   32 px до карточек тарифов. Растягиваем на ширину колонки — тогда обе
   половины равны и попасть пальцем проще, — и сокращаем разрыв до карточек:
   переключатель и цены это один узел решения, их незачем разносить. */
.kit.oh-theme .bm-cur{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:440px;margin-top:22px}
.kit.oh-theme .bm-cur label{justify-content:center;text-align:center;padding:12px 16px}
.kit.oh-theme .bm2-cmp{margin-top:14px}

/* ——— цифры достижений ———
   В общем слое число набрано как рубрика: 14 px, разрядка, — а подпись под ним
   21 px. Иерархия перевёрнута: главное здесь само число, «$20 млрд» и «150+»,
   подпись только объясняет, что это. Меняем местами. */
.kit.oh-theme .bm2-gar__n{font-size:clamp(30px,4.6vw,40px);line-height:1;letter-spacing:-.02em;margin-bottom:8px;font-variant-numeric:tabular-nums}
.kit.oh-theme .bm2-gar h3{font-size:17px;line-height:1.3;margin-bottom:6px}
.kit.oh-theme .bm2-gar p{font-size:15px}