/* ============================================================
   5 · КРЕАТИВНЫЙ — кремовый фон, антиква-курсив + гротеск, кастомный курсор,
   раскрытие фото, бегущие строки, прелоадер с фазами проекта
   ============================================================ */
[data-variant="creative"]{
  --bg:#ecebe5;--bg-alt:#ecebe5;--text:#121212;--muted:#5e5d58;--line:rgba(18,18,18,.16);
  --accent:#2b3bff;--accent-hover:#1b2be6;--on-accent:#fff;--accent-text:#2b3bff;
  --card:transparent;--card-line:rgba(18,18,18,.16);--card-strong:#121212;--on-strong:#ecebe5;
  --track:rgba(18,18,18,.06);--input-bg:transparent;--focus:rgba(43,59,255,.15);--modal-bg:#ecebe5;
  --font-display:Onest,Inter,sans-serif;--font-body:Onest,Inter,sans-serif;
  --display-weight:500;--display-tracking:-.045em;
  --radius:0px;--radius-sm:0px;--radius-btn:999px;--radius-input:0px;--radius-img:0px;
  --gap:0px;--section-pad:140px;--photo-filter:grayscale(1) contrast(1.05);
  --pl-bg:#121212;--pl-text:#ecebe5;--pl-accent:#2b3bff;
}
/* курсор */
@media (pointer:fine){
  [data-variant="creative"] .cursor{display:block;position:fixed;left:-9px;top:-9px;width:18px;height:18px;border-radius:50%;background:var(--accent);z-index:250;pointer-events:none;transition:width .3s var(--ease),height .3s var(--ease),left .3s var(--ease),top .3s var(--ease),opacity .3s;mix-blend-mode:multiply}
  [data-variant="creative"] .cursor.hov{width:70px;height:70px;left:-35px;top:-35px;opacity:.35}
}
[data-variant="creative"] .serif,[data-variant="creative"] em{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.02em}
[data-variant="creative"] .nav{mix-blend-mode:normal}
[data-variant="creative"] .nav.scrolled{background:rgba(236,235,229,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
[data-variant="creative"] .logo-mark{border-radius:50%;background:var(--text);color:var(--bg);font-family:"Playfair Display",serif;font-style:italic;font-size:15px}
[data-variant="creative"] .nav-links a{position:relative}
[data-variant="creative"] .nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}
[data-variant="creative"] .nav-links a:hover::after{transform:scaleX(1);transform-origin:left}
[data-variant="creative"] .btn-primary{background:var(--text);color:var(--bg)}
[data-variant="creative"] .btn-primary:hover{background:var(--accent);color:#fff}
[data-variant="creative"] .eyebrow{color:var(--text);text-transform:none;letter-spacing:0;font-size:15px;font-weight:500}
[data-variant="creative"] .eyebrow::before{width:10px;height:10px;border-radius:50%;background:var(--accent)}

/* hero */
[data-variant="creative"] .hero{padding-top:140px;padding-bottom:180px}
[data-variant="creative"] .hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:end}
[data-variant="creative"] .hero h1{font-size:clamp(42px,6.8vw,104px);line-height:.96;font-weight:500}
[data-variant="creative"] .hero h1 em{color:var(--accent);font-size:1.06em}
[data-variant="creative"] .hero-media{margin-bottom:16px}
[data-variant="creative"] .hero-media img{clip-path:circle(0% at 50% 50%);transition:clip-path 1.6s var(--ease) .5s, filter .6s}
[data-variant="creative"] .hero-media:hover img{filter:none}
[data-variant="creative"].loaded .hero-media img{clip-path:circle(75% at 50% 50%)}
[data-variant="creative"].js .hero-media.intro{transform:none;opacity:1}
[data-variant="creative"] .hero-badge{left:-48px;bottom:auto;top:40px;background:var(--accent);color:#fff;border:0;border-radius:999px;padding:12px 20px 12px 14px}
[data-variant="creative"] .hero-badge b{color:#fff;font-family:"Playfair Display",serif;font-style:italic;font-size:36px}
[data-variant="creative"] .hero-badge span{color:#fff}
[data-variant="creative"] .hero-sticker{display:block;color:var(--text);right:-40px;top:auto;bottom:-50px}
[data-variant="creative"] .hero-word{display:block;bottom:20px;font:italic 400 clamp(60px,11vw,170px)/1 "Playfair Display",serif;color:rgba(18,18,18,.07);letter-spacing:-.03em;animation:crWord 30s linear infinite}
@keyframes crWord{from{transform:translateX(0)}to{transform:translateX(-50%)}}

[data-variant="creative"] .marquee{display:block;padding:34px 0;border-block:1px solid var(--line);font:italic 400 clamp(34px,5vw,72px)/1 "Playfair Display",serif}
[data-variant="creative"] .marquee-track{animation-duration:45s}
[data-variant="creative"] .marquee span:nth-child(even){font-family:Onest,sans-serif;font-style:normal;font-weight:500;letter-spacing:-.04em}
[data-variant="creative"] .marquee span::after{content:"";width:.4em;height:.4em;border-radius:50%;background:var(--accent)}

[data-variant="creative"] .s-head{max-width:none;display:grid;grid-template-columns:auto 1fr;gap:12px 40px;align-items:start}
[data-variant="creative"] .s-num{display:block;font:italic 400 22px/1.4 "Playfair Display",serif;color:var(--accent);grid-row:span 2;padding-top:.4em}
[data-variant="creative"] .s-num::before{content:"("}
[data-variant="creative"] .s-num::after{content:")"}
[data-variant="creative"] .s-head h2{font-size:clamp(44px,7vw,108px);line-height:.95}
[data-variant="creative"] .s-head p{max-width:520px}

[data-variant="creative"] :is(.stats,.cards,.certs){border-top:1px solid var(--line)}
[data-variant="creative"] :is(.stat,.card){border:0;border-bottom:1px solid var(--line)}
[data-variant="creative"] .stat{border-right:1px solid var(--line)}
[data-variant="creative"] .stat:last-child{border-right:0}
[data-variant="creative"] .stat b{font-family:"Playfair Display",serif;font-style:italic;font-weight:400;font-size:clamp(64px,7vw,110px);color:var(--accent)}
[data-variant="creative"] .stat b.word{font-family:Onest,sans-serif;font-style:normal;font-weight:500;color:var(--text);font-size:clamp(24px,2.4vw,34px)}
[data-variant="creative"] .about{gap:56px;margin-top:80px;align-items:center}
[data-variant="creative"] .about-photo{min-height:520px;clip-path:inset(12% 12% 12% 12%);transition:clip-path 1.4s var(--ease)}
[data-variant="creative"] .about-photo.in{clip-path:inset(0)}
[data-variant="creative"] .about-photo img{transform:scale(1.15);transition:transform 1.6s var(--ease)}
[data-variant="creative"] .about-photo.in img{transform:none}
[data-variant="creative"] .about-text{border:0;padding:0}
[data-variant="creative"] .about-text h3{font-size:clamp(40px,4vw,60px)}
[data-variant="creative"] .about-text .role{font-family:"Playfair Display",serif;font-style:italic;font-weight:400;font-size:20px}
[data-variant="creative"] .edu{background:transparent;border-top:1px solid var(--line);border-radius:0;padding:20px 0 0}

/* карточки тренингов — строки-списки с заливкой */
[data-variant="creative"] .cards{grid-template-columns:1fr}
[data-variant="creative"] .card{display:grid;grid-template-columns:90px 1fr 1fr;grid-template-rows:auto auto;gap:6px 40px;padding:36px 8px;overflow:hidden;isolation:isolate}
[data-variant="creative"] .card::before{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleY(0);transform-origin:bottom;transition:transform .5s var(--ease);z-index:-1}
[data-variant="creative"] .card:hover{transform:none;color:#fff;padding-left:28px}
[data-variant="creative"] .card:hover::before{transform:scaleY(1)}
[data-variant="creative"] .card:hover :is(p,.tag,.c-num){color:rgba(255,255,255,.85)}
[data-variant="creative"] .c-num{grid-row:span 2;font:italic 400 36px/1 "Playfair Display",serif;color:var(--accent)}
[data-variant="creative"] .card .tag{grid-column:2;color:var(--muted);text-transform:none;letter-spacing:0;font-weight:500}
[data-variant="creative"] .card h3{grid-column:2;font-size:clamp(22px,2.4vw,32px);font-weight:500;letter-spacing:-.03em}
[data-variant="creative"] .card p{grid-column:3;grid-row:1 / span 2;align-self:center}
[data-variant="creative"] .custom{margin-top:80px}
[data-variant="creative"] .custom-bg{opacity:.25}
[data-variant="creative"] .custom h3{font-weight:500}
[data-variant="creative"] .consult{gap:24px}
[data-variant="creative"] .consult .card{display:flex;padding:36px;border:1px solid var(--line)}
[data-variant="creative"] .consult .card:hover{padding-left:36px}
[data-variant="creative"] .card-main .photo img{transition:transform 1s var(--ease)}
[data-variant="creative"] .card-main:hover .photo img{transform:scale(1.06)}
[data-variant="creative"] .card-main:hover .result{background:rgba(255,255,255,.12);border-color:#fff}
[data-variant="creative"] .pub .y{font-family:"Playfair Display",serif;font-style:italic;font-weight:400;font-size:40px}
[data-variant="creative"] .pub h3{font-size:21px;font-weight:500}
[data-variant="creative"] .pf-img{transform:rotate(-2deg)}
[data-variant="creative"] .pf-img + .pf-img{transform:rotate(2deg) translateY(20px)}
[data-variant="creative"] .pf-img:hover{transform:rotate(0) scale(1.03)}
[data-variant="creative"] .certs{gap:24px;border:0}
[data-variant="creative"] .cert{border:0;padding:0;background:transparent}
[data-variant="creative"] .cert:nth-child(odd){transform:translateY(24px)}
[data-variant="creative"] .cert:hover{transform:scale(1.04) rotate(-1deg)}
[data-variant="creative"] .contact{background:var(--text);color:var(--bg);border:0;--muted:#a3a29c;--line:rgba(236,235,229,.2);--track:rgba(236,235,229,.08);--accent-text:#8f99ff}
[data-variant="creative"] .contact h2{font-size:clamp(44px,6vw,92px);line-height:.95}
[data-variant="creative"] .contact .eyebrow{color:var(--bg)}
[data-variant="creative"] .contact .btn-primary{background:var(--accent);color:#fff}
[data-variant="creative"] .contact .field input{border-width:0 0 1px;padding:0;color:var(--bg)}
[data-variant="creative"] .contact .field input:focus{box-shadow:none}

@media (max-width:980px){
  [data-variant="creative"] .card{grid-template-columns:56px 1fr}
  [data-variant="creative"] .card p{grid-column:2;grid-row:auto}
  [data-variant="creative"] .s-head{grid-template-columns:1fr}
  [data-variant="creative"] .stat{border-right:0}
  [data-variant="creative"] .hero-badge{left:12px}
}

/* прелоадер: фазы проекта как шкала загрузки, огромный курсивный счётчик, шторки */
[data-variant="creative"] .pl-mono{display:none}
[data-variant="creative"] .pl-name{font:italic 400 28px/1 "Playfair Display",serif;letter-spacing:0;text-transform:none;opacity:1}
[data-variant="creative"] .pl-bars{display:flex}
[data-variant="creative"] .pl-bars b{height:3px}
[data-variant="creative"] .pl-line{display:none}
[data-variant="creative"] .pl-count{font:italic 400 clamp(90px,16vw,220px)/1 "Playfair Display",serif;opacity:1;order:-1}
[data-variant="creative"] .pl-count sup{font-family:Onest,sans-serif;font-style:normal;font-size:.18em;color:var(--pl-accent);vertical-align:top;margin-left:6px}
[data-variant="creative"] .pl.done .pl-cols i{transition-duration:1.1s}
[data-variant="creative"] .pl.done .pl-cols i:nth-child(odd){transform:translateY(100%)}