/* BRAVO · Концепция C „Светлина" — вътрешните страници (pages-c/, правят се от pages/ с _tools/scripts/build-pages-c.py).
   Съдържанието и компонентите са тези на A (a.css + pages.css), тук е облеклото на „Светлина“: денят — всички секции
   са светли, Commissioner, менюто с часовника и футърът с утрешния изгрев (правилата им са копие от concept-c/index.html). */
:root{
  /* денят: небето, текстът и линиите на „Светлина“ по обед */
  --bg-top:#fff;--bg-bot:#fdfbf8;--fg:#141519;--fg2:#5a5f66;--line:rgba(20,21,25,.13);--nav-bg:#fdfcfa;
  --cherry:#79071B;--cherry-hi:#9b1530;
  --f:'Commissioner',system-ui,sans-serif;
  --ease-sun:cubic-bezier(.45,0,.2,1);
  --gut:clamp(18px,4.4vw,76px);--maxw:1560px;
  /* токените на A, които светлите секции ползват */
  --bone:#fff;--bone-2:#f1ede7;--char:#141519;--stone:#5a5f66;--line-l:rgba(20,21,25,.13);
  --day-w:#ffffff;--day-s:#f7f3ee;--day-g:#f3e7d6;
  --f-cond:var(--f);--f-text:var(--f);--f-semi:var(--f);
}
body{background:var(--day-w);color:var(--fg);font-family:var(--f);font-weight:350}
.sec.c-w{background:var(--day-w)}
.sec.c-s{background:var(--day-s)}
.sec{--bodyc:#3d3f44}

/* ── часовник на деня ── */
.dial{display:flex;align-items:center;gap:12px;padding-left:22px;margin-left:8px;border-left:1px solid var(--line);color:var(--fg);line-height:1.15}
.dial svg{width:44px;height:24px;overflow:visible}
@media (max-width:620px){.dial{padding-left:12px;margin-left:2px}.dial span{display:none}.dial svg{width:34px}}
.dial .arc{fill:none;stroke:currentColor;stroke-opacity:.35;stroke-width:1.2;stroke-dasharray:2 3}
.dial .hz{stroke:currentColor;stroke-opacity:.5}
.dial__sun{fill:var(--cherry)}
.dial b{font-weight:500;font-variant-numeric:tabular-nums;font-size:.95rem;letter-spacing:.01em}
.dial span{font-size:.8rem;color:var(--fg2)}

/* ── навигация ── */
.cn{position:fixed;z-index:40;left:0;right:0;top:0;display:flex;align-items:center;gap:24px;padding:20px var(--gut);color:var(--fg);transition:padding .6s var(--ease-spring)}
.cn::before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--nav-bg) 70%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;transition:opacity .6s}
.cn.is-pill::before{opacity:1}
/* на вътрешните страници лентата е винаги матова: героят на проекта е снимка чак до горния ръб */
.cn::before{opacity:1}
.cn.is-pill{padding-block:14px}
.cn__brand{display:flex;align-items:center;gap:12px}
.cn__brand .m svg{width:32px;height:32px}.cn__brand .w svg{height:13px;width:auto}
.cn__links{display:flex;gap:clamp(12px,1.35vw,26px);margin-left:auto;font-size:.95rem;font-weight:400;white-space:nowrap}
@media (max-width:1600px){.dial span{display:none}}
.cn__links a{opacity:.85;transition:opacity .3s;position:relative}.cn__links a:hover{opacity:1}
/* текущата страница: малкото слънце под думата */
.cn__links a[aria-current="page"]{opacity:1}
.cn__links a[aria-current="page"]::after{content:"";position:absolute;left:50%;bottom:-9px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--cherry)}
.cn__end{display:flex;align-items:center;gap:10px}
.cn .lang{display:inline-flex;border-radius:999px;padding:3px;box-shadow:inset 0 0 0 1px var(--line);font-family:var(--f);font-size:.8rem;font-weight:500;letter-spacing:0}
.cn .lang span{padding:5px 10px;border-radius:999px}
html[lang="bg"] .cn .lang [data-l="bg"],html[lang="en"] .cn .lang [data-l="en"]{background:var(--fg);color:var(--nav-bg)}
.pillbtn{display:inline-flex;align-items:center;gap:12px;padding:6px 6px 6px 20px;border-radius:999px;background:var(--fg);color:var(--nav-bg);font-weight:500;font-size:.95rem;white-space:nowrap;transition:transform .5s var(--ease-spring)}
.pillbtn i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--cherry);color:#fff;font-style:normal;transition:transform .5s var(--ease-spring)}
.pillbtn i svg{width:14px;height:14px}
.pillbtn:hover i{transform:translateX(3px) rotate(-30deg)}
.pillbtn:active{transform:scale(.97)}
.cn__menu{display:none;width:44px;height:44px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line);position:relative}
.cn__menu span{position:absolute;left:13px;right:13px;height:1.5px;background:currentColor;transition:transform .5s var(--ease-spring),top .5s var(--ease-spring)}
.cn__menu span:first-child{top:18px}.cn__menu span:last-child{top:25px}
.menu-open .cn__menu span:first-child{top:21.5px;transform:rotate(45deg)}.menu-open .cn__menu span:last-child{top:21.5px;transform:rotate(-45deg)}
@media (max-width:1240px){.cn__links{display:none}.cn__menu{display:block}.cn__end{margin-left:auto}}
@media (max-width:620px){.cn .pillbtn{display:none}.cn__brand .w svg{height:11px}}
.cmenu{position:fixed;inset:0;z-index:35;background:linear-gradient(180deg,var(--bg-top),var(--bg-bot));color:var(--fg);display:grid;align-content:center;padding:110px var(--gut) 60px;opacity:0;visibility:hidden;transition:opacity .6s var(--ease-out),visibility 0s .6s}
.menu-open .cmenu{opacity:1;visibility:visible;transition:opacity .6s var(--ease-out)}
.cmenu__list{list-style:none;margin:0;padding:0}
.cmenu__list li{overflow:hidden}
.cmenu__list a{display:block;font-weight:200;font-variation-settings:'FLAR' 100;font-size:clamp(2.2rem,5.4vw,4.8rem);line-height:1.12;letter-spacing:-.03em;transform:translateY(105%);transition:transform .9s var(--ease-spring)}
.menu-open .cmenu__list a{transform:none}
.cmenu__list li:nth-child(2) a{transition-delay:.04s}.cmenu__list li:nth-child(3) a{transition-delay:.08s}.cmenu__list li:nth-child(4) a{transition-delay:.12s}
.cmenu__list li:nth-child(5) a{transition-delay:.16s}.cmenu__list li:nth-child(6) a{transition-delay:.2s}.cmenu__list li:nth-child(7) a{transition-delay:.24s}

