/* BRAVO · Концепция A — вътрешни страници
   Надгражда a.css: същите токени, заоблените рамки, хапчетата със стрелка.
   Секциите носят собствени променливи за линии и приглушен текст,
   за да работят еднакво на черно, на светло и на вишнево. */

/* ── основа на секциите ─────────────────────────────────────── */
.sec{position:relative;background:var(--ink);color:#fff;--ln:var(--line-d);--mut:var(--t-dim);--fa:var(--t-faint);--sub:var(--carbon);--bodyc:rgba(255,255,255,.78)}
.sec.on-light{background:var(--bone);color:var(--char);--ln:var(--line-l);--mut:var(--stone);--fa:rgba(21,21,21,.42);--sub:var(--bone-2);--bodyc:#3d3c39}
.sec--cherry{background:var(--cherry);--ln:rgba(255,255,255,.24);--mut:rgba(255,255,255,.74);--fa:rgba(255,255,255,.5);--bodyc:rgba(255,255,255,.84)}
.pad{padding-block:clamp(100px,12vw,190px)}
.pad--s{padding-block:clamp(70px,8vw,120px)}
.pad--t0{padding-top:0}

.sh{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px 32px;align-items:end;margin-bottom:clamp(40px,5vw,84px)}
.sh p{margin:0;max-width:40ch;color:var(--mut);font-weight:300;font-size:1.12rem;justify-self:end}
.sh--start p{justify-self:start}
.h2{font-family:var(--f-cond);font-weight:300;font-size:clamp(2.9rem,6.2vw,7rem);line-height:.88;letter-spacing:-.012em;margin:0}
.h3{font-family:var(--f-cond);font-weight:400;font-size:clamp(1.9rem,2.8vw,3rem);line-height:.96;margin:0}
.meta{font-family:var(--f-semi);font-size:.875rem;font-weight:500;color:var(--mut)}
.body{color:var(--bodyc);font-weight:300;font-size:1.12rem;line-height:1.6;max-width:56ch}
.body p{margin:0 0 1em}

/* статус с точка (същото като на началната) */
.st{display:inline-flex;align-items:center;gap:8px}
.st::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--fa,var(--t-faint))}
.st--live::before{background:currentColor;box-shadow:0 0 0 4px rgba(255,255,255,.18)}
.on-light .st--live::before{box-shadow:0 0 0 4px rgba(21,21,21,.1)}
.st--build::before{background:var(--cherry-hi);box-shadow:0 0 0 4px rgba(165,23,47,.25)}
.on-light .st--build::before{background:var(--cherry);box-shadow:0 0 0 4px rgba(121,7,27,.16)}

/* стрелка в кръг (общ малък елемент) */
.go{width:52px;height:52px;flex:none;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--ln);transition:background-color .4s,color .4s,transform .6s var(--ease-spring)}
.go svg{width:17px;height:17px}

/* ── заглавна част на вътрешна страница ─────────────────────── */
.ph{padding:clamp(150px,16vw,240px) 0 clamp(56px,6vw,96px);overflow:hidden}
.ph__h{font-family:var(--f-cond);font-weight:200;font-size:clamp(3.7rem,9.6vw,11.4rem);line-height:.84;letter-spacing:-.02em;margin:0}
.ph__h span{display:block}
.ph__h .in{padding-left:clamp(36px,12vw,220px)}
.ph__lede{margin:0;max-width:38ch;color:var(--mut);font-weight:300;font-size:clamp(1.08rem,1.3vw,1.28rem);line-height:1.5}

