/* ===== Founder block ("Хто веде ваш проєкт") ===== */
.founder{position:relative;z-index:2;--fb:#000AFF;--fg:#858E8E;--fi:#E3E5E5;--fl:rgba(227,229,229,.16);background:#000;color:#fff;padding:0 40px 130px;margin-top:-161px;font-family:"Neue Machina","Helvetica Neue",Arial,sans-serif}
.founder *{box-sizing:border-box}
.founder p,.founder h2,.founder ul,.founder figure{margin:0;padding:0}
.founder-in{display:grid;gap:28px clamp(32px,4vw,64px)}
.founder-head,.founder-facts,.founder-acts,.founder-contact{min-width:0}
/* pieces */
.founder-photo{grid-area:photo;position:relative;overflow:hidden;background:#111;aspect-ratio:4/5}
.founder-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block;filter:saturate(.85)}
.founder-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.55));pointer-events:none}
.founder-photo figcaption{position:absolute;left:16px;bottom:16px;z-index:1;display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--fi)}
.founder-photo figcaption i{width:9px;height:9px;background:var(--fb);display:block}
.founder-head{grid-area:head}
.founder-kick{display:inline-flex;align-items:center;gap:12px;margin-bottom:22px!important;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--fb);font-weight:500}
.founder-kick::before{content:"";width:9px;height:9px;background:var(--fb)}
.founder-title{font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:.95;font-size:clamp(28px,3vw,50px);color:#fff;text-wrap:balance}
.founder-name{margin-top:22px!important;font-size:16px;line-height:1.4;font-weight:300;color:var(--fg)}
.founder-name b{display:block;font-weight:700;font-size:18px;color:#fff;margin-bottom:4px}
.founder-name span{display:block}
.founder-facts{grid-area:facts;list-style:none}
.founder-facts li{padding:20px 0;border-top:1px solid var(--fl)}
.founder-facts li:last-child{border-bottom:1px solid var(--fl)}
.founder-facts b{display:flex;gap:10px;align-items:flex-start;font-weight:700;font-size:16px;line-height:1.3;color:#fff;margin-bottom:6px}
.founder-facts b::before{content:"";flex:none;width:8px;height:8px;background:var(--fb);margin-top:6px}
.founder-facts span{display:block;color:var(--fg);font-size:14px;line-height:1.45;font-weight:300;padding-left:18px}
.founder-acts{grid-area:acts;display:flex;flex-wrap:wrap;gap:12px}
.founder-btn{display:inline-flex;align-items:center;gap:14px;height:58px;padding:0 28px;border-radius:99px;font-weight:700;font-size:15px;letter-spacing:.02em;text-decoration:none;border:1px solid transparent;transition:background .3s,color .3s,border-color .3s;white-space:nowrap}
.founder-btn svg{flex:none}
.founder-btn--fill{background:#fff;color:#000}
.founder-btn--fill:hover{background:var(--fb);color:#fff}
.founder-btn--line{border-color:rgba(227,229,229,.42);color:#fff}
.founder-btn--line:hover{background:var(--fb);border-color:var(--fb);color:#fff}
.founder-contact{grid-area:contact;display:flex;flex-direction:column;gap:4px}
.founder-phone{font-weight:700;font-size:clamp(22px,2vw,30px);letter-spacing:.01em;color:var(--fi);text-decoration:none;line-height:1.1}
.founder-phone:hover{color:#fff}
.founder-hours{font-size:12px;color:var(--fg);letter-spacing:.06em;text-transform:uppercase;font-weight:300}

/* --- shared bottom row: buttons + phone --- */
.founder-cta{grid-area:cta;display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;min-width:0}
.founder-acts{grid-area:auto}
.founder-contact{grid-area:auto}
/* --- layout: photo in the centre --- */
@media (min-width:1024px){
  .founder--center .founder-in{grid-template-columns:minmax(0,1fr) minmax(300px,380px) minmax(0,1fr);grid-template-areas:"head photo facts" "cta cta cta";row-gap:40px;align-items:center}
  .founder--center .founder-head{text-align:right;justify-self:end;max-width:460px}
  .founder--center .founder-kick{flex-direction:row-reverse}
  .founder--center .founder-name span{max-width:32ch;margin-left:auto}
  .founder--center .founder-facts{max-width:440px}
  .founder--center .founder-photo{aspect-ratio:10/11}
  .founder--center .founder-cta{justify-content:center}
  .founder--center .founder-contact{flex-direction:column;padding-left:6px}
  .founder--center .founder-phone{font-size:22px}
  .founder--center.founder--nophoto .founder-in{grid-template-columns:1fr 1fr;grid-template-areas:"head facts" "cta cta"}
}
/* --- layout: photo on the left --- */
@media (min-width:1024px){
  .founder--side .founder-in{grid-template-columns:minmax(280px,420px) minmax(0,1fr);grid-template-areas:"photo head" "photo facts" "photo cta";align-items:start}
  .founder--side .founder-photo{align-self:stretch;aspect-ratio:auto;min-height:420px}
  .founder--side .founder-name span{max-width:none}
  .founder--side .founder-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--fl);border-bottom:1px solid var(--fl)}
  .founder--side .founder-facts li{border:0;padding:22px 24px 22px 0}
  .founder--side .founder-facts li+li{border-left:1px solid var(--fl);padding-left:24px}
  .founder--side.founder--nophoto .founder-in{grid-template-columns:1fr;grid-template-areas:"head" "facts" "cta"}
}
/* --- layout: asymmetric, like the site's sections (compact) --- */
@media (min-width:1024px){
  .founder--asym .founder-in{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:
    "name name name photo photo photo head head head head head head"
    "name name name photo photo photo facts facts facts facts facts facts"
    "name name name photo photo photo cta cta cta cta cta cta";
    grid-template-rows:auto 1fr auto;row-gap:0;column-gap:32px;align-items:start}
  .founder--asym .founder-head{display:contents}
  .founder--asym .founder-heading{grid-area:head;margin-bottom:28px}
  .founder--asym .founder-kick{margin-bottom:16px!important}
  .founder--asym .founder-title{font-size:clamp(30px,3.4vw,60px);line-height:.92;max-width:none}
  .founder--asym .founder-name{grid-area:name;align-self:end;margin:0!important;padding-bottom:4px}
  .founder--asym .founder-name span{max-width:32ch}
  .founder--asym .founder-photo{aspect-ratio:auto;align-self:stretch;min-height:380px;margin-right:24px}
  .founder--asym .founder-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--fl);border-bottom:1px solid var(--fl)}
  .founder--asym .founder-facts li{border:0;padding:18px 20px 18px 0}
  .founder--asym .founder-facts li+li{border-left:1px solid var(--fl);padding-left:20px}
  .founder--asym .founder-cta{align-self:end;padding-top:24px;gap:12px 24px}
  .founder--asym.founder--nophoto .founder-in{grid-template-areas:"name name name . . . head head head head head head" "name name name . . . facts facts facts facts facts facts" "name name name . . . cta cta cta cta cta cta"}
}
/* --- tablet / phone --- */
@media (max-width:1023px){
  .founder{padding:0 24px 90px;margin-top:-30px}
  .founder-in{grid-template-columns:1fr;grid-template-areas:"head" "photo" "facts" "cta";gap:28px}
  .founder-name span{max-width:30ch}
  .founder-photo{max-width:420px;aspect-ratio:4/4.6}
  .founder-btn{height:52px;padding:0 22px}
}
@media (max-width:760px){.founder{padding:0 20px 80px}.founder-title{font-size:clamp(26px,7.6vw,40px)}}
@media (prefers-reduced-motion:reduce){.founder-btn{transition:none}}

/* founder: standalone */
.founder{margin-top:0;padding-top:120px}
.connect__wrapper+.founder{margin-top:-161px;padding-top:0}
@media (max-width:1023px){.founder{padding-top:80px}.connect__wrapper+.founder{margin-top:-30px;padding-top:0}}
.nav-wrap+.founder{padding-top:0}
/* home: callback section has z-index:9 and a shorter bottom */
.home-callback+.founder{z-index:10;background:transparent}
@media (min-width:1024px){.home-callback+.founder{margin-top:-70px}}
/* --- mobile v2 (29.10) --- */
@media (max-width:1023px){
  /* title like the other section headings on mobile (12vw / .87) */
  .founder .founder-title{font-size:12vw;line-height:.87;letter-spacing:-1px}
  /* facts: horizontal swipe */
  .founder .founder-facts{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -20px;padding:0 20px;scroll-padding:0 20px}
  .founder .founder-facts::-webkit-scrollbar{display:none}
  .founder .founder-facts li,.founder .founder-facts li:last-child{flex:0 0 78%;max-width:320px;scroll-snap-align:start;border:1px solid var(--fl);padding:18px 18px 20px}
  /* buttons: centred, same width */
  .founder .founder-cta{flex-direction:column;align-items:center;gap:22px;text-align:center}
  .founder .founder-acts{display:grid;grid-template-columns:1fr;gap:12px;width:100%;max-width:none;margin:0}
  .founder .founder-cta{width:100%;justify-self:stretch}
  .founder .founder-btn{width:100%;justify-content:center}
  .founder .founder-contact{align-items:center;padding:0}
}
@media (min-width:761px) and (max-width:1023px){
  .founder .founder-facts{margin:0 -24px;padding:0 24px;scroll-padding:0 24px}
  .founder .founder-title{font-size:clamp(40px,7vw,60px)}
}
.founder a.founder-btn{margin:0!important}
/* --- mobile v3 (29.10) --- */
@media (max-width:1023px){
  .founder{padding-bottom:130px}
  .connect__wrapper+.founder{margin-top:-115px;z-index:10;background:transparent}
}
@media (max-width:760px){.founder{padding-bottom:115px}}
@media (max-width:1023px){.home-callback+.founder{margin-top:-68px}}
@media (max-width:1023px){.connect__wrapper+.founder:has(+.nav-wrap){margin-top:-99px}}
/* light part of the title (after "|"), like span.text-light in site headings */
.founder .founder-title-light{font-weight:300}