/* Афиша мастерской: один крупный жест, затем рабочий указатель. */
.hero{padding-top:28px}
.hero-register,.hero-baseline{display:flex;justify-content:space-between;gap:20px;align-items:center}
.hero-register>span,.hero-baseline{font:11px/1.6 var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.hero-poster{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:30px;align-items:center;padding:24px 0 30px}
.hero h1{position:relative;width:fit-content;max-width:100%;margin:0;font:700 clamp(110px,19vw,244px)/1.06 var(--font-display);text-transform:uppercase;letter-spacing:-.045em;text-shadow:2px 2px var(--bg),3px 3px var(--accent)}
.wordmark-dot{display:inline-block;color:var(--accent);font:400 .6em/.8 var(--font-read);vertical-align:top;padding-top:.1em;margin-left:.08em;text-shadow:none}
.signal-art{transform:rotate(-8deg);color:var(--strong)}
.signal-art svg{display:block;width:100%;stroke:currentColor;stroke-width:1}
.signal-art .art-grid{stroke:var(--line);stroke-dasharray:1 5}
.signal-art .art-trace{stroke:var(--accent);stroke-width:5;stroke-linejoin:bevel}
.signal-art .art-node{fill:var(--bg);stroke:var(--accent);stroke-width:2}
.art-caption{display:block;text-align:center;margin-top:14px;font:10px/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.hero-baseline{border-block:1px solid var(--strong);padding-block:10px}
.hero-baseline>span:last-child{color:var(--accent)}
.hero-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;padding-block:35px;align-items:start}
.manifesto{margin:0;font:600 clamp(27px,3vw,40px)/1.28 var(--font-ui);letter-spacing:-.045em}
.manifesto em{font:italic 400 .95em/1.4 var(--font-read);color:var(--accent);letter-spacing:-.045em}
.studio-copy{max-width:51ch;font-size:16px;line-height:1.65;color:var(--soft)}
.studio-copy p{margin:0}
.studio-copy p+p{margin-top:12px}
.cta{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}
.cta-blog{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 26px;background:var(--accent);color:var(--on-accent);border:1px solid var(--accent)}
.cta-label{display:flex;flex-direction:column;gap:6px}
.cta-label small{font:11px/1.4 var(--font-mono)}
.cta-label b{font-size:40px;line-height:1.05;letter-spacing:-.05em}
.cta-arrow{font:52px/1 var(--font-ui)}
.cta-blog:hover{color:var(--on-accent);background:var(--ink);border-color:var(--ink)}
:root[data-theme="light"] .cta-blog:hover{background:var(--ink);color:var(--bg)}
.cta-secondary{display:flex;flex-direction:column;justify-content:space-between}
.cta-secondary a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 0;min-height:58px;border-bottom:1px solid var(--strong);font-size:19px;font-weight:500}
.cta-secondary a:first-child{border-top:1px solid var(--strong)}
.cta-secondary small{color:var(--muted);font:11px var(--font-mono);margin-right:20px}
.cta-secondary a>span:last-child{color:var(--accent);font-size:25px}
.lately{padding-top:72px}
.section-heading{display:flex;gap:20px;justify-content:space-between;align-items:end;margin-bottom:25px}
.section-heading h2{margin:8px 0 0;font-size:clamp(27px,3vw,38px);line-height:1.2;letter-spacing:-.045em;font-weight:600}
.more{padding-block:10px;font:12px/1.5 var(--font-mono);color:var(--accent);white-space:nowrap}
.latest{margin:0;padding:0;list-style:none;border-top:1px solid var(--strong)}
.latest li{border-bottom:1px solid var(--line)}
.latest a{display:grid;grid-template-columns:170px minmax(0,1fr) 35px;gap:24px;padding-block:24px;align-items:start}
.latest-meta{display:grid;grid-template-columns:30px 1fr;column-gap:12px;padding-top:3px;color:var(--muted);font:11px/1.7 var(--font-mono)}
.latest-number{grid-row:span 2;color:var(--accent)}
.latest-title{font-size:clamp(20px,2.5vw,29px);font-weight:500;line-height:1.3;letter-spacing:-.035em}
.latest-arrow{color:var(--accent);font-size:30px;line-height:1}
@media(max-width:1200px){
  .hero-poster{grid-template-columns:minmax(0,1fr) 160px;gap:20px}
  .hero h1{font-size:clamp(110px,18vw,216px)}
  .hero-intro{gap:32px}
}
@media(max-width:760px){
  .hero-poster{grid-template-columns:minmax(0,1fr) 115px}
  .hero h1{font-size:clamp(100px,19vw,150px)}
  .hero-intro{grid-template-columns:1fr;gap:22px;padding-block:28px}
  .studio-copy{max-width:60ch}
  .latest a{grid-template-columns:125px minmax(0,1fr) 24px;gap:18px}
  .latest-meta{grid-template-columns:1fr}
  .latest-number{display:none}
}
@media(max-width:600px){
  .hero{padding-top:22px}
  .hero-register{align-items:start}
  .hero-register .kicker{font-size:10px;max-width:22ch}
  .hero-register>span{font-size:10px;max-width:10ch;text-align:right}
  .hero-poster{display:block;padding-block:20px 24px;isolation:isolate}
  .hero h1{font-size:clamp(76px,24vw,142px)}
  .wordmark-dot{margin-left:.04em}
  .signal-art{position:absolute;right:0;top:25px;width:76px;transform:rotate(-8deg);opacity:.5;z-index:-1}
  .art-caption{display:none}
  .hero-baseline{font-size:9px;letter-spacing:0;gap:8px}
  .hero-baseline>span:last-child{max-width:10ch;text-align:right}
  .manifesto{font-size:28px}
  .studio-copy{font-size:15px}
  .cta{grid-template-columns:1fr;gap:16px}
  .cta-blog{padding:18px 20px}
  .cta-label b{font-size:35px}
  .cta-arrow{font-size:42px}
  .cta-secondary a{min-height:54px;padding-block:11px;font-size:18px}
  .lately{padding-top:48px}
  .section-heading{display:block;margin-bottom:18px}
  .more{display:inline-block;margin-top:8px}
  .latest a{grid-template-columns:minmax(0,1fr) 24px;gap:10px;padding-block:21px}
  .latest-meta{grid-column:1/-1;display:flex;gap:14px;padding:0}
  .latest-number{display:inline}
  .latest-title{font-size:22px}
  .latest-arrow{font-size:26px}
}