/* ── сегментиран избор: запълнен маркер, останалите избледняват ── */
.seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:5px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--ln)}
.seg button{display:inline-flex;align-items:center;gap:10px;padding:10px 18px 10px 14px;border-radius:999px;font-family:var(--f-semi);font-weight:600;font-size:.95rem;transition:opacity .45s var(--ease-out),background-color .45s var(--ease-out),color .45s var(--ease-out)}
.seg button i{width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 1px currentColor;transition:background-color .35s,box-shadow .35s}
.seg button sup{font-size:.7rem;font-weight:600;opacity:.6;top:-.5em;position:relative;vertical-align:baseline}
.seg:has([aria-pressed="true"]) button:not([aria-pressed="true"]){opacity:.5}
.seg:has([aria-pressed="true"]) button:not([aria-pressed="true"]):hover{opacity:.85}
.seg button[aria-pressed="true"]{background:#fff;color:#000}
.seg button[aria-pressed="true"] i{background:var(--cherry);box-shadow:none}
.on-light .seg button[aria-pressed="true"]{background:var(--char);color:#fff}
.on-light .seg button[aria-pressed="true"] i{background:var(--cherry-hi)}

/* ── известие и завеса ─────────────────────────────────────── */
.toast{position:fixed;z-index:70;left:50%;bottom:24px;transform:translate(-50%,24px);opacity:0;pointer-events:none;
  max-width:min(92vw,520px);padding:14px 22px;border-radius:999px;background:rgba(14,14,14,.86);color:#fff;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);
  font-family:var(--f-semi);font-size:.92rem;text-align:center;transition:opacity .45s var(--ease-out),transform .6s var(--ease-spring)}
.toast.is-on{opacity:1;transform:translate(-50%,0)}
.curtain{position:fixed;inset:0;z-index:80;background:var(--cherry);display:grid;place-items:center;pointer-events:none;
  transform:translateY(101%);transition:transform .72s var(--ease-cine)}
.curtain.is-cover{transform:none;pointer-events:auto}
.curtain.is-leave{transform:translateY(-101%)}
.curtain.no-anim{transition:none}
.curtain__b{width:min(18vw,150px);color:#fff;opacity:.95}
.curtain__b svg{width:100%;height:auto}
html.curtain-in::after{content:"";position:fixed;inset:0;z-index:79;background:var(--cherry)}

/* ── схематична карта ─────────────────────────────────────── */
.map{position:relative;width:100%;--m-bg:color-mix(in srgb,var(--ink),#fff 4.5%);--m-c:rgba(255,255,255,.11);--m-p:rgba(255,255,255,.035);--m-s:rgba(255,255,255,.1);--m-b:rgba(255,255,255,.26);--m-r:rgba(255,255,255,.42);--m-m:rgba(255,255,255,.62);--m-t:rgba(255,255,255,.74);--m-dot:rgba(255,255,255,.07);
  background:var(--m-bg) radial-gradient(circle,var(--m-dot) 1px,transparent 1.4px) 0 0/22px 22px}
.map--light{--m-bg:#E4E2DD;--m-c:rgba(21,21,21,.13);--m-p:rgba(21,21,21,.045);--m-s:rgba(21,21,21,.12);--m-b:rgba(21,21,21,.3);--m-r:rgba(21,21,21,.5);--m-m:rgba(21,21,21,.66);--m-t:rgba(21,21,21,.78);--m-dot:rgba(21,21,21,.09)}
.map__svg{position:absolute;inset:0;width:100%;height:100%}
.map__svg *{fill:none}
.map__svg .mp-c{stroke:var(--m-c);stroke-width:1}
.map__svg .mp-p{fill:var(--m-p)}
.map__svg .mp-s{stroke:var(--m-s);stroke-width:1}
.map__svg .mp-b{stroke:var(--m-b);stroke-width:1.4}
.map__svg .mp-r{stroke:var(--m-r);stroke-width:2.4}
.map__svg .mp-m{stroke:var(--m-m);stroke-width:1.6;stroke-dasharray:2 5}
.map__marks{position:absolute;inset:0}
.map__m{position:absolute;display:flex;align-items:center;gap:8px;transform:translate(-5px,-50%);font-family:var(--f-semi);font-size:.8rem;font-weight:500;color:var(--m-t);white-space:nowrap;transition:opacity .4s var(--ease-out)}
.map__m i{flex:none;width:9px;height:9px;border-radius:50%;background:var(--m-bg);box-shadow:inset 0 0 0 1.5px var(--m-m)}
.map__m--l{flex-direction:row-reverse;transform:translate(calc(-100% + 5px),-50%)}
.map__m--t{flex-direction:column-reverse;gap:6px;transform:translate(-50%,calc(-100% + 5px))}
.map__m--b{flex-direction:column;gap:6px;transform:translate(-50%,-5px)}
.map__m--district{transform:translate(-50%,-50%);font-family:var(--f-cond);font-weight:300;font-size:clamp(1.1rem,1.6vw,1.7rem);color:var(--m-r);letter-spacing:.01em}
.map__m--road{transform:translate(-50%,-50%) rotate(var(--rot,0deg));font-size:.72rem;color:var(--m-r)}
.map__m--project{font-size:.86rem;font-weight:600;color:inherit;z-index:2}
.map__m--project i{width:15px;height:15px;background:var(--cherry);box-shadow:0 0 0 4px rgba(121,7,27,.28),inset 0 0 0 2px rgba(255,255,255,.9)}
.map__m--project span{padding:6px 11px;border-radius:999px;background:rgba(10,10,10,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}
.map--light .map__m--project span{background:rgba(236,235,231,.86);color:var(--char);box-shadow:inset 0 0 0 1px rgba(21,21,21,.1)}
.map__m--project.is-hot i{animation:mpPulse 1.6s var(--ease-out) infinite}
.map__m--home i{width:20px;height:20px}
@keyframes mpPulse{0%{box-shadow:0 0 0 0 rgba(165,23,47,.6),inset 0 0 0 2px #fff}100%{box-shadow:0 0 0 18px rgba(165,23,47,0),inset 0 0 0 2px #fff}}
.map[data-dim] .map__m--project{opacity:.28}
.map[data-dim] .map__m--project.is-hot{opacity:1}
.map__m--sm{display:none}
@media (max-width:700px){
  .map__m{font-size:.7rem}
  .map__m--cl span{display:none}
  .map__m--sm{display:flex}
  .map__m--place:not(.keep){display:none}
  .map__m--road{display:none}
}

/* ── вишнева лента с действие ─────────────────────────────── */
.band{background:var(--cherry);color:#fff;padding:clamp(80px,10vw,150px) 0;overflow:hidden;position:relative}
.band__mark{position:absolute;right:-8vw;top:50%;width:min(52vw,720px);transform:translateY(-50%);opacity:.08;pointer-events:none}
.band__mark svg{width:100%;height:auto}
.band__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:40px;align-items:end;position:relative}
.band h2{font-family:var(--f-cond);font-weight:300;font-size:clamp(2.8rem,5.6vw,6.4rem);line-height:.9;margin:0;max-width:16ch}
.band__act{display:grid;gap:12px;justify-items:start}
.band__act p{margin:0 0 10px;color:rgba(255,255,255,.78);font-weight:300;max-width:34ch}
@media (max-width:900px){.band__grid{grid-template-columns:1fr}}

/* ═════════════════════════════════════════════════════════════
   ПОРТФОЛИО
   ═════════════════════════════════════════════════════════════ */
.pfh__grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.55fr);gap:32px;align-items:end}
.pfh__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;margin-top:clamp(48px,6vw,90px)}
.pfh__say{margin:0;font-family:var(--f-cond);font-weight:300;font-size:clamp(1.5rem,2.2vw,2.3rem);line-height:1;color:var(--mut);transition:opacity .4s}
.pfh__say b{font-weight:400;color:#fff}
@media (max-width:900px){.pfh__grid{grid-template-columns:1fr}}
@media (max-width:640px){.ph .seg{box-shadow:none;padding:0;gap:6px}.ph .seg button{box-shadow:inset 0 0 0 1px var(--ln);padding:9px 14px 9px 12px;font-size:.9rem}}

.pf{padding:clamp(40px,5vw,80px) 0 clamp(110px,13vw,200px)}
.pf__cols{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(36px,6vw,110px);align-items:start}
.pf__col{display:grid;gap:clamp(90px,10vw,160px);align-content:start}
.pf__col--b{padding-top:clamp(140px,20vw,320px)}
.pc{display:block;position:relative;color:#fff;--fs:clamp(2.8rem,4.6vw,5.4rem)}
.pc[data-slot="0"]{--fs:clamp(3.4rem,7.4vw,8.6rem)}
.pc[data-slot="2"]{width:86%;margin-left:14%}
.pc[data-slot="3"]{width:88%}
.pc[data-slot="4"]{width:74%;margin-left:4%}
.pc__media{aspect-ratio:var(--ar,4/5)}
.pc__media img{transition:transform 1.6s var(--ease-out)}
.pc__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,0) 26%,rgba(0,0,0,0) 62%,rgba(0,0,0,.6) 100%);pointer-events:none}
.pc:hover .pc__media img{transform:scale(1.045)}
.pc__chip{position:absolute;z-index:1;left:18px;top:18px;padding:7px 13px 7px 12px;border-radius:999px;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--f-semi);font-size:.8rem;font-weight:500}
.pc__cap{position:absolute;z-index:1;right:18px;bottom:16px;font-family:var(--f-semi);font-size:.76rem;color:rgba(255,255,255,.62)}
.pc__go{position:absolute;z-index:1;right:18px;top:18px;width:48px;height:48px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;
  transform:scale(.6) rotate(-45deg);opacity:0;transition:transform .6s var(--ease-spring),opacity .4s var(--ease-out)}
.pc__go svg{width:16px;height:16px}
.pc:hover .pc__go,.pc:focus-visible .pc__go{transform:none;opacity:1}
.pc__name{position:relative;z-index:2;font-family:var(--f-cond);font-weight:200;font-size:var(--fs);line-height:.84;letter-spacing:-.02em;margin:-.42em 0 0;padding-left:clamp(14px,1.6vw,28px);transition:transform .9s var(--ease-spring)}
.pc:hover .pc__name{transform:translateX(12px)}
.pc__body{padding-left:clamp(14px,1.6vw,28px);margin-top:18px;max-width:46ch}
.pc__type{display:flex;flex-wrap:wrap;gap:6px 20px;margin:0 0 10px;font-family:var(--f-semi);font-size:.9rem;font-weight:500;color:var(--t-dim)}
.pc__line{margin:0;color:rgba(255,255,255,.8);font-weight:300}
.pf__note{max-width:30ch;padding-left:clamp(14px,1.6vw,28px)}
.pf__note p{font-family:var(--f-cond);font-weight:300;font-size:clamp(1.8rem,2.5vw,2.7rem);line-height:1;margin:0 0 22px}
.pf__note[hidden]{display:none}
::view-transition-group(*){animation-duration:.85s;animation-timing-function:cubic-bezier(.32,.72,0,1)}
::view-transition-old(*),::view-transition-new(*){animation-duration:.5s}
@media (max-width:900px){
  .pf__cols{display:flex;flex-direction:column;gap:90px}
  .pf__col{display:contents}
  .pc{order:var(--o,0)}
  .pf__note{order:2}
  .pc[data-slot]{width:100%;margin-left:0}
  .pc[data-slot="1"],.pc[data-slot="3"]{width:88%;margin-left:12%}
  .pc{--fs:clamp(2.8rem,13vw,4.4rem)!important}
}

/* стандартът */
.stn__grid{display:grid;grid-template-columns:minmax(0,4.4fr) minmax(0,7.6fr);gap:clamp(36px,6vw,110px)}
.stn__head{position:sticky;top:130px;align-self:start}
.stn__head p{margin:26px 0 0;color:var(--mut);font-weight:300;font-size:1.12rem;max-width:34ch}
.stn__list{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--ln)}
.stn__list li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px 40px;padding:clamp(28px,3.2vw,46px) 0;border-top:1px solid var(--ln);transition:opacity .5s var(--ease-out)}
.stn__list h3{font-family:var(--f-cond);font-weight:300;font-size:clamp(2.1rem,3.2vw,3.5rem);line-height:.92;margin:0}
.stn__list p{margin:0 0 14px;color:var(--bodyc);font-weight:300}
.stn__list:hover li:not(:hover){opacity:.4}
.stn__in{font-family:var(--f-semi);font-size:.88rem;font-weight:500;color:var(--mut);display:flex;flex-wrap:wrap;gap:4px 16px}
.stn__in a{color:var(--cherry);font-weight:600}
@media (max-width:900px){.stn__grid,.stn__list li{grid-template-columns:1fr}.stn__head{position:static}}

/* карта на портфолиото */
.mp__grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(30px,4vw,64px);align-items:end}
.mp__side h2{margin-bottom:22px}
.mp__side>p{margin:0 0 34px;color:var(--mut);font-weight:300;font-size:1.08rem;max-width:36ch}
.mp__list{list-style:none;margin:0;padding:0}
.mp__list a{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:baseline;padding:14px 0;border-top:1px solid var(--ln);transition:opacity .4s}
.mp__list b{font-family:var(--f-cond);font-weight:400;font-size:1.75rem;line-height:1}
.mp__list span{font-family:var(--f-semi);font-size:.86rem;color:var(--mut);text-align:right}
.mp__list:has(a.is-hot) a:not(.is-hot){opacity:.38}
.mp__legend{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-family:var(--f-semi);font-size:.8rem;color:var(--mut)}
.mp__legend span{display:inline-flex;align-items:center;gap:8px}
.mp__legend i{display:inline-block;width:22px;height:0;border-top:2px dotted currentColor}
.mp__legend i.r{border-top:2px solid currentColor}
@media (max-width:1000px){.mp__grid{grid-template-columns:1fr}}

/* ═════════════════════════════════════════════════════════════
   ПРОЕКТ — един шаблон, пет представяния
   ═════════════════════════════════════════════════════════════ */
