/* «Карьера в CRT» (/career, 02.11.2026): новый дизайн сайта (v10.css, rpage.css — шрифты, цвета --r-*, .rhead, .r-go) + наследие crt.team:
   персонажи (рыцарь, лучник, маг, тюлень), фото офиса и выездов, тон на «ты». Скрипт — career.js (лестница грейдов) */

/* ---------- первый экран ---------- */
.crh{padding:calc(110px + env(safe-area-inset-top)) 0 clamp(40px,6vw,88px);overflow:hidden}
.crh__in{display:grid;gap:clamp(24px,3vw,48px);align-items:center}
.crh h1{margin:0;max-width:9em;color:var(--r-ink);font-family:var(--r-d);font-size:clamp(46px,7.2vw,104px);font-weight:600;line-height:.96;letter-spacing:-.045em;text-wrap:balance}
.crh__lead{margin:clamp(20px,2.4vw,32px) 0 0;max-width:30em;color:var(--r-mute);font-size:clamp(17px,1.35vw,20px);line-height:1.55;text-wrap:pretty}
.crh__facts{list-style:none;margin:clamp(28px,3vw,40px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:620px}
.crh__facts li{display:flex;flex-direction:column;gap:6px;padding-top:14px;border-top:1px solid var(--r-ink)}
.crh__facts b{color:var(--r-ink);font-family:var(--r-d);font-size:clamp(24px,2.4vw,34px);font-weight:500;line-height:1;letter-spacing:-.04em}
.crh__facts span{color:var(--r-mute);font-size:14px;line-height:1.4}
.crh .rcta{margin-top:clamp(28px,3vw,40px)}
/* персонажи crt.team на сиреневом «небе», как на прежнем первом экране */
.crh__art{position:relative;aspect-ratio:1/1;max-width:620px;width:100%;justify-self:center}
/* ролик с вырезанным фоном: под ним прозрачный кадр, сверху холст WebGL (career.js); пока холст не рисует — виден кадр */
.kv{position:relative;display:block}
.kv__still{display:block;width:100%;height:auto}
.kv__src{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
.kv canvas{position:absolute;inset:0;width:100%;height:100%}
.kv.is-live .kv__still{visibility:hidden}
.crh__art{max-width:660px;aspect-ratio:auto}
@media (min-width:960px){.crh__in{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
@media (max-width:959px){.crh__art{max-width:420px}}
@media (max-width:520px){.crh__facts{grid-template-columns:1fr 1fr}.crh__facts li:last-child{grid-column:1/-1}}

/* ---------- почему мы: четыре строки, как 01–04 на crt.team ---------- */
main .rsec[class*=cr]{padding:clamp(64px,7vw,120px) 0}
.crw__list{list-style:none;margin:0;padding:0}
.crw__list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 28px;align-items:start;padding:clamp(22px,2.6vw,36px) 0;border-top:1px solid rgba(14,13,22,.16)}
.crw__list li:last-child{border-bottom:1px solid rgba(14,13,22,.16)}
.crw__n{color:var(--r-acc);font-family:var(--r-d);font-size:clamp(30px,3.4vw,52px);font-weight:500;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.crw__t h3{margin:0;color:var(--r-ink);font-family:var(--r-d);font-size:clamp(22px,2.2vw,34px);font-weight:500;letter-spacing:-.035em}
.crw__t p{margin:10px 0 0;max-width:38em;color:var(--r-mute);font-size:16.5px;line-height:1.6}
.crw__list img{grid-column:2;width:min(100%,260px);aspect-ratio:1/1;height:auto;object-fit:cover;filter:saturate(.9)}
@media (min-width:900px){.crw__list li{grid-template-columns:120px minmax(0,1fr) 220px;align-items:center}.crw__list img{grid-column:auto;width:220px}}

/* ---------- ценности ---------- */
.crv__i{display:grid;gap:8px 40px;padding:clamp(20px,2.4vw,32px) 0;border-top:1px solid rgba(14,13,22,.16)}
.crv__i h3{margin:0;color:var(--r-ink);font-family:var(--r-d);font-size:clamp(20px,1.9vw,28px);font-weight:500;line-height:1.15;letter-spacing:-.03em;text-wrap:balance}
.crv__i p{margin:0;max-width:40em;color:var(--r-mute);font-size:16.5px;line-height:1.6}
.crv__perks{list-style:none;margin:clamp(40px,5vw,72px) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:28px 32px}
.crv__perks li{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--r-ink)}
.crv__perks b{color:var(--r-ink);font-family:var(--r-d);font-size:20px;font-weight:500;letter-spacing:-.03em}
.crv__perks span{color:var(--r-mute);font-size:15px;line-height:1.5}
@media (min-width:900px){.crv__i{grid-template-columns:340px minmax(0,1fr)}}

/* ---------- Фёдор говорит ---------- */
.crf__in{display:grid;gap:clamp(28px,4vw,64px);align-items:center}
.crf__q{margin:16px 0 0;padding:0}
.crf__q p{margin:0 0 .7em;color:var(--r-ink);font-family:var(--r-d);font-size:clamp(20px,2vw,30px);font-weight:400;line-height:1.3;letter-spacing:-.03em;text-wrap:pretty}
.crf__sign{display:flex;align-items:center;gap:14px;margin:20px 0 0}
.crf__sign img{width:56px;height:56px;object-fit:cover;border-radius:50%}
.crf__sign span{display:flex;flex-direction:column;color:var(--r-mute);font-size:14px}
.crf__sign b{color:var(--r-ink);font-size:16px}
@media (min-width:960px){.crf__in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

/* ---------- лестница грейдов ---------- */
.crg__stairs ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:6px;height:clamp(300px,34vw,440px)}
.crg__stairs li{position:relative;height:calc(22% + var(--i) * 17%);background:color-mix(in oklab,var(--r-acc) calc(10% + var(--i) * 15%),#fafafa);
  transform-origin:50% 100%;transition:transform .9s cubic-bezier(.16,1,.3,1) calc(var(--i) * .1s),filter .25s}
.crg__stairs li span{position:absolute;left:10px;right:8px;top:10px;color:var(--r-ink);font:600 clamp(12px,1.1vw,15px)/1.2 var(--sans)}
.crg__stairs li:nth-child(n+4) span{color:#fafafa}
.crg__stairs li:hover{filter:brightness(1.08)}
.crg__wiz{position:absolute;left:50%;bottom:calc(100% - 10px);width:120%;max-width:190px;transform:translateX(-50%)}
@media (prefers-reduced-motion:no-preference){.js .crg__stairs:not(.is-in) li{transform:scaleY(.04)}}
.crg__how{list-style:none;margin:clamp(36px,4vw,56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:28px 32px}
.crg__how li{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--r-ink)}
.crg__how b{color:var(--r-ink);font-family:var(--r-d);font-size:20px;font-weight:500;letter-spacing:-.03em}
.crg__how span{color:var(--r-mute);font-size:15px;line-height:1.55}
.crg__how a{color:var(--r-ink);text-decoration:underline;text-underline-offset:3px}
/* на телефоне лестница идёт вниз списком: каждая ступень правее и темнее, маг — на верхней */
@media (max-width:640px){
  .crg__stairs ol{display:flex;flex-direction:column-reverse;align-items:stretch;height:auto;gap:6px;padding-top:120px}
  .crg__stairs li{height:46px;margin-left:calc(var(--i) * 11%);transform-origin:0 50%}
  .crg__stairs li span{top:50%;transform:translateY(-50%);left:14px}
  .crg__wiz{left:auto;right:0;bottom:calc(100% - 8px);width:130px;transform:none}
  @media (prefers-reduced-motion:no-preference){.js .crg__stairs:not(.is-in) li{transform:scaleX(.04)}}
}

/* ---------- жиза: фото ---------- */
.crj__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(150px,16vw,240px);grid-auto-flow:dense;gap:8px}
.crj__grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .3s;filter:saturate(.92)}
.crj__grid img:hover{filter:saturate(1.05)}
.crj__w{grid-column:span 2;grid-row:span 2}
.crj__note{margin:24px 0 0;color:var(--r-ink);font-family:var(--r-d);font-size:clamp(18px,1.6vw,24px);font-weight:400;letter-spacing:-.025em}
@media (max-width:640px){.crj__grid{grid-template-columns:1fr 1fr;grid-auto-rows:150px}}

/* ---------- сейчас: резюме ---------- */
.crn{position:relative;padding:clamp(72px,9vw,140px) 0;background:var(--r-dk);color:#fafafa;overflow:hidden}
.crn__in{display:grid;gap:32px;align-items:end}
.crn .rlbl{color:#fafafa}
.crn__h{margin:14px 0 0;color:#fafafa;font-family:var(--r-d);font-size:clamp(40px,7vw,104px);font-weight:600;line-height:.98;letter-spacing:-.045em;text-wrap:balance}
.crn__lead{margin:clamp(20px,2.4vw,32px) 0 0;max-width:34em;color:var(--r-dk-mute);font-size:clamp(17px,1.35vw,19px);line-height:1.6}
.crn__cta{display:flex;flex-wrap:wrap;align-items:baseline;gap:18px 32px;margin-top:clamp(28px,3vw,44px)}
.crn__mail{padding-bottom:8px;color:#fafafa;font-family:var(--r-d);font-size:clamp(26px,3.4vw,48px);font-weight:500;letter-spacing:-.04em;text-decoration:none;
  background:linear-gradient(var(--r-acc),var(--r-acc)) 0 100%/100% 4px no-repeat;transition:background-size .45s cubic-bezier(.16,1,.3,1)}
.crn__mail:hover{background-size:40% 4px}
.crn .link{color:#fafafa;border-color:rgba(250,250,250,.3)}
.crn__seal{position:relative;justify-self:end;width:min(240px,50vw)}
.crn__seal video{display:block;width:100%;height:auto;-webkit-mask-image:radial-gradient(closest-side,#000 72%,transparent);mask-image:radial-gradient(closest-side,#000 72%,transparent)}
.crn__bubble{position:absolute;left:-18%;top:2%;z-index:1;padding:10px 14px;background:#fafafa;color:var(--r-ink);font:600 15px/1.2 var(--sans);white-space:nowrap}
.crn__bubble::after{content:'';position:absolute;right:22px;bottom:-9px;border:9px solid transparent;border-bottom:0;border-top-color:#fafafa}
@media (min-width:900px){.crn__in{grid-template-columns:minmax(0,1fr) 260px}}

/* содержимое разделов — по колонке заголовка, как на остальных страницах */
@media (min-width:900px){.crw__list,.crv__list,.crv__perks,.crg__how{margin-left:240px}}