/* v121: readable floor for small text on phones — eyebrows shrank to 6–8px and the fine print to 8px at 375px */
@media (max-width:640px){
  .eyebrow{font-size:11px!important;letter-spacing:.12em}
  .fine,footer p{font-size:12px!important;line-height:1.45}
  .signal-top span,.signal-footer span,.world-label span,.world-hint{font-size:10px!important}
}
/* v123: the two hero buttons («Онлайн-студия» + «Вход в систему») share one height */
.hl-hero-actions{align-items:stretch}
.hl-hero-actions .pill{justify-content:center;min-height:54px}
/* v125 (second review, 30.10) */
/* one size for every button text: it was 10–14px, 11px in the hero on a phone */
.pill,.hero .pill,.mission-copy .pill,.event-add .pill{font-size:14px}
@media (max-width:640px){.pill,.hero .pill,.mission-copy .pill,.event-add .pill{font-size:15px}}
/* a button without the arrow icon gets even padding (the text sat 8px off centre) */
.pill:not(:has(.hl-ar)){padding-left:22px;padding-right:22px}
/* small print floor on every width, not only phones */
.eyebrow{font-size:11px}
.fine,footer p{font-size:12px}
.coordinate{color:#ffffff8c}
/* «Записывай сеты…»: the buttons stuck to the heading (0px), the last word hung alone */
.hl-ms-head .hl-ctas{margin-top:clamp(20px,3vw,32px)}
.hl-ms-head h2,.section-heading h2{text-wrap:balance}
/* hero card below 1180px: «Твой звук соединяет людей» slid under the card (16px at 768, 5px at 375) — a decoration, so it goes */
@media (max-width:1180px){.world-hint{display:none}}
/* the phone with the QR: back in its row next to «камера телефона → эфир» (gap 18px) — the shared .hl-phone{position:absolute} laid it over the label and the heading */
.hl-b-phone .hl-b-viz .hl-phone{position:relative;left:auto;bottom:auto;width:auto;height:150px;aspect-ratio:9/17}
/* reels fill the row on wide screens instead of leaving an empty strip on the right */
@media (min-width:1024px){.hl-reels{grid-auto-columns:minmax(170px,1fr)}}
/* no events — no arrows to flip through nothing */
.event-scene:has(.hl-ev-empty:not([hidden])) .event-tour-controls{display:none}
/* v126: type — Inter Tight for headings (body text stays Arial), JetBrains Mono for the small mono labels.
   The heading tracking was tuned for Arial (-.055…-.067em) and glued Inter Tight letters together: the same selectors again, at ~40% of it */
h1,h2,h3,h4{font-family:"Inter Tight",Arial,Helvetica,sans-serif}
h1,h2,h3,h4{letter-spacing:-.022em}h1{letter-spacing:-.027em}.live-state h4{letter-spacing:-.016em}.discover-features h3{letter-spacing:-.018em}.hero h1{letter-spacing:-.026em}.section-heading h2,h2{letter-spacing:-.02em}.real-map-caption h3{letter-spacing:-.016em}.ticket-info h3{letter-spacing:-.014em}.physical-studio-copy h3{letter-spacing:-.014em}.hl-reels-head h3{letter-spacing:-.016em}.hl-b-copy h3{letter-spacing:-.012em}.hl-two-body h3{letter-spacing:-.004em}.hl-relay h2{letter-spacing:-.014em}.hl-rl-copy h2{letter-spacing:-.016em}.hl-follow figcaption h3{letter-spacing:-.008em}
@media(max-width:760px){h1{letter-spacing:-.024em}}
@media(max-width:600px){.hero h1{letter-spacing:-.022em}}
.eyebrow{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.world-label{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.coordinate{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.mini-icon{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.console-top{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.mission-counter{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.screen-top{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.rec-label{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.record-line{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.link-preview{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.dock small{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.event-example{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.scene-top{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.channel-type{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.poster-label{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.poster-date strong{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.poster-date small{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.interface-kicker{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.music-pin{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.event-tour .event-city-label{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.event-card-head{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.date-chip small{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.ticket-genre{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.event-tour-controls span{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.live-label{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.community-profile span{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.radio-location>span{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.dj-signal-connectors span{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.reel-auto{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.studio-film-label{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.hl-badge{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.hl-w-sum{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.hl-k{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.hl-countries b{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.hl-node.live b{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.hl-ring span{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.hl-phone-label{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.hl-rec{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.hl-rec-meta{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.hl-set-k{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.hl-fire{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.hl-reelphone b{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.hl-deck-meta{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.hl-cue b{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.hl-pad-k{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.hl-ticker-k{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.hl-tk em{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.hl-fpin b{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.hl-tk-djgo{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.hl-own-tag{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.hl-lang button{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.dg-key{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.dg-proto{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.dg-s-tool em{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}