/* hero: „апертура" — снимката вдясно, името пресича ръба ѝ */
.pjh{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;display:flex;align-items:flex-end}
.pjh__media{position:absolute;left:0;top:0;bottom:0;width:min(66vw,1240px);border-radius:0 var(--rad) var(--rad) 0}
.pjh__media img{animation:pjDrift 24s var(--ease-cine) infinite alternate}
@keyframes pjDrift{from{transform:scale(1.03)}to{transform:scale(1.12) translate3d(-1.2%,-1%,0)}}
.pjh__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,0) 55%,rgba(0,0,0,.66) 100%)}
.pjh__cap{position:absolute;z-index:1;left:var(--gut);top:110px;font-family:var(--f-semi);font-size:.8rem;color:rgba(255,255,255,.7)}
.pjh__inner{width:100%;padding-bottom:clamp(36px,5vw,70px);padding-top:140px}
.pjh__side{position:absolute;z-index:2;right:var(--gut);top:clamp(140px,22vh,230px);width:min(27vw,400px)}
.pjh__status{display:flex;flex-direction:column;gap:10px;margin:0 0 28px;font-family:var(--f-semi);font-weight:500;color:var(--t-dim)}
.pjh__status .st{color:#fff}
.pjh__lead{margin:0 0 30px;color:rgba(255,255,255,.82);font-weight:300;font-size:clamp(1.06rem,1.2vw,1.22rem);line-height:1.5}
.pjh__cta{display:flex;flex-wrap:wrap;gap:10px}
.pjh__name{font-family:var(--f-cond);font-weight:200;font-size:clamp(4.4rem,14.6vw,17.5rem);line-height:.8;letter-spacing:-.035em;margin:0;padding-left:clamp(0px,36vw,640px);white-space:nowrap;position:relative;z-index:2}
.pjh__name small{display:block;font-size:.34em;letter-spacing:-.01em;line-height:1;margin:.12em 0 0 .06em;color:var(--t-dim)}

/* hero: завършен — цялата сцена е снимка, името стои ниско */
.pjh--full .pjh__media{width:100%;border-radius:0}
.pjh--full .pjh__media::after{background:linear-gradient(90deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.62) 100%),linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,.1) 50%,color-mix(in srgb,var(--ink) 84%,transparent) 100%)}
.pjh--full .pjh__name{padding-left:0;font-size:clamp(4rem,11.4vw,14rem)}
.pjh--full .pjh__side{top:auto;bottom:clamp(40px,5vw,72px)}

/* hero: жилищен — светла сцена, снимката вдясно, вложена втора снимка */
.pjh--home{align-items:center}
.pjh--home .pjh__inner{display:grid;grid-template-columns:minmax(0,5.2fr) minmax(0,6.8fr);gap:clamp(30px,5vw,90px);align-items:center;padding-top:clamp(120px,14vh,160px)}
.pjh--home .pjh__name{padding-left:0;font-size:clamp(4rem,8.8vw,10.4rem);white-space:normal;color:var(--char);margin-bottom:26px}
.pjh--home .pjh__side{position:static;width:auto}
.pjh--home .pjh__status{flex-direction:row;flex-wrap:wrap;gap:8px 22px;color:var(--stone)}
.pjh--home .pjh__status .st{color:var(--char)}
.pjh--home .pjh__lead{color:#3d3c39}
.pjh__vis{position:relative}
.pjh__vis .media{aspect-ratio:4/5;max-height:80vh;width:100%}
.pjh__vis .media img{animation:none}
.pjh__inset{position:absolute;left:-12%;bottom:-6%;width:44%;aspect-ratio:4/3;border:10px solid var(--bone);box-sizing:content-box;border-radius:calc(var(--rad-s) + 10px);overflow:hidden}
.pjh__inset img{width:100%;height:100%;object-fit:cover;border-radius:var(--rad-s)}

/* ключови числа под hero */
.pjf{border-top:1px solid var(--ln)}
.pjf dl{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));margin:0}
.pjf dl>div{padding:clamp(22px,2.6vw,36px) 24px clamp(22px,2.6vw,36px) 0;display:grid;gap:4px;align-content:start}
.pjf dl>div+div{padding-left:24px;border-left:1px solid var(--ln)}
.pjf dt{font-family:var(--f-semi);font-size:.86rem;font-weight:500;color:var(--mut);order:2}
.pjf dd{margin:0;font-family:var(--f-cond);font-weight:300;font-size:clamp(2.2rem,3.4vw,3.8rem);line-height:.95}
.pjf dl>div:first-child dd{font-size:clamp(3rem,6vw,6.6rem);font-weight:200}
.pjf dd.tbd{font-size:clamp(1.3rem,1.8vw,1.9rem)!important;color:var(--mut);font-weight:300}

/* концепция: от линия към сграда */
.pjc__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(36px,6vw,110px);align-items:center}
.pjc__text{font-family:var(--f-text);font-weight:300;font-size:clamp(1.35rem,2vw,2.05rem);line-height:1.28;letter-spacing:-.01em;margin:28px 0 30px;max-width:30ch}
.pjc__by{display:grid;gap:4px;padding-top:16px;border-top:1px solid var(--ln);max-width:420px}
.pjc__by span:last-child{font-family:var(--f-cond);font-size:1.6rem;line-height:1.1}
.pjc__fig{position:relative;margin:0}
.wipe{position:relative;aspect-ratio:var(--ar,1.2);background:var(--bone)}
.wipe img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wipe__line{opacity:.86}
.sec:not(.on-light) .wipe{background:color-mix(in srgb,var(--ink),#fff 5%)}
.sec:not(.on-light) .wipe__line{filter:invert(1);opacity:.7}
.wipe__render{clip-path:inset(0 0 0 var(--cut,100%))}
.wipe__edge{position:absolute;top:0;bottom:0;left:var(--cut,100%);width:2px;margin-left:-1px;background:var(--cherry);z-index:2}
.wipe__tog{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px}
.wipe__tog .seg button{padding:8px 14px 8px 12px;font-size:.85rem}
.pjc__pair{position:relative}
.pjc__pair .media{aspect-ratio:var(--ar,5/4)}
.pjc__inset{position:absolute;right:-6%;bottom:-12%;width:42%;aspect-ratio:4/3;border:10px solid var(--bone);box-sizing:content-box;border-radius:calc(var(--rad-s) + 10px);overflow:hidden}
.sec:not(.on-light) .pjc__inset{border-color:var(--ink)}
.pjc__inset img{width:100%;height:100%;object-fit:cover;border-radius:var(--rad-s)}

/* галерия — лента */
.pjg__ctl{display:flex;align-items:center;gap:10px;justify-self:end}
.pjg__ctl .meta{margin-right:12px;min-width:5ch;text-align:right}
.pjg__ctl button{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--ln);transition:background-color .35s,color .35s,opacity .3s}
.pjg__ctl button:hover{background:#fff;color:#000}
.on-light .pjg__ctl button:hover{background:var(--char);color:#fff}
.pjg__ctl button:disabled{opacity:.3;pointer-events:none}
.pjg__ctl svg{width:17px;height:17px}
.pjg__track{display:flex;gap:clamp(12px,1.4vw,22px);overflow-x:auto;scroll-snap-type:x proximity;padding:0 var(--gut) 8px;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain}
.pjg__track::-webkit-scrollbar{display:none}
.pjg__track.is-drag{cursor:grabbing;scroll-snap-type:none}
.pjg__track.is-drag *{pointer-events:none}
.pjg__it{flex:0 0 auto;margin:0;scroll-snap-align:start;scroll-margin-left:var(--gut)}
.pjg__it .media{height:clamp(300px,62vh,640px);aspect-ratio:var(--ar,1.33);width:calc(clamp(300px,62vh,640px)*var(--ar,1.33))}
/* Safari мери елемента в лентата по естествената ширина на снимката (1600 px) и между кадрите оставаха дупки */
.pjg__it .media>img{position:absolute;inset:0}
.pjg__it img{-webkit-user-drag:none;user-select:none}
.pjg__it figcaption{margin-top:12px;font-family:var(--f-semi);font-size:.86rem;color:var(--mut);display:flex;gap:14px}
.pjg__it figcaption em{font-style:normal;color:var(--fa)}
.pjg__bar{margin:26px var(--gut) 0;height:1px;background:var(--ln);position:relative}
.pjg__bar i{position:absolute;left:0;top:-.5px;height:2px;background:currentColor;width:var(--w,20%);transform:translateX(var(--x,0));transition:transform .2s linear}
.pjg__play{position:absolute;left:50%;top:50%;width:clamp(76px,7vw,104px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#fff;color:#000;display:grid;place-items:center;z-index:1;transition:transform .6s var(--ease-spring)}
.pjg__play svg{width:24%;height:auto;margin-left:6%}
.pjg__it--v:hover .pjg__play{transform:translate(-50%,-50%) scale(1.08)}
.pjg__it--v .media::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.28)}
.pjg__vlabel{position:absolute;z-index:1;left:22px;bottom:20px;right:22px;color:#fff;font-family:var(--f-cond);font-size:clamp(1.6rem,2.2vw,2.4rem);line-height:1}
.pjg__vlabel small{display:block;font-family:var(--f-semi);font-size:.82rem;color:rgba(255,255,255,.75);margin-top:8px}
button.pjg__it{padding:0;text-align:left}

/* предимства */
.pja__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(36px,6vw,110px)}
.pja__aside{position:sticky;top:120px;align-self:start}
.pja__aside .media{aspect-ratio:4/5;margin-top:36px;max-height:62vh}
.pja__list{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--ln)}
.pja__list li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 36px;padding:clamp(26px,3vw,42px) 0;border-top:1px solid var(--ln);transition:opacity .5s var(--ease-out)}
.pja__list h3{font-family:var(--f-cond);font-weight:300;font-size:clamp(2rem,3vw,3.3rem);line-height:.92;margin:0;transition:transform .8s var(--ease-spring)}
.pja__list p{margin:0;color:var(--bodyc);font-weight:300}
.pja__list:hover li:not(:hover){opacity:.4}
.pja__list li:hover h3{transform:translateX(12px)}

/* как живее сградата днес */
.pjt__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(36px,6vw,110px);align-items:start}
.pjt__say{font-family:var(--f-cond);font-weight:200;font-size:clamp(2.8rem,5.4vw,6rem);line-height:.9;margin:0 0 30px}
.pjt__facts{list-style:none;margin:30px 0 0;padding:0}
.pjt__facts li{display:grid;grid-template-columns:minmax(5ch,auto) 1fr;gap:20px;align-items:baseline;padding:14px 0;border-top:1px solid var(--ln)}
.pjt__facts b{font-family:var(--f-cond);font-weight:300;font-size:clamp(2.2rem,3vw,3.2rem);line-height:1}
.pjt__facts span{color:var(--mut)}
.pjt__col{position:relative;padding-bottom:12%}
.pjt__col .media{aspect-ratio:4/5;width:78%;margin-left:auto}
.pjt__col .pjt__b{position:absolute;left:0;bottom:0;width:52%;aspect-ratio:4/3;border:10px solid var(--bone);box-sizing:content-box;border-radius:calc(var(--rad-s) + 10px);overflow:hidden}
.sec:not(.on-light) .pjt__col .pjt__b{border-color:var(--ink)}
.pjt__col .pjt__b img{width:100%;height:100%;object-fit:cover;border-radius:var(--rad-s)}

