/* Careers and vacancy pages (2026-10-26): News page head, the site's date-line section rows (.dzm-h from sitemap.css) and .btn-primary;
   square, black, no fills; dark by default, ink on paper in body.light */

/* hero */
.dzc-hero{margin:0 0 104px}
.dzc-hero h1{margin-bottom:28px}
.dzc-big{margin:0 0 40px;max-width:980px;font-size:26px;line-height:1.25;font-weight:300;letter-spacing:-.01em;color:#fff;transition:color .3s}
.dzc-hero-row{display:grid;grid-template-columns:1fr;gap:28px;align-items:end;margin:0 0 64px}
.dzc-intro{margin:0;max-width:64ch;font-size:16px;line-height:1.65;color:#939393;transition:color .3s}
.dzc-jump{display:inline-flex;align-items:center;gap:10px;justify-self:start;padding:14px 18px;border:1px solid #646464;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#fff;transition:border-color .3s,color .3s}
.dzc-jump-n{font-size:14px;font-weight:500}
.dzc-jump svg{transition:transform .3s}
.dzc-jump:hover{border-color:#fff}
.dzc-jump:hover svg{transform:translateY(3px)}
.dzc-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:28px 24px}
.dzc-stats li{display:grid;gap:6px}
.dzc-stat-n{font-size:40px;line-height:1;font-weight:300;color:#fff;font-variant-numeric:tabular-nums;transition:color .3s}
.dzc-stat-l{font-size:12px;line-height:1.4;letter-spacing:.05em;text-transform:uppercase;color:#646464}

/* open positions */
.dzc-list{list-style:none;margin:0;padding:0}
.dzc-item{position:relative;display:grid;grid-template-columns:1fr;gap:10px;padding:0 56px 44px 0;color:#939393;transition:color .3s}
.dzc-meta{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#646464}
.dzc-name{font-size:24px;line-height:1.25;color:#fff;transition:color .3s}
.dzc-sum{font-size:14px;line-height:1.6;max-width:70ch}
.dzc-arrow{position:absolute;right:0;top:22px;color:#646464;transition:color .3s}
.dzc-item:hover .dzc-name,.dzc-item:hover .dzc-arrow{color:#939393}
.dzc-none{font-size:14px;color:#939393;max-width:62ch}

/* text sections */
.dzc-sec-text{margin:-12px 0 40px;max-width:64ch;font-size:15px;line-height:1.65;color:#939393}
.dzc-why,.dzc-flow,.dzc-hire,.dzc-look{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:40px}
.dzc-why h3,.dzc-flow h3,.dzc-hire h3{margin:0 0 12px;font-size:18px;line-height:1.35;font-weight:400;color:#fff;transition:color .3s}
.dzc-why p,.dzc-flow p,.dzc-hire p{margin:0;font-size:14px;line-height:1.7;color:#939393;transition:color .3s}
.dzc-step{display:block;margin:0 0 14px;font-size:12px;letter-spacing:.05em;color:#646464;font-variant-numeric:tabular-nums}
.dzc-hire .dzc-step{font-size:40px;line-height:1;font-weight:300;letter-spacing:0;color:#fff;transition:color .3s}
.dzc-note{margin:40px 0 0}
.dzc-look{gap:18px 48px}
.dzc-look li{position:relative;padding-left:28px;font-size:19px;line-height:1.45;font-weight:300;color:#bdbdbd;transition:color .3s}
.dzc-look li:before{content:"";position:absolute;left:0;top:.72em;width:14px;border-top:1px solid #646464}

/* from our portfolio: three interiors, plain frames, the picture brightens a little under the pointer */
.dzc-work{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:40px 24px}
.dzc-work a{display:grid;gap:8px;color:#939393}
.dzc-work-img{display:block;overflow:hidden;aspect-ratio:4/5;margin:0 0 10px;background:#1a1a1a}
.dzc-work-img img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.82);transition:filter .5s ease}
.dzc-work a:hover img{filter:brightness(1)}
.dzc-work-t{font-size:18px;line-height:1.3;color:#fff;transition:color .3s}
.dzc-work-s{font-size:12px;line-height:1.5;letter-spacing:.05em;text-transform:uppercase;color:#646464}
.dzc-work a:hover .dzc-work-t{color:#939393}

/* questions */
.dzc-faq{max-width:900px}
.dzc-faq details{border-bottom:1px solid #2a2a2a}
.dzc-faq details:first-child{border-top:1px solid #2a2a2a}
.dzc-faq summary{position:relative;display:block;padding:22px 48px 22px 0;font-size:18px;line-height:1.4;color:#fff;cursor:pointer;list-style:none;transition:color .3s}
.dzc-faq summary::-webkit-details-marker{display:none}
.dzc-faq summary:hover{color:#939393}
.dzc-plus{position:absolute;right:4px;top:50%;width:14px;height:14px;margin-top:-7px}
.dzc-plus:before,.dzc-plus:after{content:"";position:absolute;left:0;top:6.5px;width:14px;border-top:1px solid currentColor;transition:transform .3s}
.dzc-plus:after{transform:rotate(90deg)}
.dzc-faq details[open] .dzc-plus:after{transform:rotate(0)}
.dzc-faq details p{margin:0;padding:0 48px 24px 0;max-width:72ch;font-size:15px;line-height:1.7;color:#939393}

/* application */
.dzc-apply{display:grid;grid-template-columns:1fr;gap:48px}
.dzc-apply-text{margin:0 0 32px;max-width:46ch;font-size:15px;line-height:1.65;color:#939393}
.dzc-l{display:block;margin:0 0 12px;font-size:12px;line-height:1.4;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:#939393;transition:color .3s}
.dzc-l i{font-style:normal;color:#fff}
.dzc-opt{margin-left:6px;text-transform:none;letter-spacing:0;color:#646464}
.dzc-send{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.dzc-send li{position:relative;padding-left:24px;font-size:14px;line-height:1.55;color:#bdbdbd}
.dzc-send li:before{content:"";position:absolute;left:0;top:.75em;width:12px;border-top:1px solid #646464}
.dzc-form{position:relative}
.dzc-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.dzc-roles{border:0;margin:0 0 44px;padding:0;min-width:0}
.dzc-roles legend{padding:0}
.dzc-chips{display:flex;flex-wrap:wrap;gap:10px}
.dzc-chip{position:relative;cursor:pointer}
.dzc-chip input{position:absolute;opacity:0;width:1px;height:1px}
.dzc-chip span{display:block;padding:12px 18px;border:1px solid #424242;font-size:14px;line-height:1.3;color:#939393;transition:border-color .3s,color .3s}
.dzc-chip:hover span{border-color:#939393;color:#fff}
.dzc-chip input:checked+span{border-color:#fff;color:#fff}
.dzc-chip input:focus-visible+span{outline:1px solid #fff;outline-offset:3px}
.dzc-fields{display:grid;grid-template-columns:1fr;gap:36px 40px}
.dzc-f{position:relative;min-width:0}
.dzc-f input,.dzc-f textarea{display:block;width:100%;margin:0;padding:6px 0 12px;background:transparent;border:0;border-bottom:1px solid #424242;border-radius:0;outline:0;font:inherit;font-size:17px;line-height:1.4;color:#fff;-webkit-appearance:none;appearance:none;transition:border-color .3s,color .3s}
.dzc-f textarea{min-height:66px;resize:none;overflow:hidden}
.dzc-f input::placeholder,.dzc-f textarea::placeholder{color:#4d4d4d;opacity:1}
.dzc-f input:hover,.dzc-f textarea:hover{border-bottom-color:#646464}
.dzc-f input:focus,.dzc-f textarea:focus{border-bottom-color:#fff}
.dzc-f.is-focus .dzc-l{color:#fff}
.dzc-f input:-webkit-autofill{-webkit-text-fill-color:#fff;transition:background-color 99999s}
.dzc-hint{margin:10px 0 0;font-size:12px;line-height:1.5;color:#646464}
.dzc-err{margin:0;font-size:12px;line-height:1.5;color:#e0786e}
.dzc-err:not(:empty){margin-top:8px}
.dzc-f.is-error input,.dzc-f.is-error input:focus{border-bottom-color:#e0786e}
.dzc-submit{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;margin:48px 0 0}
.dzc-form .btn-primary{background:none;border:0;margin:0;cursor:pointer}
.dzc-form.is-busy .btn-primary{opacity:.55;pointer-events:none}
.dzc-privacy{margin:0;max-width:34ch;font-size:12px;line-height:1.5;color:#646464}
.dzc-status{min-height:20px;margin:18px 0 0;font-size:14px;color:#e0786e}
.dzc-form.is-done>*:not(.dzc-done){display:none}
.dzc-done{padding:40px;border:1px solid #424242}
.dzc-done-t{margin:0 0 10px;font-size:26px;line-height:1.2;font-weight:300;color:#fff}
.dzc-done-x{margin:0;font-size:15px;line-height:1.6;color:#939393}

/* vacancy page */
.dzc-back{display:inline-block;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#646464;margin-bottom:28px;transition:color .3s}
.dzc-back:before{content:"\2190";margin-right:8px}
.dzc-back:hover{color:#fff}
.dzc-h1{font-size:32px;line-height:1.15;font-weight:400;margin:0 0 14px;transition:color .3s}
.dzc--vacancy .dzc-meta{display:block;margin:0 0 28px}
.dzc-lead{font-size:16px;line-height:1.6;max-width:62ch}
.dzc--vacancy .dzc-lead{margin:0 0 64px;color:#bdbdbd}
.dzc-body{display:grid;grid-template-columns:1fr;gap:48px;margin-bottom:96px}
.dzc-text{max-width:760px;font-size:15px;line-height:1.7;color:#939393}
.dzc-text h2{font-size:12px;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:#fff;margin:48px 0 18px}
.dzc-text h2:first-child{margin-top:0}
.dzc-text p{margin:0 0 14px}
.dzc-text ul,.dzc-text ol{margin:0 0 14px;padding-left:20px}
.dzc-text li{margin:0 0 10px;padding-left:4px}
.dzc-text strong{color:#fff;font-weight:500}
.dzc-aside dl{margin:0 0 28px;display:grid;grid-template-columns:auto 1fr;gap:10px 24px;font-size:14px}
.dzc-aside dt{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#646464}
.dzc-aside dd{margin:0;color:#fff}
.dzc-all{display:inline-block;margin-top:22px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#646464;transition:color .3s}
.dzc-all:hover{color:#fff}

@media screen and (min-width:768px){
  .dzc-big{font-size:34px}
  .dzc-work{grid-template-columns:repeat(3,1fr)}
  .dzc-hero-row{grid-template-columns:minmax(0,1fr) auto;gap:48px}
  .dzc-stats{grid-template-columns:repeat(5,1fr)}
  .dzc-stat-n{font-size:48px}
  .dzc-why,.dzc-flow{grid-template-columns:repeat(2,1fr);gap:48px 40px}
  .dzc-hire{grid-template-columns:repeat(2,1fr);gap:40px}
  .dzc-fields{grid-template-columns:1fr 1fr}
  .dzc-wide{grid-column:1/-1}
  .dzc-h1{font-size:48px}
}
@media screen and (min-width:1024px){
  .dzc-look{grid-template-columns:repeat(2,1fr)}
  .dzc-hire{grid-template-columns:repeat(4,1fr)}
}
@media screen and (min-width:1200px){
  .dzc-big{font-size:44px}
  .dzc-why,.dzc-flow{grid-template-columns:repeat(3,1fr);gap:56px 48px}
  .dzc-apply{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:64px}
  .dzc-apply-side{position:sticky;top:110px;align-self:start}
  .dzc-body{grid-template-columns:minmax(0,1fr) 300px;gap:72px}
  .dzc-aside{position:sticky;top:110px;align-self:start}
  .dzc-h1{font-size:56px}
}
@media screen and (max-width:767px){
  .dzc-hero{margin-bottom:80px}
  .dzc-item{padding-right:44px}
  .dzc-name{font-size:20px}
  .dzc-arrow{top:20px}
  .dzc-arrow svg{width:28px;height:28px}
  .dzc-look li{font-size:17px}
  .dzc-faq summary{font-size:16px}
  .dzc-done{padding:28px 22px}
}

/* light */
.light .dzc-work-t,.light .dzc-big,.light .dzc-jump,.light .dzc-stat-n,.light .dzc-name,.light .dzc-why h3,.light .dzc-flow h3,.light .dzc-hire h3,.light .dzc-hire .dzc-step,.light .dzc-faq summary,.light .dzc-l i,.light .dzc-f input,.light .dzc-f textarea,.light .dzc-f.is-focus .dzc-l,.light .dzc-done-t,.light .dzc-h1,.light .dzc-text h2,.light .dzc-text strong,.light .dzc-aside dd{color:#151515}
.light .dzc-intro,.light .dzc-item,.light .dzc-none,.light .dzc-sec-text,.light .dzc-why p,.light .dzc-flow p,.light .dzc-hire p,.light .dzc-faq details p,.light .dzc-apply-text,.light .dzc-l,.light .dzc-chip span,.light .dzc-done-x,.light .dzc-text{color:#646464}
.light .dzc-look li,.light .dzc-send li,.light .dzc--vacancy .dzc-lead{color:#424242}
.light .dzc-work-s,.light .dzc-stat-l,.light .dzc-meta,.light .dzc-arrow,.light .dzc-step,.light .dzc-opt,.light .dzc-hint,.light .dzc-privacy,.light .dzc-back,.light .dzc-all,.light .dzc-aside dt{color:#939393}
.light .dzc-item:hover .dzc-name,.light .dzc-item:hover .dzc-arrow,.light .dzc-faq summary:hover{color:#646464}
.light .dzc-jump{border-color:#939393}
.light .dzc-jump:hover,.light .dzc-chip input:checked+span{border-color:#151515;color:#151515}
.light .dzc-chip span,.light .dzc-done{border-color:#c8c8c8}
.light .dzc-chip:hover span{border-color:#646464;color:#151515}
.light .dzc-look li:before,.light .dzc-send li:before{border-color:#939393}
.light .dzc-faq details,.light .dzc-faq details:first-child{border-color:#e2e2e2}
.light .dzc-f input,.light .dzc-f textarea{border-bottom-color:#c8c8c8}
.light .dzc-f input::placeholder,.light .dzc-f textarea::placeholder{color:#b8b8b8}
.light .dzc-f input:hover,.light .dzc-f textarea:hover{border-bottom-color:#939393}
.light .dzc-f input:focus,.light .dzc-f textarea:focus{border-bottom-color:#151515}
.light .dzc-f input:-webkit-autofill{-webkit-text-fill-color:#151515}
.light .dzc-err,.light .dzc-status{color:#c0392b}
.light .dzc-f.is-error input{border-bottom-color:#c0392b}
.light .dzc-back:hover,.light .dzc-all:hover{color:#151515}
.light .dzc-chip input:focus-visible+span{outline-color:#151515}