/* =====================================================================
   THE MINERS — Careers styles. Контент — под #miners-careers-mount,
   шапка/боди — под .careers-page (класс вешает careers.js).
   ===================================================================== */

/* --- страница целиком на весь экран, без ограничений темы --------- */
.careers-page{ --cr-pad:clamp(20px,5vw,64px); }
.careers-page .content, .careers-page .content-inner{ width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; }
.careers-page .content-wrapper-in, .careers-page #header .navigation-wrapper{ max-width:none !important; }
.careers-page header[itemprop="headline"]{ display:none; }

/* --- инвертированный прозрачный хедер поверх hero ----------------- */
.careers-page #header{ position:absolute !important; top:0; left:0; width:100%; background:none !important; box-shadow:none !important; z-index:100; }
.careers-page #header, .careers-page #header *{ color:#fff !important; }
.careers-page #header .site-name img{ filter:brightness(0) invert(1); }
.careers-page #header svg:not(.shp-flag){ filter:brightness(0) invert(1); }
.careers-page #header .btn-icon, .careers-page #header .responsive-tools > a{ filter:brightness(0) invert(1); }
@media (min-width:992px){ .careers-page #header .navigation-wrapper{ padding: clamp(20px,5vw,20px) !important; } }

/* ===================== КОНТЕНТ ==================================== */
#miners-careers-mount{
  --cr-yellow:#FFE500; --cr-black:#0E0E0E; --cr-white:#fff; --cr-grey:#6A6A6A; --cr-line:#E0E0E0;
  --cr-pad:clamp(20px,5vw,64px);
  font-family:inherit; color:var(--cr-black); line-height:1.4; width:100%;
}
#miners-careers-mount *,#miners-careers-mount *::before,#miners-careers-mount *::after{ box-sizing:border-box; }
#miners-careers-mount h1,#miners-careers-mount h2,#miners-careers-mount h3,#miners-careers-mount h4,#miners-careers-mount p{ margin:0; }
#miners-careers-mount ul{ margin:0; padding:0; list-style:none; }
#miners-careers-mount a{ text-decoration:none; color:inherit; }
#miners-careers-mount img{ display:block; max-width:100%; }

.cr-h{ font-weight:800; text-transform:uppercase; font-size:clamp(2.6rem,7vw,6rem); line-height:.95; letter-spacing:-.02em; margin:0 0 .5em; }