/* характеристики */
.pjs__grid{display:grid;grid-template-columns:minmax(0,4.6fr) minmax(0,7.4fr);gap:clamp(36px,6vw,110px);align-items:start}
.pjs__big{position:sticky;top:120px}
.pjs__big b{display:block;font-family:var(--f-cond);font-weight:200;font-size:clamp(6rem,15vw,15rem);line-height:.8;letter-spacing:-.03em;margin:30px 0 10px}
.pjs__big span{color:var(--mut);font-family:var(--f-semi);font-weight:500}
.pjs__dl{display:grid;grid-template-columns:1fr 1fr;margin:0}
.pjs__dl div{padding:18px 24px 18px 0;border-top:1px solid var(--ln);display:grid;gap:4px;align-content:start}
.pjs__dl div:nth-child(even){padding-left:24px;padding-right:0}
.pjs__dl dt{font-family:var(--f-semi);font-size:.86rem;font-weight:500;color:var(--mut)}
.pjs__dl dd{margin:0;font-family:var(--f-cond);font-weight:400;font-size:clamp(1.5rem,2vw,2.1rem);line-height:1.05}
.pjs__dl dd.tbd{font-family:var(--f-semi);font-size:1rem;font-weight:500;color:var(--fa);padding-top:6px}
.pjs__note{margin:26px 0 0;color:var(--mut);font-size:.92rem;max-width:56ch}

/* локация */
.pjl__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(36px,5vw,90px);align-items:center}
.pjl__addr{font-family:var(--f-cond);font-weight:300;font-size:clamp(1.9rem,2.6vw,2.8rem);line-height:1;margin:24px 0 30px}
.dist{list-style:none;margin:0;padding:0}
.dist li{display:grid;grid-template-columns:1fr auto;gap:6px 18px;padding:14px 0 16px;border-top:1px solid var(--ln)}
.dist span{font-weight:400}
.dist b{font-family:var(--f-cond);font-weight:400;font-size:1.6rem;line-height:1}
.dist i{grid-column:1/-1;display:block;height:2px;background:var(--ln);position:relative;overflow:hidden}
.dist i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w,50%);background:var(--cherry);transform-origin:0 50%;transform:scaleX(0);transition:transform 1.4s var(--ease-out)}
.sec:not(.on-light) .dist i::after{background:var(--cherry-hi)}
.dist.is-in i::after{transform:none}
.dist li:nth-child(2) i::after{transition-delay:.1s}.dist li:nth-child(3) i::after{transition-delay:.2s}.dist li:nth-child(4) i::after{transition-delay:.3s}.dist li:nth-child(5) i::after{transition-delay:.4s}
.dist__mode{font-family:var(--f-semi);font-size:.8rem;color:var(--mut);margin-left:8px}

/* етап на строителство (голям) */
.pjst__now{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(30px,5vw,90px);align-items:end;margin-bottom:clamp(50px,6vw,90px)}
.pjst__now b{display:block;font-family:var(--f-cond);font-weight:200;font-size:clamp(4rem,10vw,11rem);line-height:.82;letter-spacing:-.02em;margin-top:18px}
.pjst__now p{margin:0;color:var(--mut);font-weight:300;font-size:1.1rem;max-width:40ch}
/* --seg = етапите без последния: последната колона е колкото надписа ѝ, линията и запълването стоят в първите --seg колони,
   така линията свършва в последната точка, а --done (от project.html) стига точно до точката на текущия етап */
.trk{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--seg,4),minmax(0,1fr)) auto;position:relative}
.trk::before{content:"";position:absolute;grid-column:1/-2;left:9px;right:-10px;top:9px;height:1px;background:var(--ln)}
.trk::after{content:"";position:absolute;grid-column:1/-2;left:9px;top:8px;height:3px;background:var(--cherry-hi);width:var(--done,0%);transition:width 1.8s var(--ease-out)}
.on-light .trk::after{background:var(--cherry)}
.trk li{position:relative;padding:38px 16px 0 0;display:grid;gap:6px;align-content:start}
.trk li:last-child{padding-right:0}
.trk li::before{content:"";position:absolute;z-index:1;top:0;left:0;width:19px;height:19px;border-radius:50%;background:var(--ink);box-shadow:inset 0 0 0 1px var(--fa)}
.on-light .trk li::before{background:var(--bone)}
.trk li.is-done::before{background:var(--cherry-hi);box-shadow:none}
.trk li.is-now::before{box-shadow:inset 0 0 0 5px var(--cherry-hi)}
.on-light .trk li.is-done::before{background:var(--cherry)}
.on-light .trk li.is-now::before{box-shadow:inset 0 0 0 5px var(--cherry)}
.trk li.is-now::after{content:"";position:absolute;top:-6px;left:-6px;width:31px;height:31px;border-radius:50%;box-shadow:0 0 0 1px var(--cherry-hi);animation:trkPing 2.4s var(--ease-out) infinite}
@keyframes trkPing{0%{transform:scale(.7);opacity:1}100%{transform:scale(1.6);opacity:0}}
.trk small{font-family:var(--f-semi);font-size:.8rem;color:var(--fa);font-weight:500}
.trk span{font-family:var(--f-cond);font-size:clamp(1.3rem,1.8vw,1.9rem);line-height:1;color:var(--mut)}
.trk li.is-done span{color:inherit}
.trk li.is-now span{color:inherit;font-weight:500}
.pjst__log{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(30px,5vw,90px);margin-top:clamp(60px,7vw,110px);align-items:center}
.pjst__log .media{aspect-ratio:16/10}
.pjst__log ul{list-style:none;margin:20px 0 26px;padding:0}
.pjst__log li{display:grid;grid-template-columns:minmax(0,9ch) 1fr;gap:18px;padding:12px 0;border-top:1px solid var(--ln);font-weight:300}
.pjst__log li span:first-child{font-family:var(--f-semi);font-size:.86rem;color:var(--mut);font-weight:500;padding-top:2px}

