/* ================= БИОГРАФИЯ ================= */
.eyebrow-line{display:flex;align-items:center;gap:14px}
.eyebrow-line::before{content:"";width:40px;height:1px;background:var(--metal)}
.crumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 34px;padding:0;list-style:none;font-size:12px;color:#8f97a3;letter-spacing:.06em}
.crumbs a{color:#c3c8d0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.crumbs a:hover{color:var(--bronze2);border-color:rgba(213,163,114,.5)}
.crumbs li+li::before{content:"/";margin-right:10px;color:#4d5562}

/* ---------- hero ---------- */
.b-hero{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;min-height:100svh;max-height:1000px;display:flex;flex-direction:column;justify-content:flex-end;padding:170px var(--pad) 0;background:var(--ink)}
.b-hero-bg{position:absolute;inset:0 0 0 34%;z-index:-3;background:url(../../../../uploads/2024/12/header-bg-1536x1024.jpg) 50% 30%/cover no-repeat;filter:saturate(.72) contrast(1.05);transform:scale(1.08);animation:heroZoom 2.8s var(--ease) forwards}
.b-hero::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:
  linear-gradient(90deg,#0b111d 0%,#0b111d 34%,rgba(11,17,29,.75) 44%,rgba(11,17,29,.15) 62%,transparent 80%),
  linear-gradient(0deg,rgba(11,17,29,1) 0%,rgba(11,17,29,.6) 22%,transparent 50%)}
@keyframes heroZoom{to{transform:scale(1.01)}}
.b-hero-main{max-width:760px;padding-bottom:64px}
.b-hero h1{font-size:clamp(58px,7.8vw,124px);line-height:.98;color:#f4efe6}
.b-hero h1 span{display:block;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent}
.b-role{margin:22px 0 0;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#aeb4bc}
.b-quote{position:relative;margin:38px 0 0;padding-left:28px;border-left:1px solid var(--bronze);font:400 clamp(20px,1.8vw,26px)/1.4 Prata,serif;color:#e3ded5;max-width:560px}
.b-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 1.25fr;margin:0 calc(var(--pad) * -1);border-top:1px solid var(--line);background:rgba(7,11,18,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.b-stats>div{padding:28px 24px 26px;border-right:1px solid var(--line)}
.b-stats>div:first-child{padding-left:var(--pad)}
.b-stats>div:last-child{border-right:0;padding-right:var(--pad)}
.b-stats b{display:block;font:400 clamp(34px,3.2vw,50px)/1 Prata,serif;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.b-stats small{display:block;margin-top:10px;font-size:12px;line-height:1.4;color:#aeb4bc}
.b-reg small{margin:0 0 10px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#7f8792;font-weight:700}
.b-reg div{display:flex;align-items:center;gap:12px}
.b-reg strong{font:400 clamp(26px,2.2vw,34px)/1 Prata,serif;color:#f4efe6}
.b-reg button{width:36px;height:36px;display:inline-grid;place-items:center;border:1px solid rgba(213,163,114,.4);background:none;color:var(--bronze2);cursor:pointer;transition:background .2s,color .2s}
.b-reg button:hover{background:var(--bronze2);color:#17100a}
.b-reg button svg{width:15px;height:15px}
.b-reg p{margin:10px 0 0;font-size:12px;color:#7f8792}

/* ---------- timeline ---------- */
.path{padding:120px var(--pad);background:var(--cream);color:#171b21}
.path-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:8vw;align-items:start}
.path-aside{position:sticky;top:110px}
.path-aside h2{font-size:clamp(36px,3.8vw,58px);color:#171b21}
.path-aside .eyebrow{margin-bottom:20px}
.path-aside>p{margin:22px 0 0;color:#5d6066;max-width:380px}
.year-dial{margin-top:44px;display:flex;align-items:flex-end;gap:16px}
.year-dial b{font:400 clamp(72px,8vw,120px)/.85 Prata,serif;color:transparent;-webkit-text-stroke:1px rgba(138,96,60,.7);font-variant-numeric:tabular-nums;transition:opacity .3s}
.year-dial span{padding-bottom:8px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--bronze-text);max-width:120px;line-height:1.4}
.legend-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px;padding:0;list-style:none}
.legend-tags li{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#3a3f47;padding:6px 10px;border:1px solid rgba(23,27,33,.14)}
.legend-tags i{width:8px;height:8px;border-radius:50%;background:var(--c)}

.tl{list-style:none;margin:0;padding:0;position:relative}
.tl::before{content:"";position:absolute;left:131px;top:8px;bottom:8px;width:1px;background:rgba(23,27,33,.16)}
.tl::after{content:"";position:absolute;left:131px;top:8px;width:1px;height:calc(var(--fill,0) * (100% - 16px));background:var(--metal);box-shadow:0 0 8px rgba(213,163,114,.5)}
.tl-item{position:relative;display:grid;grid-template-columns:104px minmax(0,1fr);gap:56px;padding:0 0 46px}
.tl-item:last-child{padding-bottom:0}
.tl-year{font:400 34px/1 Prata,serif;color:#9a9187;text-align:right;transition:color .4s;font-variant-numeric:tabular-nums}
.tl-item::before{content:"";position:absolute;left:126px;top:10px;width:11px;height:11px;border-radius:50%;background:var(--cream);border:1px solid rgba(23,27,33,.35);transition:background .4s,border-color .4s,box-shadow .4s;z-index:1}
.tl-item.on .tl-year{color:#171b21}
.tl-item.on::before{background:var(--bronze2);border-color:var(--bronze2);box-shadow:0 0 0 5px rgba(213,163,114,.2)}
.tl-item.same .tl-year{visibility:hidden}
.tl-body{padding-top:2px}
.tl-kind{display:inline-flex;align-items:center;gap:8px;font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#6b7078;margin-bottom:10px}
.tl-kind i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.tl-body h3{font-size:clamp(21px,1.75vw,26px);line-height:1.3;color:#171b21}
.tl-body p{margin:8px 0 0;font-size:15px;color:#5d6066}
.tl-item.key .tl-body{padding:22px 24px 22px;margin-top:-12px;background:#fff8ee;border:1px solid rgba(185,130,83,.3);box-shadow:0 18px 40px -28px rgba(80,50,20,.35)}

/* ---------- statuses ---------- */
.statuses{position:relative;isolation:isolate;overflow:hidden;padding:110px var(--pad);background:linear-gradient(135deg,#101927,#090e17)}
.statuses::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--glen);background-size:76px 76px;opacity:.09;
  -webkit-mask-image:radial-gradient(ellipse 40% 60% at 100% 0%,#000,transparent 75%),radial-gradient(ellipse 34% 50% at 0% 100%,rgba(0,0,0,.8),transparent 72%);mask-image:radial-gradient(ellipse 40% 60% at 100% 0%,#000,transparent 75%),radial-gradient(ellipse 34% 50% at 0% 100%,rgba(0,0,0,.8),transparent 72%)}
.sec-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:24px 64px;align-items:end;margin-bottom:52px}
.sec-head h2{font-size:clamp(34px,3.6vw,54px)}
.sec-head .eyebrow{margin-bottom:18px}
.sec-head>p{margin:0;color:var(--muted);max-width:520px}
.st-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.st{position:relative;padding:30px 26px 28px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.01));transition:border-color .35s,transform .45s var(--ease)}
.st:hover{border-color:rgba(213,163,114,.45);transform:translateY(-4px)}
.st::before{content:"";position:absolute;left:-1px;top:-1px;width:56px;height:1px;background:var(--bronze2)}
.st-ico{width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(213,163,114,.4);color:var(--bronze2);margin-bottom:30px}
.st-ico svg{width:22px;height:22px}
.st small{font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze2)}
.st h3{margin-top:10px;font-size:22px;line-height:1.25;color:#f4efe6}
.st p{margin:10px 0 0;font-size:14px;color:#9aa2ad}
.st-emblems{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:48px;padding-top:30px;border-top:1px solid var(--line)}
.st-emblems span{font:700 10px/1.4 Manrope,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#6f7884;max-width:160px}
.st-emblems img{height:60px;width:auto;filter:grayscale(1) brightness(1.45) contrast(.9);opacity:.65;transition:filter .4s,opacity .4s}
.st-emblems img:hover{filter:none;opacity:1}

/* ---------- media ---------- */
.media{padding:110px var(--pad);background:var(--cream);color:#171b21}
.media .sec-head>p{color:#5d6066}
.m-list{list-style:none;margin:0;padding:0;border-top:1px solid rgba(23,27,33,.14)}
.m-item{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:32px;align-items:center;padding:28px 0;border-bottom:1px solid rgba(23,27,33,.14);transition:background .3s,padding .35s var(--ease)}
.m-item:hover{background:rgba(255,255,255,.45);padding-left:16px;padding-right:16px}
.m-years{white-space:nowrap;font:400 30px/1 Prata,serif;color:var(--bronze-text);font-variant-numeric:tabular-nums}
.m-years small{display:block;margin-top:6px;font:500 12px/1.3 Manrope,sans-serif;color:#6b7078}
.m-item h3{font-size:clamp(22px,1.9vw,28px);color:#171b21}
.m-item p{margin:6px 0 0;font-size:14.5px;color:#5d6066}
.m-badge{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;padding:9px 14px;border:1px solid rgba(23,27,33,.2);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#171b21}
.m-badge svg{width:16px;height:16px;color:var(--bronze-text)}

/* ---------- responsive ---------- */
@media (max-width:1200px){
  .b-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .b-reg{grid-column:1/-1;border-top:1px solid var(--line);padding-left:var(--pad)!important}
  .b-stats>div:nth-child(4){border-right:0}
  .st-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1100px){
  .path-layout{grid-template-columns:1fr;gap:48px}
  .path-aside{position:static}
  .year-dial{display:none}
  .sec-head{grid-template-columns:1fr}
}
@media (max-width:900px){
  .b-hero{min-height:0;max-height:none;padding:130px 20px 0}
  .b-hero-bg{inset:0 0 auto 0;height:520px;background-position:50% 20%;background-image:url(../../../../uploads/2024/12/header-bg-1024x683.jpg)}
  .b-hero::before{background:linear-gradient(180deg,rgba(11,17,29,.5) 0,rgba(11,17,29,.05) 120px,rgba(11,17,29,.2) 260px,rgba(11,17,29,.85) 400px,#0b111d 520px)}
  .b-hero{padding-top:360px}
  .b-hero-main{padding-bottom:44px}
  .b-quote{font-size:19px;padding-left:20px}
  .b-stats{grid-template-columns:1fr 1fr;margin:0 -20px}
  .b-stats>div,.b-stats>div:first-child{padding:22px 20px;border-bottom:1px solid var(--line)}
  .b-stats>div:nth-child(2n){border-right:0}
  .b-reg{padding-left:20px!important;border-bottom:0!important}
  .path,.statuses,.media{padding:75px 20px}
  .tl::before,.tl::after{left:7px}
  .tl-item{grid-template-columns:1fr;gap:6px;padding:0 0 36px 34px}
  .tl-item::before{left:2px;top:6px}
  .tl-year{text-align:left;font-size:26px}
  .tl-item.same .tl-year{display:none}
  .tl-item.key .tl-body{margin-top:6px;padding:18px}
  .m-item{grid-template-columns:1fr;gap:10px;padding:22px 0}
  .m-item:hover{padding-left:0;padding-right:0;background:none}
  .m-badge{justify-self:start}
}
@media (max-width:700px){
  .st-grid{grid-template-columns:1fr}
  .st-emblems img{height:46px}
  .st-emblems span{flex-basis:100%;max-width:none}
}
@media (prefers-reduced-motion:reduce){.b-hero-bg{transform:none}}
@media (min-width:901px) and (max-height:860px){
  .b-hero{padding-top:120px}
  .b-hero h1{font-size:clamp(52px,6.4vw,100px)}
  .crumbs{margin-bottom:22px}
  .b-quote{margin-top:24px}
  .b-hero-main{padding-bottom:40px}
  .b-stats>div{padding-top:20px;padding-bottom:20px}
}