/* --- HERO -------------------------------------------------------- */
.cr-hero{ position:relative; min-height:100vh; display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; }
.cr-hero__media{ position:absolute; inset:0; background:#222 center/cover no-repeat; }
.cr-hero__band{ position:relative; background:var(--cr-yellow); color:var(--cr-black); padding:clamp(24px,4vw,48px) var(--cr-pad);
  display:grid; grid-template-columns:1.3fr 1fr; grid-template-areas:"title text" "title stats"; gap:8px clamp(32px,5vw,80px); align-items:start; }
.cr-hero__title{ grid-area:title; font-weight:800; text-transform:uppercase; font-size:clamp(2.6rem,7vw,6.5rem); line-height:.92; letter-spacing:-.02em; }
.cr-hero__text{ grid-area:text; max-width:52ch; }
.cr-hero__text p{ font-size:clamp(1rem,1.4vw,1.25rem); }
.cr-hero__stats{ grid-area:stats; display:flex; align-items:center; gap:clamp(20px,3vw,44px); align-self:end; }
.cr-stat__n{ display:block; font-weight:800; font-size:clamp(2rem,3.5vw,3.4rem); line-height:1; }
.cr-stat__l{ font-size:.95rem; }
.cr-stat__sep{ width:1px; align-self:stretch; background:rgba(0,0,0,.35); }

/* --- TEAM -------------------------------------------------------- */
.cr-team{ padding:clamp(40px,6vw,90px) var(--cr-pad); }
.cr-team__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(20px,2.5vw,40px); }
.cr-member__video{ position:relative; display:block; width:100%; aspect-ratio:3/4; border:0; padding:0; cursor:pointer;
  background:#d9d9d9 center/cover no-repeat; overflow:hidden; }
.cr-member__video.is-empty{ cursor:default; }
.cr-member__video::after{ content:""; position:absolute; inset:0; background:rgba(0,0,0,0); transition:background .2s; }
.cr-member__video:hover::after{ background:rgba(0,0,0,.15); }
.cr-play{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:64px; height:64px; border-radius:50%;
  background:var(--cr-yellow); z-index:2; }
.cr-play::before{ content:""; position:absolute; left:54%; top:50%; transform:translate(-50%,-50%);
  border-style:solid; border-width:11px 0 11px 18px; border-color:transparent transparent transparent var(--cr-black); }
.cr-member__name{ font-weight:800; font-size:clamp(1.2rem,1.6vw,1.6rem); margin:.7em 0 .2em; }
.cr-member__role{ text-decoration:underline; font-size:1rem; margin-bottom:.6em; }
.cr-member__quote{ font-size:1.05rem; }

/* --- MARQUEE ----------------------------------------------------- */
.cr-mq{ background:var(--cr-yellow); color:var(--cr-black); overflow:hidden; white-space:nowrap; padding:12px 0;
  font-weight:800; font-size:clamp(1.3rem,2.6vw,2rem); }
.cr-mq__track{ display:inline-flex; align-items:center; animation:cr-scroll 30s linear infinite; will-change:transform; }
.cr-mq__group{ display:inline-flex; align-items:center; flex:none; }
.cr-mq__i{ padding:0 .5em; }
.cr-mq__dot{ padding:0 .2em; }
@keyframes cr-scroll{ from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* --- JOBS -------------------------------------------------------- */
.cr-jobs{ padding:clamp(40px,6vw,90px) var(--cr-pad); }
.cr-tabs{ display:inline-flex; border:2px solid var(--cr-black); margin-bottom:24px; }
.cr-tab{ background:#fff; border:0; cursor:pointer; font:inherit; font-weight:800; padding:12px 22px; color:var(--cr-black); }
.cr-tab + .cr-tab{ border-left:2px solid var(--cr-black); }
.cr-tab.is-active{ background:var(--cr-black); color:#fff; }

.cr-job{ border-bottom:1px solid var(--cr-line); }
.cr-job:first-child{ border-top:1px solid var(--cr-line); }
.cr-job__head{ width:100%; background:none; border:0; cursor:pointer; display:flex; align-items:center; gap:clamp(16px,3vw,40px);
  padding:22px 0; font:inherit; text-align:left; color:var(--cr-black); }
.cr-job__num{ font-weight:800; font-size:clamp(1.1rem,1.5vw,1.4rem); }
.cr-job__main{ flex:1; display:flex; flex-direction:column; gap:.35em; }
.cr-job__title{ font-weight:800; font-size:clamp(1.3rem,2vw,2rem); }
.cr-job__tags{ display:flex; flex-wrap:wrap; gap:.4em 1.2em; }
.cr-job__tag{ font-size:.95rem; text-decoration:underline; }
.cr-job__arrow{ width:26px; height:26px; flex:none; position:relative; transition:transform .25s; }
.cr-job__arrow::before{ content:""; position:absolute; inset:0; border-right:2.5px solid currentColor; border-bottom:2.5px solid currentColor;
  width:12px; height:12px; margin:auto; transform:rotate(-45deg); }
.cr-job.is-open .cr-job__arrow{ transform:rotate(90deg); }

/* раскрытая вакансия: чёрная шапка + светлое тело */
.cr-job.is-open .cr-job__head{ background:var(--cr-black); color:#fff; padding-left:20px; padding-right:20px; }
.cr-job__body{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .3s ease; }
.cr-job.is-open .cr-job__body{ grid-template-rows:1fr; }
.cr-job__body > .cr-job__grid{ overflow:hidden; min-height:0; }
.cr-job.is-open .cr-job__body > .cr-job__grid{ padding:32px 0; }
.cr-job__grid{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:clamp(20px,3vw,48px); align-items:start; }
.cr-job__left{ display:flex; flex-direction:column; }
.cr-job__desc{ max-width:34ch; }
.cr-job__desc p{ margin:0 0 1em; }
.cr-btn{ align-self:flex-start; margin-top:auto; background:var(--cr-yellow); color:var(--cr-black); font-weight:700; padding:14px 22px; }
.cr-box{ border:1.5px solid var(--cr-black); padding:clamp(20px,2vw,32px); }
.cr-box__h{ font-weight:800; font-size:1.4rem; padding-bottom:.6em; border-bottom:1.5px solid var(--cr-black); margin-bottom:1em; }
.cr-offer li{ position:relative; padding-left:52px; margin:1em 0; min-height:34px; display:flex; align-items:center; }
.cr-offer li::before{ content:""; position:absolute; left:0; top:0; width:34px; height:34px; background:var(--cr-yellow); }
.cr-values{ display:grid; grid-template-columns:auto 1fr; gap:1em 1.2em; }
.cr-vp{ display:contents; }
.cr-vp__k{ font-weight:800; }

/* --- MODAL (попап-плеер) ----------------------------------------- */
.cr-modal[hidden]{ display:none; }
.cr-modal{ position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; }
.cr-modal__bg{ position:absolute; inset:0; background:rgba(0,0,0,.85); }
.cr-modal__box{ position:relative; width:min(1000px,92vw); aspect-ratio:16/9; }
.cr-modal__player, .cr-modal__player iframe, .cr-modal__player video{ width:100%; height:100%; border:0; background:#000; display:block; }
.cr-modal__close{ position:absolute; top:-44px; right:0; width:36px; height:36px; border:0; background:none; cursor:pointer; }
.cr-modal__close::before,.cr-modal__close::after{ content:""; position:absolute; left:50%; top:50%; width:26px; height:2.5px; background:#fff; }
.cr-modal__close::before{ transform:translate(-50%,-50%) rotate(45deg); }
.cr-modal__close::after{ transform:translate(-50%,-50%) rotate(-45deg); }

/* --- RESPONSIVE -------------------------------------------------- */
@media (max-width:920px){
  .cr-hero__band{ grid-template-columns:1fr; grid-template-areas:"title" "text" "stats"; gap:18px; }
  .cr-team__grid{ grid-template-columns:repeat(2,1fr); }
  .cr-job__grid{ grid-template-columns:1fr; }
}
@media (max-width:560px){
  .cr-team__grid{ grid-template-columns:1fr; }
  .cr-hero__stats{ flex-wrap:wrap; }
}