/* ============================================================
   3 · СВЕТЛЫЙ ДЕРЗКИЙ — необрутализм: толстые рамки, жёсткие тени, один акцент
   ============================================================ */
[data-variant="brutal"]{
  --ink:#0d0d0d;
  --bg:#f3f0e8;--bg-alt:#f3f0e8;--text:#0d0d0d;--muted:#3a3a3a;--line:#0d0d0d;
  --accent:#ff5420;--accent-hover:#ff6a3d;--on-accent:#0d0d0d;--accent-text:#e24210;
  --card:#fffdf8;--card-line:#0d0d0d;--card-strong:#0d0d0d;--on-strong:#f3f0e8;
  --track:#ebe6da;--input-bg:#fffdf8;--focus:rgba(255,84,32,.25);--modal-bg:#fffdf8;
  --shadow:6px 6px 0 #0d0d0d;--shadow-hover:10px 10px 0 #0d0d0d;
  --font-display:"Dela Gothic One",Inter,sans-serif;--font-body:Manrope,Inter,sans-serif;
  --display-weight:400;--display-tracking:-.01em;--display-transform:uppercase;
  --radius:12px;--radius-sm:10px;--radius-btn:10px;--radius-input:10px;--radius-img:12px;
  --gap:24px;--photo-filter:grayscale(1) contrast(1.1);
  --pl-bg:#ff5420;--pl-text:#0d0d0d;--pl-accent:#0d0d0d;
}
[data-variant="brutal"] :is(.card,.stat,.about-text,.gantt,.contact,.cert,.custom,.modal,.hero-badge){border-width:2.5px}
[data-variant="brutal"] .nav.scrolled{background:var(--bg);border-bottom:2.5px solid var(--ink)}
[data-variant="brutal"] .logo{font-family:"Dela Gothic One",sans-serif;font-weight:400;text-transform:uppercase;font-size:17px}
[data-variant="brutal"] .logo-mark{border:2.5px solid var(--ink);color:var(--ink)}
[data-variant="brutal"] .nav-links{color:var(--ink);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
[data-variant="brutal"] .nav-links a:hover{background:var(--accent)}
[data-variant="brutal"] .btn{border:2.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-weight:800;text-transform:uppercase;font-size:14px;letter-spacing:.02em}
[data-variant="brutal"] .btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
[data-variant="brutal"] .btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}
[data-variant="brutal"] .btn-ghost{background:var(--card)}
[data-variant="brutal"] .eyebrow{background:var(--ink);color:var(--bg);padding:8px 14px;border-radius:999px;letter-spacing:.08em}
[data-variant="brutal"] .eyebrow::before{width:8px;height:8px;border-radius:50%;background:var(--accent)}

[data-variant="brutal"] .hero h1{font-size:clamp(32px,4.5vw,66px);line-height:1.1}
[data-variant="brutal"] .hero h1 em{color:var(--ink);background:linear-gradient(transparent 14%,var(--accent) 14%,var(--accent) 94%,transparent 94%)}
[data-variant="brutal"] .split em .w{overflow:visible}
[data-variant="brutal"] .lead{color:var(--ink);font-weight:500}
[data-variant="brutal"] .hero-media img{border:2.5px solid var(--ink);box-shadow:12px 12px 0 var(--ink);transform:rotate(1.5deg)}
[data-variant="brutal"] .hero-badge{transform:rotate(-4deg);background:var(--accent);box-shadow:var(--shadow)}
[data-variant="brutal"] .hero-badge b{color:var(--ink)}
[data-variant="brutal"] .hero-badge span{color:var(--ink);font-weight:700}
[data-variant="brutal"] .hero-sticker{display:block;background:var(--ink);color:var(--bg);border-radius:50%;padding:10px}

[data-variant="brutal"] .marquee{display:block;background:var(--ink);color:var(--bg);font:400 clamp(20px,2.6vw,34px)/1 "Dela Gothic One",sans-serif;text-transform:uppercase;padding:20px 0;border-block:2.5px solid var(--ink)}
[data-variant="brutal"] .marquee span::after{content:"★";color:var(--accent)}