/* екип и документи */
.pjd__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,7vw,130px);align-items:start}
.team{margin:30px 0 0}
.team div{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px;padding:16px 0;border-top:1px solid var(--ln);align-items:baseline}
.team dt{font-family:var(--f-semi);font-size:.88rem;font-weight:500;color:var(--mut)}
.team dd{margin:0;font-family:var(--f-cond);font-size:1.7rem;line-height:1.05}
.team dd.tbd{font-family:var(--f-semi);font-size:.98rem;color:var(--fa);font-weight:500}
.docs{list-style:none;margin:30px 0 0;padding:0;border-bottom:1px solid var(--ln)}
.docs li{border-top:1px solid var(--ln)}
.doc{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:20px;align-items:center;padding:20px 0;text-align:left;transition:opacity .4s}
.doc b{font-family:var(--f-cond);font-weight:400;font-size:clamp(1.6rem,2.1vw,2.2rem);line-height:1}
.doc small{display:block;font-family:var(--f-semi);font-size:.84rem;color:var(--mut);margin-top:6px;font-weight:500}
.doc em{font-style:normal;font-family:var(--f-semi);font-size:.84rem;color:var(--mut)}
.doc .go{width:48px;height:48px}
.doc:hover .go{background:currentColor}
.doc:hover .go svg{color:var(--bg-inv,#000)}
.on-light .doc:hover .go svg{color:#fff}
.docs:has(.doc:hover) .doc:not(:hover){opacity:.45}
.doc__req{display:none;grid-template-columns:1fr auto;gap:14px;align-items:end;padding:0 0 22px}
.doc__req.is-on{display:grid}
.doc__req input{font:inherit;color:inherit;background:transparent;border:0;border-bottom:1px solid var(--mut);padding:10px 0;outline:none;width:100%}
.doc__req input:focus{border-bottom-color:currentColor}
.doc__req p{grid-column:1/-1;margin:0;font-size:.86rem;color:var(--mut)}

/* действие според аудиторията (вишнево) */
.pjx .ask__h{max-width:12ch}
.pjx__who{margin-top:34px;display:grid;gap:4px;padding-top:18px;border-top:1px solid rgba(255,255,255,.24);max-width:420px}
.pjx__who span{font-family:var(--f-semi);font-size:.86rem;color:rgba(255,255,255,.7)}
.pjx__who b{font-family:var(--f-cond);font-weight:400;font-size:1.8rem;line-height:1.05}
.pjx__who a{font-weight:500}
.pjx__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.pjx .ask__form{margin-top:0}
.pjx .ask__paths+.ask__form,.pjx .ask__paths~.ask__form{margin-top:34px}
.pjx__forms{display:grid}
.pjx__forms>.ask__form{grid-area:1/1}
.pjx__single .ask__form{margin-top:6px}

/* свързани проекти */
.pjr__grid{display:grid;grid-template-columns:minmax(0,6.4fr) minmax(0,5.6fr);gap:clamp(30px,5vw,90px);align-items:start}
.pjr__grid .pc:first-child{grid-row:span 2}
.pjr__grid .pc:nth-child(2){margin-top:clamp(40px,10vw,180px)}
.pjr__grid .pc:nth-child(3){width:78%;margin-left:22%}
.pjr__grid .pc{--fs:clamp(2.6rem,4.2vw,5rem)}
.pjr__grid .pc:first-child{--fs:clamp(3.2rem,6vw,7rem)}

/* превключвател на шаблона (само в макета) */
.tpl{position:fixed;z-index:45;left:16px;bottom:16px;font-family:var(--f-semi);color:#fff}
.tpl__btn{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 16px;border-radius:999px;background:rgba(14,14,14,.78);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 10px 30px rgba(0,0,0,.25);font-size:.86rem;font-weight:500}
.tpl__btn em{font-style:normal;color:rgba(255,255,255,.6)}
.tpl__btn b{font-weight:600}
.tpl__btn i{width:34px;height:34px;border-radius:50%;background:var(--cherry);display:grid;place-items:center;transition:transform .6s var(--ease-spring)}
.tpl__btn i svg{width:14px;height:14px}
.tpl.is-open .tpl__btn i{transform:rotate(180deg)}
.tpl__panel{position:absolute;left:0;bottom:calc(100% + 10px);width:min(380px,calc(100vw - 32px));padding:10px;border-radius:26px;background:rgba(14,14,14,.9);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 20px 50px rgba(0,0,0,.35);
  opacity:0;transform:translateY(10px) scale(.98);transform-origin:0 100%;pointer-events:none;transition:opacity .4s var(--ease-out),transform .6s var(--ease-spring)}
.tpl.is-open .tpl__panel{opacity:1;transform:none;pointer-events:auto}
.tpl__panel p{margin:6px 12px 10px;font-size:.78rem;color:rgba(255,255,255,.55);line-height:1.4}
.tpl__panel ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.tpl__panel a{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;padding:10px 12px;border-radius:16px;transition:background-color .3s,opacity .3s}
.tpl__panel a:hover{background:rgba(255,255,255,.07)}
.tpl__panel a i{grid-row:span 2;width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.tpl__panel a[aria-current] i{background:var(--cherry-hi);box-shadow:0 0 0 4px rgba(165,23,47,.25)}
.tpl__panel ul:has([aria-current]) a:not([aria-current]){opacity:.62}
.tpl__panel ul:has([aria-current]) a:not([aria-current]):hover{opacity:1}
.tpl__panel b{font-family:var(--f-cond);font-weight:400;font-size:1.35rem;line-height:1}
.tpl__panel small{font-size:.76rem;color:rgba(255,255,255,.55)}

@media (max-width:1100px){
  .pjh{display:block;min-height:0}
  .pjh__media{position:relative;inset:auto;height:min(70vh,680px);width:calc(100% - var(--gut))}
  .pjh--full .pjh__media{width:100%}
  .pjh__cap{top:96px}
  .pjh__inner{padding-top:0;position:relative;z-index:2}
  .pjh__inner>.wrap{display:flex;flex-direction:column}
  .pjh__name{order:-1;margin-top:-.4em;padding-left:0}
  .pjh__side{position:static;width:auto;max-width:560px;margin:28px 0 0;text-shadow:none}
  .pjh__status{flex-direction:row;flex-wrap:wrap;gap:6px 18px}
}
@media (max-width:900px){
  .pjh__name{font-size:clamp(3.6rem,19vw,7rem);white-space:normal}
  .pjh--full .pjh__name{font-size:clamp(3.4rem,16vw,6rem)}
  .pjh--home .pjh__inner{grid-template-columns:1fr;padding-top:110px}
  .pjh--home .pjh__vis{order:-1;margin-right:calc(var(--gut) * -1)}
  .pjh--home .pjh__vis .media{border-radius:var(--rad) 0 0 var(--rad)}
  .pjh__inset{left:auto;right:12%;bottom:-8%;width:46%;border-width:6px}
  .pjh--home .pjh__name{margin-top:30px}
  .pjh--home{min-height:0;padding-bottom:20px}
  .pjf dl{grid-template-columns:1fr 1fr}
  .pjf dl>div+div{border-left:0;padding-left:0}
  .pjf dl>div{border-top:1px solid var(--ln);padding-right:12px}
  .pjf dl>div:first-child{grid-column:1/-1;border-top:0}
  .pjf dl>div:nth-child(3){padding-left:16px;border-left:1px solid var(--ln)}
  .pjc__grid,.pja__grid,.pjt__grid,.pjs__grid,.pjl__grid,.pjst__now,.pjst__log,.pjd__grid,.pjr__grid{grid-template-columns:1fr}
  .pja__aside,.pjs__big{position:static}
  .pja__aside .media{display:none}
  .pja__list li{grid-template-columns:1fr}
  .pjs__dl{grid-template-columns:1fr}
  .pjs__dl div:nth-child(even){padding-left:0}
  .pjc__inset{right:-2%;width:46%;border-width:6px}
  .pjg__it .media{height:min(56vh,420px)}
  .sh{grid-template-columns:1fr}.sh p{justify-self:start}
  .pjg__ctl{justify-self:start}
  /* редовете са еднакви (1fr): линията е от първата до последната точка, запълването — до текущата */
  .trk{grid-template-columns:1fr;grid-auto-rows:1fr;gap:0}
  .trk::before,.trk::after{grid-column:auto;top:9px}
  .trk::before{left:9px;right:auto;bottom:calc(100% / (var(--seg,4) + 1) - 10px);width:1px;height:auto}
  .trk::after{left:8px;width:3px;height:calc(var(--done,0%) * var(--seg,4) / (var(--seg,4) + 1));transition:height 1.8s var(--ease-out)}
  .trk li{padding:0 0 26px 44px}
  .trk li.is-now::after{top:-6px}
  .pjr__grid .pc:nth-child(2){margin-top:0}
  .pjr__grid .pc:nth-child(3){width:88%;margin-left:12%}
  .team div{grid-template-columns:1fr;gap:4px}
  .doc{grid-template-columns:minmax(0,1fr) auto}
  .doc em{display:none}
  .tpl__btn em{display:none}
}
.pjg__more{display:grid;place-items:center;padding:clamp(24px,3vw,48px);background:var(--sub);text-align:center}
.pjg__more p{margin:0;font-family:var(--f-cond);font-weight:300;font-size:clamp(1.5rem,2vw,2.1rem);line-height:1.05;max-width:16ch;color:var(--mut)}
.pjh--full .pjh__side{text-shadow:0 1px 22px rgba(0,0,0,.45)}

/* ═════════════════════════════════════════════════════════════
   ЗА НАС
   ═════════════════════════════════════════════════════════════ */
.abh{padding-bottom:0}
.abh__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(30px,5vw,90px);align-items:end}
.abh__h{font-size:clamp(3.6rem,8.6vw,10.4rem)}
.abh__copy{padding-bottom:clamp(30px,5vw,80px)}
.abh__copy .ph__lede{margin-top:clamp(28px,3vw,44px)}
.abh__vis{position:relative}
.abh__vis .media{aspect-ratio:3/4;max-height:86vh}
.abh__cap{position:absolute;left:18px;bottom:16px;z-index:1;font-family:var(--f-semi);font-size:.78rem;color:rgba(255,255,255,.7)}
.abs{border-top:1px solid var(--ln);margin-top:0}
.abs dl{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));margin:0}
.abs dl>div{padding:clamp(22px,2.6vw,36px) 24px clamp(22px,2.6vw,36px) 0;display:grid;gap:4px;align-content:start}
.abs dl>div+div{padding-left:24px;border-left:1px solid var(--ln)}
.abs dt{order:2;font-family:var(--f-semi);font-size:.86rem;font-weight:500;color:var(--mut)}
.abs dd{margin:0;font-family:var(--f-cond);font-weight:300;font-size:clamp(2.2rem,3.4vw,3.8rem);line-height:.95}
.abs dl>div:first-child dd{font-size:clamp(3rem,6vw,6.6rem);font-weight:200}

/* хронология: годината е одометър */
.tl__head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px 32px;align-items:end;margin-bottom:clamp(50px,6vw,100px)}
.tl__head p{margin:0;color:var(--mut);font-weight:300;font-size:1.1rem;max-width:40ch;justify-self:end}
.tl__head small{display:block;margin-top:14px;font-family:var(--f-semi);font-size:.8rem;color:var(--fa)}
.tl__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(30px,5vw,90px)}
.tl__side{position:sticky;top:110px;align-self:start;height:calc(100vh - 140px);display:flex;flex-direction:column;justify-content:space-between}
.odo{display:flex;font-family:var(--f-cond);font-weight:200;font-size:clamp(8rem,19vw,22rem);line-height:1;letter-spacing:-.04em;height:1em;overflow:hidden;color:#fff}
.odo span{display:block;height:1em;overflow:hidden}
.odo i{display:flex;flex-direction:column;font-style:normal;transition:transform 1.1s var(--ease-spring)}
.odo i b{display:block;height:1em;font-weight:200;text-align:center}
.odo span:nth-child(n+3) i{color:var(--cherry-hi)}
.tl__ticks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-family:var(--f-semi);font-size:.86rem;font-weight:500}
.tl__ticks li{display:flex;align-items:center;gap:8px;transition:opacity .4s}
.tl__ticks li::before{content:"";width:8px;height:8px;border-radius:50%;box-shadow:inset 0 0 0 1px currentColor;transition:background-color .3s,box-shadow .3s}
.tl__ticks:has(.is-on) li:not(.is-on){opacity:.42}
.tl__ticks li.is-on::before{background:var(--cherry-hi);box-shadow:none}
.tl__now{font-family:var(--f-cond);font-weight:300;font-size:clamp(1.6rem,2.2vw,2.4rem);line-height:1;margin:0 0 22px;color:var(--mut);min-height:2em}
.tl__list{list-style:none;margin:0;padding:0;display:grid;gap:clamp(100px,14vh,180px);padding-bottom:20vh}
.tl__it{display:grid;gap:22px}
.tl__it .media{aspect-ratio:var(--ar,16/10)}
.tl__it:nth-child(odd) .media{width:86%}
.tl__it:nth-child(even) .media{width:66%;margin-left:34%}
.tl__it:nth-child(even) .tl__txt{margin-left:34%}
.tl__y{display:none;font-family:var(--f-cond);font-weight:200;font-size:4rem;line-height:.9;color:var(--cherry-hi)}
.tl__txt h3{font-family:var(--f-cond);font-weight:300;font-size:clamp(2.2rem,3.4vw,3.6rem);line-height:.92;margin:0 0 14px}
.tl__txt p{margin:0;color:var(--bodyc);font-weight:300;max-width:46ch}
.tl__txt em{font-style:normal;font-family:var(--f-semi);font-size:.8rem;color:var(--fa);display:block;margin-top:10px}
@media (max-width:900px){
  .tl__head{grid-template-columns:1fr}.tl__head p{justify-self:start}
  .tl__grid{grid-template-columns:1fr}
  .tl__side{display:none}
  .tl__y{display:block}
  .tl__it .media,.tl__it:nth-child(even) .media{width:100%;margin-left:0}
  .tl__it:nth-child(even) .tl__txt{margin-left:0}
  .tl__list{padding-bottom:0;gap:80px}
}