/* ── футър: нощта и утрешният изгрев, както на началната ── */
.cft{position:relative;padding:clamp(80px,10vw,150px) 0 0;overflow:hidden;background:linear-gradient(180deg,#0b0f1c,#050608);color:#fff;
  --fg:#fff;--fg2:rgba(255,255,255,.66);--line:rgba(255,255,255,.16);--nav-bg:#07090f}
.cft__grid{display:grid;grid-template-columns:1.3fr repeat(3,minmax(0,.6fr));gap:40px 30px}
.cft__claim{font-weight:200;font-variation-settings:'FLAR' 100;font-size:clamp(2rem,3.6vw,3.8rem);letter-spacing:-.03em;line-height:1.05;margin:0 0 26px;max-width:14ch}
.cft h4{font-size:.85rem;font-weight:450;color:var(--fg2);margin:6px 0 14px}
.cft ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cft__word{margin-top:clamp(70px,9vw,140px);color:var(--fg)}
.cft__word svg{width:100%;height:auto}
.cft__base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;padding:20px 0 30px;margin-top:24px;border-top:1px solid var(--line);font-size:.86rem;color:var(--fg2)}
.cft__base nav{display:flex;gap:8px 22px;flex-wrap:wrap}
.cft__dawn{position:relative;height:clamp(200px,22vw,300px);margin-top:10px;display:grid;justify-items:center;align-content:start;overflow:hidden}
.cft__dawn .s{position:absolute;bottom:-62%;width:clamp(180px,22vw,320px);aspect-ratio:1}
.cft__dawn .s::before{content:"";position:absolute;inset:-60%;border-radius:50%;background:radial-gradient(circle,rgba(255,170,120,.55),rgba(255,120,90,.15) 40%,transparent 66%)}
.cft__dawn .s svg{position:relative;width:100%;height:100%}
.cft__dawn .s svg g{opacity:0}
.cft__dawn p{position:relative;z-index:1;margin:26px 0 0;font-size:.95rem;color:var(--fg2)}
.cft__dawn p b{color:var(--fg);font-weight:500;font-variant-numeric:tabular-nums}
@media (max-width:900px){.cft__grid{grid-template-columns:1fr 1fr}.cft__grid>:first-child{grid-column:1/-1}}

/* ── бившите вишневи ленти (призивът и запитването) са златният час: топъл пясък, тъмен текст ── */
.band,.ask{background:var(--day-g);color:var(--char)}
.band__mark,.ask__mark{color:var(--cherry);opacity:.07}
.band__act p,.ask__intro,.ask__route p{color:#5b4a3a}
.ask__paths button{color:var(--char);box-shadow:inset 0 0 0 1px rgba(42,29,18,.22)}
.ask__paths button:hover{box-shadow:inset 0 0 0 1px var(--char)}
.ask__paths .dot{box-shadow:inset 0 0 0 1px rgba(42,29,18,.4)}
.ask__paths button[aria-pressed="true"]{background:var(--char);color:#fff}
.ask__paths button[aria-pressed="true"] .dot{background:var(--cherry)}
.pjx__who{border-top-color:rgba(42,29,18,.2)}
.pjx__who span{color:#6a5a4b}

/* ── бялото, което в A стои на тъмните секции ── */
.odo,.tm__note p,.pfh__say b{color:var(--char)}
.press__rows>*:hover .go{background:var(--char);color:#fff}
/* местата за портрет в екипа: светла плоча вместо черна */
.tm__ph{background:linear-gradient(160deg,#efebe6 0%,#e3ded6 70%)}
.tm__ph svg{color:rgba(20,21,25,.07)}
.tm__ph small{color:rgba(20,21,25,.45)}
/* схематичната карта на светло (стойностите на .map--light, в тона на деня) */
.on-light .map{--m-bg:#efece7;--m-c:rgba(20,21,25,.13);--m-p:rgba(20,21,25,.045);--m-s:rgba(20,21,25,.12);--m-b:rgba(20,21,25,.3);--m-r:rgba(20,21,25,.5);--m-m:rgba(20,21,25,.66);--m-t:rgba(20,21,25,.78);--m-dot:rgba(20,21,25,.09)}
/* полетата на запитването: тъмни линии и текст на пясъка */
.field label{color:#5b4a3a}
.field input,.field select,.field textarea{color:var(--char);border-bottom-color:rgba(42,29,18,.3)}
.field input::placeholder,.field textarea::placeholder{color:rgba(42,29,18,.42)}
.field input:focus,.field select:focus,.field textarea:focus{border-bottom-color:var(--char)}
/* картите на проектите: името е под снимката (в A стъпва върху нея и долната му половина е на черното — на светло се губеше) */
.pc{color:var(--char)}
.pc__name{margin:.3em 0 0}
.pc__type{color:var(--fg2)}
.pc__line{color:#3d3f44}

/* ── героят на проекта ── */
/* врязана снимка (BravoSky, Office S4): на светло текстът е тъмен, а името стои вдясно до снимката, не върху нея */
.pjh--aperture .pjh__status{color:var(--fg2)}
.pjh--aperture .pjh__status .st{color:var(--char)}
.pjh--aperture .pjh__lead{color:#3d3f44}
.pjh--aperture .pjh__name{padding-left:0;margin-left:auto;width:min(27vw,400px);font-size:clamp(2.6rem,4.6vw,5.6rem);white-space:normal}
.pjh--aperture .pjh__name small{color:var(--fg2)}
/* снимка на цял екран (Office X, Iris Park): надписите остават бели върху снимката, долу без преливане в черно */
.pjh--full{color:#fff}
.pjh--full .pjh__status{color:rgba(255,255,255,.72)}
.pjh--full .pjh__status .st{color:#fff}
.pjh--full .pjh__lead{color:rgba(255,255,255,.86)}
.pjh--full .pjh__name small{color:rgba(255,255,255,.75)}
.pjh--full .pjh__media::after{background:linear-gradient(90deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.55) 100%),linear-gradient(180deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,.08) 55%,rgba(0,0,0,.62) 100%)}
.pjs__big b{font-size:clamp(3.2rem,6.4vw,7rem);white-space:nowrap}
/* на телефон текстът на героя е под снимката, на светлия фон */
@media (max-width:900px){
  .pjh--aperture .pjh__name,.pjh--full .pjh__name{width:auto;margin:.35em 0 0}
  .pjh--full{color:var(--char)}
  .pjh--full .pjh__status{color:var(--fg2)}
  .pjh--full .pjh__status .st{color:var(--char)}
  .pjh--full .pjh__lead{color:#3d3f44}
  .pjh--full .pjh__name small{color:var(--fg2)}
  .pjh--full .pjh__side{text-shadow:none}
}

/* бутоните: основният е тъмното хапче с вишневото кръгче, както „Запитване“ в менюто (белият на A се губи на светло) */
.btn{--bg:var(--char);--fg:#fff;--ic-bg:var(--cherry);font-weight:500;letter-spacing:0}
.btn .btn__ic{color:#fff}
.btn--ghost .btn__ic,.btn--cherry .btn__ic{color:inherit}
.btn--cherry{--bg:var(--cherry);--fg:#fff;--ic-bg:rgba(255,255,255,.16)}
.btn--cherry:hover{--bg:var(--cherry-hi)}
.btn--ghost{--bg:transparent;--fg:currentColor;--ic-bg:rgba(20,21,25,.06);box-shadow:inset 0 0 0 1px var(--line-l)}

/* ъглите на снимките остават заоблени и докато снимката в тях се движи (паралакс, изплуване, увеличение при посочване) */
.media,.bowl{-webkit-mask-image:-webkit-radial-gradient(white,black);mask-image:radial-gradient(white,black)}