[data-variant="brutal"] .s-head h2{font-size:clamp(38px,5.4vw,76px)}
[data-variant="brutal"] .s-num{display:inline-block;margin-bottom:18px;padding:6px 14px;border:2.5px solid var(--ink);border-radius:999px;font-weight:800;background:var(--accent)}
[data-variant="brutal"] .s-head p{color:var(--ink)}
[data-variant="brutal"] .stat:nth-child(1){background:var(--accent)}
[data-variant="brutal"] .stat:nth-child(1) > span{color:var(--ink)}
[data-variant="brutal"] .stat:nth-child(4){background:var(--ink);color:var(--bg)}
[data-variant="brutal"] .stat:nth-child(4) > span{color:#bbb}
[data-variant="brutal"] .stat:nth-child(4) b{color:var(--bg)}
[data-variant="brutal"] .about-photo{border:2.5px solid var(--ink);box-shadow:var(--shadow)}
[data-variant="brutal"] .about-text .role{color:var(--accent-text)}
[data-variant="brutal"] .edu{border:2px dashed var(--ink);background:transparent}
[data-variant="brutal"] .card:hover{transform:translate(-4px,-4px)}
[data-variant="brutal"] .card:nth-child(3n+2):hover{background:var(--accent)}
[data-variant="brutal"] .card:nth-child(3n+2):hover :is(p,.tag){color:var(--ink)}
[data-variant="brutal"] .c-num{font-family:"Dela Gothic One",sans-serif;font-size:32px;color:var(--ink);-webkit-text-stroke:1.5px var(--ink);color:transparent}
[data-variant="brutal"] .tag{color:var(--ink);background:var(--track);align-self:flex-start;padding:5px 10px;border-radius:6px;border:2px solid var(--ink);font-size:11px}
[data-variant="brutal"] .card h3{font-size:20px;line-height:1.15}
[data-variant="brutal"] .card p{color:var(--muted)}
[data-variant="brutal"] .custom-bg{opacity:.2}
[data-variant="brutal"] .step::before{border-radius:8px;border:2.5px solid var(--bg);font-family:"Dela Gothic One",sans-serif;font-weight:400}
[data-variant="brutal"] .card-main .photo{border:2.5px solid var(--ink)}
[data-variant="brutal"] .result{border:2.5px solid var(--ink);border-radius:var(--radius-sm);background:var(--accent)}
[data-variant="brutal"] .pubs{border-top:2.5px solid var(--ink)}
[data-variant="brutal"] .pub{border-bottom:2.5px solid var(--ink)}
[data-variant="brutal"] .pub:hover{background:var(--card)}
[data-variant="brutal"] .pub .y{color:var(--ink)}
[data-variant="brutal"] .kind{border:2px solid var(--ink);color:var(--ink);font-weight:800;background:var(--card)}
[data-variant="brutal"] :is(.pub-thumb,.pf-img){border:2.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}
[data-variant="brutal"] .cert:hover{transform:translate(-4px,-4px) rotate(-1deg)}
[data-variant="brutal"] .contact{background:var(--accent)}
[data-variant="brutal"] .contact .muted,[data-variant="brutal"] .contact .field,[data-variant="brutal"] .contact .consent{color:var(--ink)}
[data-variant="brutal"] .contact .eyebrow::before{background:var(--bg)}
[data-variant="brutal"] .contact-list a span{background:var(--ink);color:var(--accent)}
[data-variant="brutal"] .contact .btn-primary{background:var(--ink);color:var(--bg)}
[data-variant="brutal"] .field input{border-width:2.5px}
[data-variant="brutal"] .field input:focus{box-shadow:4px 4px 0 var(--ink)}
[data-variant="brutal"] footer .wrap{border-top:2.5px solid var(--ink);color:var(--ink);font-weight:600}

/* прелоадер: оранжевый экран, толстые фазы проекта, огромный счётчик */
[data-variant="brutal"] .pl-mono,[data-variant="brutal"] .pl-line{display:none}
[data-variant="brutal"] .pl-name{font:400 22px/1 "Dela Gothic One",sans-serif;letter-spacing:.02em;opacity:1}
[data-variant="brutal"] .pl-bars{display:flex}
[data-variant="brutal"] .pl-bars b{height:28px;border:2.5px solid var(--ink);background:transparent;opacity:1;border-radius:6px}
[data-variant="brutal"] .pl-bars span.on b{background:var(--ink)}
[data-variant="brutal"] .pl-bars em{font-weight:800;font-size:10px;text-transform:uppercase;opacity:.5}
[data-variant="brutal"] .pl-count{font:400 clamp(80px,14vw,180px)/1 "Dela Gothic One",sans-serif;opacity:1}