/* визия и ценности */
.vis__grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:clamp(28px,4vw,72px)}
.vis__side{display:grid;align-content:start;gap:14px;padding-top:.6em}
.vis__side .nav__mark svg{width:46px;height:46px}
.vis__text{font-family:var(--f-text);font-weight:300;font-size:clamp(1.8rem,3.3vw,3.6rem);line-height:1.12;letter-spacing:-.012em;margin:0;max-width:25ch}
.val{list-style:none;margin:clamp(90px,11vw,170px) 0 0;padding:0;border-bottom:1px solid var(--ln)}
.val li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,34ch);gap:20px 48px;align-items:end;padding:clamp(28px,3.4vw,52px) 0;border-top:1px solid var(--ln)}
.val h3{font-family:var(--f-cond);font-weight:200;font-size:clamp(3.4rem,9.6vw,11rem);line-height:.84;letter-spacing:-.02em;margin:0}
.val li:nth-child(2) h3{padding-left:clamp(0px,14vw,240px)}
.val li:nth-child(3) h3{padding-left:clamp(0px,5vw,90px)}
.val p{margin:0;color:var(--bodyc);font-weight:300;font-size:1.06rem;padding-bottom:.6em}
.val h3 .pill{display:inline-block;width:1.6em;height:.7em;vertical-align:.04em;margin-left:.16em;border-radius:.2em;background:var(--img) center/cover no-repeat}
@media (max-width:800px){.vis__grid{grid-template-columns:1fr}.vis__side{grid-auto-flow:column;justify-content:start;align-items:center}.val li{grid-template-columns:1fr}.val li h3{padding-left:0!important}}

/* екип: роли с място за портрет */
.tm__lead{display:grid;grid-template-columns:minmax(0,4.4fr) minmax(0,3.2fr) minmax(0,4.4fr);gap:clamp(24px,3vw,56px);align-items:start;margin-bottom:clamp(70px,8vw,130px)}
.tm__note{align-self:end;padding-bottom:12px}
.tm__note p{margin:0 0 18px;font-family:var(--f-cond);font-weight:300;font-size:clamp(1.7rem,2.3vw,2.5rem);line-height:1.02;color:#fff;max-width:18ch}
.tm__note small{font-family:var(--f-semi);font-size:.86rem;color:var(--mut);display:block;max-width:34ch}
.tm__lead .tm:nth-child(2){margin-top:clamp(60px,12vw,200px)}
.tm__rest{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(40px,4vw,64px) clamp(16px,2vw,32px)}
.tm__rest .tm:nth-child(4n+2){margin-top:clamp(40px,6vw,100px)}
.tm__rest .tm:nth-child(4n){margin-top:clamp(24px,3.4vw,60px)}
.tm__ph{position:relative;aspect-ratio:4/5;background:linear-gradient(160deg,#1d1d1d 0%,#121212 70%);overflow:hidden;border-radius:var(--rad)}
.tm__ph svg{position:absolute;left:50%;bottom:0;width:62%;transform:translateX(-50%);color:rgba(255,255,255,.085)}
.tm__ph .tm__mark{position:absolute;right:18px;top:18px;width:30px;opacity:.5}
.tm__ph small{position:absolute;left:16px;bottom:14px;font-family:var(--f-semi);font-size:.76rem;color:rgba(255,255,255,.4)}
.tm h3{font-family:var(--f-cond);font-weight:300;font-size:clamp(1.8rem,2.4vw,2.6rem);line-height:.95;margin:20px 0 6px}
.tm--big h3{font-size:clamp(2.4rem,3.6vw,3.8rem)}
.tm p{margin:0;font-family:var(--f-semi);font-size:.9rem;color:var(--mut);font-weight:500}
@media (max-width:900px){.tm__lead{grid-template-columns:1fr 1fr}.tm__lead .tm:nth-child(2){margin-top:60px}.tm__note{grid-column:1/-1;order:-1}.tm__rest{grid-template-columns:1fr 1fr}.tm__rest .tm:nth-child(n){margin-top:0}.tm__rest .tm:nth-child(even){margin-top:50px}}

/* кариери */
.cr__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(36px,6vw,110px);align-items:start}
.cr__grid .body{margin:26px 0 32px}
.jobs{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--ln)}
.jobs a{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:20px;align-items:center;padding:24px 0;border-top:1px solid var(--ln);transition:opacity .45s var(--ease-out)}
.jobs b{display:block;font-family:var(--f-cond);font-weight:300;font-size:clamp(1.8rem,2.6vw,2.8rem);line-height:.95;transition:transform .8s var(--ease-spring)}
.jobs small{display:block;margin-top:8px;font-family:var(--f-semi);font-size:.86rem;color:var(--mut);font-weight:500}
.jobs em{font-style:normal;font-family:var(--f-semi);font-size:.86rem;color:var(--mut)}
.jobs:hover a:not(:hover){opacity:.4}
.jobs a:hover b{transform:translateX(12px)}
.jobs a:hover .go{background:var(--char);color:#fff;transform:rotate(-45deg)}
.jobs__note{margin:18px 0 0;font-family:var(--f-semi);font-size:.82rem;color:var(--fa)}
@media (max-width:900px){.abh__grid,.cr__grid{grid-template-columns:1fr}.abs dl{grid-template-columns:1fr 1fr}.abs dl>div:first-child{grid-column:1/-1}.abs dl>div+div{border-left:0;padding-left:0;border-top:1px solid var(--ln)}.abs dl>div:nth-child(3){padding-left:16px;border-left:1px solid var(--ln)}.jobs em{display:none}.jobs a{grid-template-columns:minmax(0,1fr) auto}}

/* ═════════════════════════════════════════════════════════════
   УСЛУГИ — три глави, една линия
   ═════════════════════════════════════════════════════════════ */
.svh__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(30px,5vw,90px);align-items:end}
.svh__idx{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--ln);counter-reset:s}
.svh__idx a{display:grid;grid-template-columns:2.4ch 1fr auto;gap:14px;align-items:baseline;padding:18px 0;border-top:1px solid var(--ln);transition:opacity .45s var(--ease-out)}
.svh__idx a>span:first-child{font-family:var(--f-semi);font-size:.86rem;color:var(--cherry-hi);font-weight:600}
.svh__idx b{font-family:var(--f-cond);font-weight:300;font-size:clamp(1.7rem,2.3vw,2.4rem);line-height:1;transition:transform .8s var(--ease-spring)}
.svh__idx em{font-style:normal;font-family:var(--f-semi);font-size:.86rem;color:var(--mut)}
.svh__idx:hover a:not(:hover){opacity:.42}
.svh__idx a:hover b{transform:translateX(10px)}
.svh .ph__lede{margin-top:30px}

.lc{position:relative}
.lc__line{position:absolute;z-index:3;left:calc(var(--gut) / 2);top:0;bottom:0;width:1px;background:rgba(121,7,27,.25);pointer-events:none}
.lc__line i{position:absolute;left:-.5px;top:0;width:2px;height:100%;background:var(--cherry-hi);transform-origin:50% 0;transform:scaleY(var(--p,0))}
.ch{position:relative}
.ch::before{content:"";position:absolute;z-index:4;left:calc(var(--gut) / 2 - 6px);top:clamp(100px,12vw,190px);width:13px;height:13px;border-radius:50%;background:var(--cherry-hi);box-shadow:0 0 0 5px rgba(165,23,47,.18)}
.ch__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(36px,6vw,110px)}
.ch__side{position:sticky;top:110px;align-self:start}
.ch__n{font-family:var(--f-semi);font-size:.9rem;font-weight:600;color:var(--cherry-hi);margin:0 0 18px}
.on-light .ch__n{color:var(--cherry)}
.ch__side .body{margin:26px 0 0}
.ch__side .media{aspect-ratio:4/3;margin-top:36px;max-height:42vh}
.ch__part+.ch__part{margin-top:clamp(70px,8vw,120px)}
.ch__part>h3{font-family:var(--f-semi);font-size:.9rem;font-weight:600;color:var(--mut);margin:0 0 18px}
.inc{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--ln)}
.inc li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8px 32px;padding:20px 0;border-top:1px solid var(--ln);transition:opacity .45s var(--ease-out)}
.inc b{font-family:var(--f-cond);font-weight:400;font-size:clamp(1.55rem,2vw,2.1rem);line-height:1}
.inc span{color:var(--bodyc);font-weight:300}
.inc:hover li:not(:hover){opacity:.4}
/* стъпките като стълбище */
.stair{list-style:none;margin:0;padding:0;display:grid;gap:0}
.stair li{--k:0;display:grid;grid-template-columns:auto 1fr;gap:4px 20px;align-items:baseline;margin-left:calc(var(--k) * clamp(26px,5%,60px));padding:18px 0 18px 22px;border-left:1px solid var(--ln);border-bottom:1px solid var(--ln);position:relative}
.stair li:first-child{border-top:1px solid var(--ln)}
.stair li::before{content:"";position:absolute;left:-5px;top:28px;width:9px;height:9px;border-radius:50%;background:var(--bg-stair,var(--ink));box-shadow:inset 0 0 0 1.5px var(--cherry-hi)}
.on-light .stair li::before{background:var(--bone);box-shadow:inset 0 0 0 1.5px var(--cherry)}
.stair li.is-in::before{background:var(--cherry-hi)}
.on-light .stair li.is-in::before{background:var(--cherry)}
.stair li:nth-child(2){--k:1}.stair li:nth-child(3){--k:2}.stair li:nth-child(4){--k:3}.stair li:nth-child(5){--k:4}
.stair i{grid-row:span 2;font-style:normal;font-family:var(--f-cond);font-weight:200;font-size:clamp(2.6rem,3.6vw,3.8rem);line-height:.8;color:var(--cherry-hi);min-width:1.1ch}
.on-light .stair i{color:var(--cherry)}
.stair b{font-family:var(--f-cond);font-weight:400;font-size:clamp(1.5rem,1.9vw,2rem);line-height:1}
.stair span{color:var(--mut);font-weight:300;font-size:.98rem}
.where{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(16px,2vw,30px);align-items:start}
.where a{display:block}
.where a:nth-child(2){margin-top:clamp(30px,5vw,80px)}
.where a:nth-child(3){grid-column:1;width:80%;margin-left:20%}
.where .media{aspect-ratio:var(--ar,4/3)}
.where .media img{transition:transform 1.4s var(--ease-out)}
.where a:hover .media img{transform:scale(1.045)}
.where b{display:block;font-family:var(--f-cond);font-weight:300;font-size:clamp(1.7rem,2.3vw,2.4rem);line-height:1;margin:14px 0 4px}
.where span{font-family:var(--f-semi);font-size:.86rem;color:var(--mut);font-weight:500}
@media (max-width:900px){
  .svh__grid,.ch__grid{grid-template-columns:1fr}
  .ch__side{position:static}
  .ch__side .media{max-height:none}
  .inc li{grid-template-columns:1fr}
  .lc__line,.ch::before{display:none}
  .stair li{margin-left:calc(var(--k) * 12px)}
  .where{grid-template-columns:1fr 1fr}
  .where a:nth-child(3){grid-column:1/-1;width:70%;margin-left:30%}
}
.svh .ph__h{font-size:clamp(3.4rem,7.4vw,8.8rem)}

/* ═════════════════════════════════════════════════════════════
   НОВИНИ
   ═════════════════════════════════════════════════════════════ */
.nwh__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:32px;align-items:end}
.nwh__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 30px;margin-top:clamp(44px,5vw,80px)}
.ft{display:grid;grid-template-columns:minmax(0,7.2fr) minmax(0,4.8fr);gap:clamp(30px,5vw,90px);align-items:end;margin-bottom:clamp(80px,10vw,150px)}
.ft__media{aspect-ratio:4/3}
.ft__media img{transition:transform 1.6s var(--ease-out)}
.ft:hover .ft__media img{transform:scale(1.035)}
.ft__copy{padding-bottom:clamp(10px,2vw,40px)}
.ft h2{font-family:var(--f-cond);font-weight:300;font-size:clamp(2.6rem,4.6vw,5.4rem);line-height:.9;margin:18px 0 22px;position:relative;z-index:1}
.ft p{margin:0 0 30px;color:var(--bodyc);font-weight:300;font-size:1.1rem;max-width:42ch}
.pm{display:flex;flex-wrap:wrap;gap:6px 18px;font-family:var(--f-semi);font-size:.88rem;font-weight:500;color:var(--mut)}
.pm b{color:var(--cherry);font-weight:600}
.sec:not(.on-light) .pm b{color:var(--cherry-hi)}
.duo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(30px,5vw,90px);align-items:start;margin-bottom:clamp(90px,11vw,170px)}
.duo .post:nth-child(2){margin-top:clamp(60px,10vw,180px)}
.duo .post:nth-child(2) .post__media{aspect-ratio:16/9}
.duo .post:first-child .post__media{aspect-ratio:4/5}
.duo .post h3{font-family:var(--f-cond);font-weight:400;font-size:clamp(2rem,2.8vw,3.1rem);line-height:.96;margin:0;max-width:20ch}
.duo .post p{margin:0;color:var(--bodyc);font-weight:300;max-width:46ch}
.post{display:grid;gap:16px;align-content:start}
.post__media{overflow:hidden;background:var(--sub);border-radius:var(--rad);isolation:isolate}
.post__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease-out)}
.post:hover .post__media img{transform:scale(1.045)}
.nx__wrap{display:grid;grid-template-columns:minmax(0,1fr) min(22vw,330px);gap:0 clamp(32px,4vw,72px);align-items:start}
.nx__head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}
.nx{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--ln)}
.nx a{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1.2fr) minmax(0,5fr) 52px;gap:24px;align-items:center;padding:clamp(22px,2.4vw,34px) 0;border-top:1px solid var(--ln);transition:opacity .45s var(--ease-out)}
.nx time,.nx em{font-style:normal;font-family:var(--f-semi);font-size:.88rem;font-weight:500;color:var(--mut)}
.nx em{color:var(--cherry);font-weight:600}
.nx b{font-family:var(--f-cond);font-weight:300;font-size:clamp(1.7rem,2.6vw,2.8rem);line-height:.98;transition:transform .8s var(--ease-spring)}
.nx:hover a:not(:hover){opacity:.38}
.nx a:hover b{transform:translateX(14px)}
.nx a:hover .go{background:var(--char);color:#fff;transform:rotate(-45deg)}
.nx__pic{position:sticky;top:110px;aspect-ratio:4/5}
.nx__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.05);transition:opacity .8s var(--ease-out),transform 1.4s var(--ease-out)}
.nx__pic img.is-on{opacity:1;transform:none}
[data-cat][hidden]{display:none!important}
.press{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(30px,5vw,90px);align-items:end}
.press__rows{border-bottom:1px solid var(--ln)}
.press__rows>*{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:22px 0;border-top:1px solid var(--ln);width:100%;text-align:left}
.press__rows b{display:block;font-family:var(--f-cond);font-weight:400;font-size:clamp(1.6rem,2.2vw,2.3rem);line-height:1}
.press__rows small{display:block;margin-top:6px;font-family:var(--f-semi);font-size:.86rem;color:var(--mut);font-weight:500}
.press__rows>*:hover .go{background:#fff;color:#000}
@media (max-width:900px){
  .nwh__grid,.ft,.duo,.press{grid-template-columns:1fr}
  .ft h2{margin-left:0}
  .duo .post:nth-child(2){margin-top:0}
  .duo .post:first-child .post__media{aspect-ratio:4/3}
  .nx a{grid-template-columns:minmax(0,1fr) auto;gap:8px 16px}
  .nx time{grid-column:1;grid-row:1}.nx em{grid-column:1;grid-row:1;justify-self:end;padding-right:0}
  .nx b{grid-column:1}.nx .go{grid-column:2;grid-row:1/3}
  .nx__wrap{grid-template-columns:1fr}
  .nx__pic{display:none}
}

/* статия: четене на цял екран */
.art{position:fixed;inset:0;z-index:55;background:var(--bone);color:var(--char);overflow-y:auto;overscroll-behavior:contain;
  visibility:hidden;clip-path:inset(100% 0 0 0);transition:clip-path .9s var(--ease-cine),visibility 0s .9s}
.art.is-open{visibility:visible;clip-path:inset(0 0 0 0);transition:clip-path .9s var(--ease-cine)}
.art__bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px var(--gut);background:rgba(236,235,231,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-l)}
.art__bar .nav__mark svg{width:30px;height:30px}
.art__x{display:inline-flex;align-items:center;gap:12px;font-family:var(--f-semi);font-weight:600;font-size:.92rem}
.art__x i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--line-l);transition:background-color .3s,color .3s,transform .6s var(--ease-spring)}
.art__x:hover i{background:var(--char);color:#fff;transform:rotate(90deg)}
.art__x svg{width:14px;height:14px}
.art__prog{position:absolute;left:0;bottom:-1px;height:2px;background:var(--cherry);width:100%;transform-origin:0 50%;transform:scaleX(var(--p,0))}
.art__in{width:100%;max-width:1180px;margin:0 auto;padding:clamp(50px,7vw,110px) var(--gut) clamp(90px,10vw,160px)}
.art__h{font-family:var(--f-cond);font-weight:200;font-size:clamp(3rem,6.6vw,7.2rem);line-height:.86;letter-spacing:-.015em;margin:22px 0 30px;max-width:15ch}
.art__lead{font-weight:300;font-size:clamp(1.25rem,1.7vw,1.6rem);line-height:1.45;max-width:44ch;margin:0 0 clamp(40px,5vw,70px)}
.art__fig{margin:0 0 clamp(40px,5vw,80px)}
.art__fig .media{aspect-ratio:16/9}
.art__fig figcaption{margin-top:12px;font-family:var(--f-semi);font-size:.84rem;color:var(--stone)}
.art__body{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3.4fr);gap:clamp(30px,5vw,90px);align-items:start}
.art__text{font-size:1.18rem;line-height:1.72;font-weight:400;color:#2b2a28;max-width:64ch}
.art__text p{margin:0 0 1.3em}
.art__text>p:first-child::first-letter{float:left;font-family:var(--f-cond);font-weight:300;font-size:5.6em;line-height:.78;margin:.06em .1em 0 -.02em;color:var(--cherry)}
.art__text h2{font-family:var(--f-cond);font-weight:400;font-size:clamp(1.9rem,2.6vw,2.6rem);line-height:1;margin:1.6em 0 .6em;color:var(--char)}
.art__text blockquote{margin:1.6em 0 1.6em -0.2em;padding:0;font-family:var(--f-cond);font-weight:300;font-size:clamp(2rem,3.2vw,3.2rem);line-height:1;color:var(--char);position:relative}
.art__text blockquote::before{content:"„";display:block;font-size:2.2em;line-height:.5;color:var(--cherry);margin-bottom:.1em}
.art__aside{position:sticky;top:100px;display:grid;gap:30px}
.art__aside h4{font-family:var(--f-semi);font-size:.86rem;font-weight:600;color:var(--stone);margin:0 0 6px}
.art__aside dl{margin:0}
.art__aside dl div{padding:12px 0;border-top:1px solid var(--line-l);display:grid;gap:2px}
.art__aside dt{font-family:var(--f-semi);font-size:.82rem;color:var(--stone);font-weight:500}
.art__aside dd{margin:0;font-family:var(--f-cond);font-size:1.45rem;line-height:1.05}
.art__share{display:flex;gap:8px}
.art__share a,.art__share button{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--line-l);transition:background-color .3s,color .3s}
.art__share a:hover,.art__share button:hover{background:var(--char);color:#fff}
.art__share svg{width:16px;height:16px}
.art__next{display:block;margin-top:clamp(70px,8vw,130px);padding-top:28px;border-top:1px solid var(--line-l)}
.art__next span{font-family:var(--f-semi);font-size:.88rem;color:var(--stone);font-weight:500}
.art__next b{display:block;font-family:var(--f-cond);font-weight:300;font-size:clamp(2.2rem,4.4vw,4.6rem);line-height:.92;margin-top:10px;max-width:22ch;transition:transform .8s var(--ease-spring)}
.art__next:hover b{transform:translateX(14px)}
@media (max-width:900px){.art__body{grid-template-columns:1fr}.art__aside{position:static}}
.art__aside .btn{justify-self:start}

/* ═════════════════════════════════════════════════════════════
   КОНТАКТИ
   ═════════════════════════════════════════════════════════════ */
.cth__grid{display:grid;grid-template-columns:minmax(0,7.4fr) minmax(0,4.6fr);gap:clamp(30px,5vw,90px);align-items:end}
.cth__quick{display:grid;gap:0;border-bottom:1px solid var(--ln)}
.cth__quick>*{display:grid;grid-template-columns:minmax(0,9ch) 1fr;gap:18px;align-items:baseline;padding:16px 0;border-top:1px solid var(--ln)}
.cth__quick span{font-family:var(--f-semi);font-size:.86rem;color:var(--mut);font-weight:500}
.cth__quick b{font-family:var(--f-cond);font-weight:400;font-size:clamp(1.5rem,2vw,2rem);line-height:1.05}
.cth .ph__lede{margin-top:30px}
.ct-ask{padding-top:clamp(80px,9vw,140px)}
.dp{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--ln)}
.dp li{display:grid;grid-template-columns:minmax(0,4.2fr) minmax(0,4.8fr) auto;gap:16px 36px;align-items:center;padding:clamp(22px,2.6vw,34px) 0;border-top:1px solid var(--ln);transition:opacity .45s var(--ease-out)}
.dp h3{font-family:var(--f-cond);font-weight:300;font-size:clamp(2rem,3vw,3.2rem);line-height:.92;margin:0;transition:transform .8s var(--ease-spring)}
.dp h3 small{display:block;font-family:var(--f-semi);font-size:.86rem;font-weight:500;color:var(--mut);margin-top:10px;letter-spacing:0}
.dp p{margin:0;color:var(--bodyc);font-weight:300}
.dp p a{font-weight:500;color:var(--char)}
.dp:hover li:not(:hover){opacity:.4}
.dp li:hover h3{transform:translateX(12px)}
.dp .btn{justify-self:end}
.loc2__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(36px,5vw,90px);align-items:start}
.loc2__addr{font-family:var(--f-cond);font-weight:300;font-size:clamp(2.2rem,3.4vw,3.8rem);line-height:.95;margin:22px 0 30px}
.loc2__ph{margin-top:36px;aspect-ratio:16/9;width:78%;margin-left:22%}
.loc2__ph+p{margin:10px 0 0 22%;font-family:var(--f-semi);font-size:.8rem;color:var(--fa)}
@media (max-width:900px){
  .cth__grid,.loc2__grid{grid-template-columns:1fr}
  .dp li{grid-template-columns:1fr}
  .dp .btn{justify-self:start}
  .loc2__ph{width:100%;margin-left:0}.loc2__ph+p{margin-left:0}
}