/* One opening composition; the carousel is secondary to the offer. */
.screen { min-height: 0; padding-bottom: 0; }
.screen + .about-section { margin-top: var(--space-40); }
.hero-editorial { display: grid; grid-template-columns: minmax(0,1fr); gap: var(--space-32); padding: var(--space-24); height: auto; min-height: 0; border-radius: 8px; background: #292c29; }
/* Lighter photo; a soft gradient keeps the white copy legible at the top and bottom. */
.hero-editorial::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.22) 0%, rgba(0,0,0,.06) 45%, rgba(0,0,0,.24) 100%); z-index: -1; pointer-events: none; }
.hero-editorial .hero-bg { inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: -2; }
.hero-editorial .hero-text { position: static; display: flex; flex-direction: column; min-width: 0; min-height: 540px; padding: 0; }
.hero-editorial .hero-text h1 { position: static; display: block; margin: 0; font-size: var(--text-36); line-height: 1.06; font-weight: 400; letter-spacing: var(--tracking); white-space: normal; }
.hero-editorial .hero-text h1 > span { position: static; display: block; width: auto; transform: none; }
.hero-editorial .title-row > span:first-child { display: inline; }
.hero-editorial .services-icons { position: static; display: inline-flex; vertical-align: middle; order: 0; gap: 6px; margin: 0 0 0 10px; }
.hero-editorial .service-icon { width: 28px; height: 28px; margin: 0; }
.hero-editorial .sheets-service { width: 22px; }
.hero-editorial .lead { position: static; margin: auto 0 var(--space-24); width: auto; max-width: 520px; font-size: var(--text-18); line-height: 1.4; letter-spacing: var(--tracking); color: var(--color-paper); }
.hero-editorial .lead br { display: none; }
.hero-editorial .hero-actions { position: static; display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; margin: 0; }
.hero-editorial :is(.primary-action,.secondary-action) { height: 52px; min-height: 52px; font-size: var(--text-16); letter-spacing: var(--tracking); border-radius: 6px; }
.hero-editorial .primary-action { width: 260px; min-width: 0; padding: 0 var(--space-48) 0 18px; }
.hero-editorial .primary-action::before { width: 88px; height: 88px; right: -38px; }
.hero-editorial .action-arrow { right: 18px; width: 14px; }
.hero-editorial .secondary-action { width: 100px; min-width: 0; }
.hero-editorial .case-card { position: relative; inset: auto; width: 100%; height: 680px; min-height: 0; border-radius: 6px; color: var(--ink); background: var(--color-paper); backdrop-filter: none; container-type: normal; }
.hero-editorial :is(.case-fade,.decor-bars-img,.news-bars) { display: none; }
.hero-editorial .case-card h2 { top: 24px; left: 24px; font-size: var(--text-22); line-height: 1.1; letter-spacing: var(--tracking); }
.hero-editorial .case-month-row { top: 60px; left: 24px; max-width: calc(100% - 48px); gap: 6px; }
.hero-editorial .month-select { height: 34px; font-size: var(--text-16); padding: 0 var(--space-8); gap: var(--space-8); color: var(--ink); border-color: var(--color-border); letter-spacing: var(--tracking); }
.hero-editorial .month-select img { width: 16px; filter: brightness(0); }
.hero-editorial .month-select:hover { background: #f4f4f3; border-color: var(--ink); }
.hero-editorial .month-menu { background: var(--color-paper); border-color: #ddd; width: 176px; }
.hero-editorial .month-menu button { min-height: 40px; font-size: var(--text-16); color: var(--ink); }
.hero-editorial .month-menu button:is(:hover,.active) { background: #eee; }
.hero-editorial .help { width: 34px; height: 34px; min-width: 34px; min-height: 34px; }
.hero-editorial .help img { filter: brightness(0); opacity: .5; }
.hero-editorial .help b { font-size: var(--text-16); }
.hero-editorial .help::after { left: auto; right: 0; transform: none; }
.hero-editorial .case-arrows { top: 20px; right: 20px; gap: var(--space-4); }
.hero-editorial .case-arrows button { width: 36px; height: 36px; border: 1px solid #ddd; background: var(--color-paper); color: var(--ink); transform: none; }
.hero-editorial .case-arrows button::before { background: var(--ink); }
.hero-editorial .case-arrows button:hover { color: var(--color-paper); }
.hero-editorial .case-body { display: none; }
.hero-editorial .case-card[data-mode='case'] { height: auto; min-height: 580px; padding: var(--space-112) var(--space-24) var(--space-64); align-self: start; }
.hero-editorial .case-card[data-mode='case'] .case-body { display: flex; flex-direction: column; gap: var(--space-16); }
.hero-editorial .chart-card { position: relative; left: auto; top: auto; width: 100%; height: 220px; flex: none; border-radius: 0; background: var(--color-surface); backdrop-filter: none; }
.hero-editorial .chart-card h3 { left: 16px; top: 16px; font-size: var(--text-18); line-height: 1.2; font-weight: 500; white-space: normal; letter-spacing: var(--tracking); }
.hero-editorial :is(.chart-axis,.chart-months) { font-size: var(--text-12); letter-spacing: var(--tracking); }
.hero-editorial .value { font-size: var(--text-12); min-width: 48px; height: 24px; padding: 0 6px; }
.hero-editorial .value-start { color: #555; }
.hero-editorial .value-end { color: var(--ink); }
.hero-editorial :is(.chart-grid,.chart-axis,.chart-months,.chart-point) { display: none; }
.hero-editorial .chart-card h3 { font-size: var(--text-20); color: var(--ink); font-weight: 400; }
.hero-editorial .chart-card .value { display: block; top: 52px !important; bottom: auto; width: calc(50% - 28px); height: auto; min-width: 0; padding: 0; background: none; border-radius: 0; box-shadow: none; font-size: var(--text-40); font-weight: 400; line-height: 1.05; letter-spacing: var(--tracking); transform: none; text-align: left; }
.hero-editorial .value-start { left: 16px !important; right: auto; color: var(--ink); }
.hero-editorial .chart-card .value-end { left: auto !important; right: 16px; color: var(--orange); text-align: right; }
.hero-editorial .value::before { display: block; width: 100%; margin-bottom: var(--space-4); color: var(--color-muted); font-size: var(--text-14); line-height: 1.2; text-align: inherit; }
.hero-editorial .value-start::before { content: 'Было'; }
.hero-editorial .value-end::before { content: 'Стало'; }
.hero-editorial .case-chart-svg { left: 16px; top: 128px; width: calc(100% - 32px); height: 76px; }
.hero-editorial .chart-before-line { fill: none; stroke: var(--color-before); stroke-width: 1.5; stroke-dasharray: 4 5; vector-effect: non-scaling-stroke; }
.hero-editorial .case-chart-svg .chart-line-main { stroke-width: 4; vector-effect: non-scaling-stroke; }
.hero-editorial .case-chart-svg :is(.chart-line-shadow,.chart-line-muted) { display: none; }
.hero-editorial .case-chart-svg[data-chart-type='bars'], .hero-editorial .case-chart-svg[data-chart-type='line'] { top: 116px; height: 88px; }
.hero-editorial .case-chart-svg .chart-bar { fill: var(--color-before); }
.hero-editorial .chart-share-track { fill: var(--color-track); }
.hero-editorial .chart-share-before { fill: var(--ink); }
.hero-editorial .chart-share-after { fill: var(--orange); }
.hero-editorial .chart-card[data-chart-type='share'] .case-chart-svg { left: 124px; top: 60px; width: calc(100% - 140px); height: 144px; }
.hero-editorial .chart-card[data-chart-type='share'] .value { left: 16px !important; right: auto; width: 100px; text-align: left; }
.hero-editorial .chart-card[data-chart-type='share'] .value-start { top: 64px !important; }
.hero-editorial .chart-card[data-chart-type='share'] .value-end { top: 140px !important; }
.hero-editorial .case-result { position: static; width: 100%; flex: none; }
.hero-editorial .case-result p { font-size: var(--text-28); line-height: 1.1; font-weight: 400; letter-spacing: var(--tracking); color: var(--ink); }
.hero-editorial .case-result span { margin-bottom: 10px; font-size: var(--text-16); line-height: 1.25; color: var(--color-muted); }
.hero-editorial .case-result span { display: none; }
.hero-editorial .case-meta { position: static; width: 100%; gap: var(--space-16); flex-wrap: wrap; flex: none; }
.hero-editorial :is(.project,.specialist) { background: none; color: var(--ink); border-radius: 0; height: auto; min-height: 0; padding: 0; font-size: var(--text-14); line-height: 1.3; letter-spacing: var(--tracking); width: auto; }
.hero-editorial .project { gap: var(--space-4); }
.hero-editorial .specialist { grid-template-columns: 36px 1fr; gap: 2px 10px; }
.hero-editorial .specialist img { width: 36px; height: 36px; }
.hero-editorial :is(.project,.specialist) :is(span,b) { white-space: normal; }
.hero-editorial .case-dots { left: 20px; bottom: 16px; transform: none; gap: 0; }
.hero-editorial .case-dots button { display: grid; place-items: center; width: 32px; height: 32px; min-width: 32px; min-height: 32px; border: 0; background: transparent; border-radius: 0; }
.hero-editorial .case-dots button::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #c7c4c1; }
.hero-editorial .case-dots button.active::before { background: var(--ink); width: 18px; border-radius: 4px; }
.hero-editorial :is(a,button):focus-visible { outline: 2px solid var(--orange); outline-offset: 3px; }
.hero-editorial .news-banner { display: flex; flex-direction: column; gap: 14px; padding: 116px var(--space-24) var(--space-64); background: var(--color-paper); color: var(--ink); }
.hero-editorial .news-banner[hidden] { display: none; }
.hero-editorial .news-banner::before,.hero-editorial .news-banner::after { content: none; }
.hero-editorial .news-header { left: 24px; top: 24px; }
.hero-editorial .news-header h3 { font-size: var(--text-22); line-height: 1.1; }
.hero-editorial .news-date-row { margin-top: var(--space-12); gap: var(--space-8); }
.hero-editorial .news-date { padding: 0; border: 0; font-size: var(--text-16); min-height: 24px; gap: 6px; }
.hero-editorial .news-date img { width: 16px; filter: brightness(0); }
.hero-editorial .news-help { width: 24px; height: 24px; font-size: var(--text-14); border-color: #aaa; }
.hero-editorial .news-icon { top: 117px; left: 24px; width: 24px; height: 24px; }
.hero-editorial .news-banner > :is(.news-title,.news-intro,.news-case-link,.news-description,.news-speaker,.news-more) { position: static; width: auto; min-width: 0; margin: 0; }
.hero-editorial .news-banner > .news-title { padding-left: 36px; font-size: var(--text-28); line-height: 1.12; font-weight: 400; margin-bottom: var(--space-4); }
.hero-editorial .news-title span { color: var(--ink); }
.hero-editorial .news-intro { font-size: var(--text-14); line-height: 1.3; font-weight: 400; }
.hero-editorial .news-case-link { color: var(--ink); font-size: var(--text-18); font-weight: 400; line-height: 1.3; }
.hero-editorial .news-case-link span { background: none; padding: 0; }
.hero-editorial .news-case-link:hover { text-decoration: none; }
.hero-editorial .news-description { font-size: var(--text-14); line-height: 1.4; font-weight: 400; }
.hero-editorial .news-speaker { grid-template-columns: 36px 1fr; gap: 2px 10px; font-size: var(--text-14); }
.hero-editorial .news-speaker img { width: 36px; height: 36px; }
.hero-editorial .news-banner > .news-more { margin-top: auto; align-self: flex-start; padding: 0 var(--space-16); height: 44px; min-height: 44px; border: 1px solid var(--color-border); border-radius: 6px; color: var(--ink); font-size: var(--text-16); }
.hero-editorial .news-more:hover { background: var(--ink); color: var(--color-paper); }
.hero-editorial :is(.forum-poster,.event-poster) { bottom: 60px; border-radius: 0; }
.hero-editorial .forum-poster { background: var(--color-surface); }
.hero-editorial .forum-poster img { object-fit: contain; }
.hero-editorial .event-eyebrow { top: 8%; gap: var(--space-8); font-size: var(--text-14); text-transform: none; }
.hero-editorial .event-eyebrow::before { width: 24px; }
.hero-editorial .event-eyebrow span { display: inline; font-size: var(--text-12); padding-left: var(--space-8); }
.hero-editorial .event-copy { top: 20%; font-size: var(--text-28); line-height: 1.1; }
.hero-editorial .event-copy strong { font-size: var(--text-36); line-height: 1; margin-block: var(--space-8); padding: 6px 10px; }
.hero-editorial .event-sro { font-size: var(--text-96); }
.hero-editorial .event-building { bottom: 18%; width: 40%; height: 25%; }
.hero-editorial .event-footer { font-size: var(--text-14); padding-top: var(--space-12); text-transform: none; }
.hero-editorial .case-card.is-changing .case-result span { animation: none; }
.hero-editorial .case-animated-target.case-entering { animation: hero-slide-in 220ms ease both; }
.hero-editorial .case-slide-ghost > * { animation: hero-slide-out 180ms ease both; }
@keyframes hero-slide-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes hero-slide-out { from { opacity: 1; } to { opacity: 0; } }
@media (min-width: 768px) {
  .hero-editorial { padding: var(--space-32); }
  .hero-editorial .hero-text h1 { font-size: var(--text-48); }
  .hero-editorial .case-card { max-width: 600px; }
}
@media (min-width: 1100px) {
  .hero-editorial { grid-template-columns: minmax(0,1fr) minmax(380px,34%); gap: var(--space-40); height: calc(100svh - 160px); min-height: 716px; max-height: 820px; }
  .hero-editorial .hero-text { min-height: 0; padding: var(--space-12) 0; }
  .hero-editorial .hero-text h1 { font-size: var(--text-44); }
  .hero-editorial .case-card { height: min(100%,680px); max-width: none; align-self: start; }
  .hero-editorial .case-card,
  .hero-editorial .case-card[data-mode='case'] { height: calc(100% - 12px); min-height: 0; }
  .hero-editorial .case-card[data-mode='case'] .case-body { height: 100%; }
  .hero-editorial .case-body .chart-card { flex: 1; min-height: 220px; }
  .hero-editorial .case-chart-svg { height: calc(100% - 144px); }
  .hero-editorial .case-chart-svg[data-chart-type='bars'],
  .hero-editorial .case-chart-svg[data-chart-type='line'] { height: calc(100% - 132px); }
  .hero-editorial .chart-card[data-chart-type='share'] .case-chart-svg { height: calc(100% - 76px); }
  .hero-editorial .chart-card[data-chart-type='share'] .value-start { top: calc(23.6% + 12px) !important; }
  .hero-editorial .chart-card[data-chart-type='share'] .value-end { top: calc(76.4% - 28px) !important; }
  .hero-editorial .lead { max-width: 620px; }
  .hero-editorial .lead br { display: block; }
  .hero-editorial .service-icon { width: 36px; height: 36px; }
  .hero-editorial .sheets-service { width: 26px; }
}
@media (min-width: 1400px) {
  .hero-editorial .hero-text h1 { font-size: var(--text-48); }
  .hero-editorial .case-card[data-mode='case'] { min-height: 0; }
}
@media (min-width: 1600px) {
  .hero-editorial { padding: var(--space-40); gap: var(--space-48); }
  .hero-editorial .hero-text h1 { font-size: var(--text-64); }
  .hero-editorial .lead { font-size: var(--text-20); }
  .hero-editorial .service-icon { width: 44px; height: 44px; }
  .hero-editorial .sheets-service { width: 32px; }
}
@media (max-width: 599px) {
  .hero-editorial .service-icon { width: 24px; height: 24px; }
  .hero-editorial .sheets-service { width: 18px; }
  .hero-editorial .services-icons { gap: var(--space-4); margin-left: var(--space-8); }
  .hero-editorial .hero-bg { height: 660px; object-position: center; }
  .hero-editorial { padding: var(--space-20) var(--space-16); margin-inline: var(--space-8); gap: var(--space-32); }
  .hero-editorial .hero-text h1 { font-size: var(--text-40); }
  .hero-editorial .hero-text { min-height: 0; }
  .hero-editorial .case-card { height: auto; }
  .hero-editorial .news-banner { padding-inline: var(--space-16); gap: var(--space-12); }
  .hero-editorial .news-header,.hero-editorial .case-card h2 { left: 16px; }
  .hero-editorial .news-icon { left: 16px; }
  .hero-editorial .news-banner > .news-title { font-size: var(--text-24); }
  .hero-editorial .news-case-link { font-size: var(--text-16); }
  .hero-editorial .case-result p { font-size: var(--text-24); }
  .hero-editorial .chart-card .value { font-size: var(--text-28); }
  .hero-editorial .chart-card h3 { font-size: var(--text-18); }
  .hero-editorial .chart-card[data-chart-type='share'] .case-chart-svg { left: 96px; width: calc(100% - 112px); }
  .hero-editorial .chart-card[data-chart-type='share'] .value { width: 72px; }
  .hero-editorial .event-eyebrow { flex-wrap: wrap; max-width: 70%; }
  .hero-editorial .event-copy { font-size: var(--text-24); }
  .hero-editorial .event-copy strong { font-size: var(--text-28); }
  .hero-editorial .event-footer { font-size: var(--text-12); }
}
@media (max-width: 359px) { .hero-editorial .chart-card .value { font-size: var(--text-24); } }
@media (max-width: 389px) { .hero-editorial .case-card[data-mode='case'] { min-height: 0; } }
@media (prefers-reduced-motion: reduce) {
  .hero-editorial *, .hero-editorial *::before { animation: none !important; transition: none !important; }
}

/* Keep comparison values attached to their bars, and periods on the baseline. */
.hero-editorial .chart-card[data-chart-type='bars'] .case-chart-svg,
.hero-editorial .chart-card[data-chart-type='line'] .case-chart-svg { top: 116px; height: calc(100% - 164px); }
.hero-editorial .chart-card[data-chart-type='bars'] .value::before { display: none; }
.hero-editorial .chart-card[data-chart-type='bars'] .value-start { top: calc(66px + var(--bar-start) * (100% - 164px)) !important; }
.hero-editorial .chart-card[data-chart-type='bars'] .value-end { top: calc(66px + var(--bar-end) * (100% - 164px)) !important; left: calc(50% + 3px) !important; right: auto; text-align: left; }
.hero-editorial .chart-card:is([data-chart-type='bars'],[data-chart-type='line']) .chart-months { display: flex; justify-content: space-between; position: absolute; left: 16px; right: 16px; top: auto; bottom: 14px; width: auto; height: auto; gap: 6px; color: var(--color-muted); font-size: var(--text-14); line-height: 1.2; }
.hero-editorial .chart-months :is(span,b) { color: inherit; font-weight: 400; }
.hero-editorial .chart-card[data-chart-type='bars'] .chart-months > * { width: calc(50% - 3px); text-align: left; }
.hero-editorial .chart-card:is([data-chart-type='line'],[data-chart-type='steps']) .case-chart-svg { top: 116px; height: calc(100% - 164px); }
.hero-editorial .chart-card:is([data-chart-type='line'],[data-chart-type='steps']) .value::before { display: none; }
.hero-editorial .chart-card:is([data-chart-type='line'],[data-chart-type='steps']) .value-start { top: calc(66px + var(--bar-start) * (100% - 164px)) !important; }
.hero-editorial .chart-card:is([data-chart-type='line'],[data-chart-type='steps']) .value-end { top: calc(66px + var(--line-label-end) * (100% - 164px)) !important; }
.hero-editorial .chart-card[data-chart-type='steps'] .chart-months { display: flex; justify-content: space-between; position: absolute; left: 16px; right: 16px; top: auto; bottom: 14px; width: auto; color: var(--color-muted); font-size: var(--text-14); line-height: 1.2; }
@media (max-width: 599px) {
  .hero-editorial .chart-card[data-chart-type='bars'] { min-height: 240px; }
  .hero-editorial .chart-card[data-chart-type='bars'] .chart-months { font-size: var(--text-12); }
}

/* September Figma hero: quiet diagram accents and a news-first panel. */
.hero-v2 .hero-text h1 { line-height:1; }
.hero-v2 .hero-text h1>.hero-system-line { display:flex; align-items:center; gap:var(--space-12); }
.hero-system-dots { display:block; width:68px; height:auto; flex:none; overflow:visible; }
.hero-v2 .hero-text h1>span:last-child { display:flex; align-items:center; gap:var(--space-12); }
.hero-system-switch { display:block; width:38px; height:auto; flex:none; }
.hero-heading-copy { display:inline-block; }
.hero-system-dots [data-hero-dot] { transform-box:fill-box; transform-origin:center; }
.hero-v2 .case-card[data-mode='case'] { padding-top:190px; padding-bottom:var(--space-24); }
.hero-v2 .case-body .case-result { order:-1; }
.hero-v2 .case-body .case-meta { order:2; margin-top:auto; }
.hero-v2 .case-month-row { top:74px; width:calc(100% - 48px); }
.hero-v2 .month-select { height:42px; }
.hero-v2 .case-month-row .help { position:absolute; right:0; top:-50px; }
.hero-v2 .case-arrows { left:190px; right:auto; top:74px; }
.hero-v2 .case-arrows button { width:42px; height:42px; }
.hero-v2 .case-dots { top:126px; left:24px; right:auto; bottom:auto; }
.hero-v2 .case-card h2 { font-size:var(--type-result); }
.hero-v2 .case-dots button { width:20px; min-width:20px; }
.hero-v2 .case-dots button.active { width:32px; }
.hero-v2 .case-card::after { content:''; position:absolute; top:166px; left:24px; right:24px; height:1px; background:var(--color-case-rule); }
.hero-v2 .news-banner { padding-top:190px; padding-bottom:var(--space-24); }
.hero-v2 .news-icon { top:190px; }
.hero-v2 .news-header { top:24px; }
.hero-v2 .forum-poster,.hero-v2 .event-poster { top:190px; bottom:24px; }
.hero-v2 .case-body { gap:var(--space-20); }
.hero-v2 .chart-card { min-height:330px; }
.hero-v2 .chart-card[data-theme='orange'] { background:var(--color-accent) url('/assets/figma/hero-chart-background.svg') center/100% 100% no-repeat; }
.hero-v2 .chart-card[data-theme='orange'] h3 { white-space:pre-line; }
.hero-v2 .chart-card[data-theme='orange'] :is(h3,.value,.chart-months) { color:var(--color-paper); }
.hero-v2 .chart-card[data-theme='orange'] .chart-bar { fill:var(--color-paper); opacity:.6; }
.hero-v2 .chart-card[data-theme='orange'] .chart-bar-active { fill:var(--color-paper); }
@media (max-width:599px) {
 .hero-v2 .case-arrows { left:auto; right:16px; top:64px; }
 .hero-v2 .case-month-row { left:16px; width:calc(100% - 32px); top:64px; }
 .hero-v2 .month-select { font-size:var(--text-14); height:38px; }
 .hero-v2 .case-arrows button { width:38px; height:38px; }
 .hero-v2 .case-dots { top:112px; left:16px; }
 .hero-v2 .case-card::after { top:150px; left:16px; right:16px; }
 .hero-v2 .case-card h2 { top:20px; }
 /* Diagram accents follow the heading size instead of fixed pixel widths. */
 .hero-v2 .hero-text h1>.hero-system-line { gap:.18em; }
 .hero-v2 .hero-text h1>span:last-child { display:flex; align-items:center; gap:.14em; }
 .hero-v2 .hero-system-dots { width:2.1em; translate:0 .08em; }
 .hero-v2 .hero-system-switch { width:1em; translate:0 .08em; }
 .hero-v2 .hero-text { min-height:0; }
 .hero-v2 .hero-text h1 { line-height:1.02; }
 .hero-v2 .lead { margin-top:var(--space-112); margin-bottom:var(--space-20); }
 .hero-v2 .hero-bg { height:100%; }
 .hero-v2 .case-card { height:auto; min-height:0; }
 /* News and poster slides are absolutely positioned inside the card, so those modes keep a fixed height. */
 .hero-v2 .case-card:not([data-mode='case']) { height:690px; }
 .hero-v2 .case-card[data-mode='case'] { min-height:0; padding:170px var(--space-16) var(--space-20); }
 .hero-v2 .case-body { gap:var(--space-16); }
 .hero-v2 .chart-card { min-height:240px; height:240px; }
 .hero-v2 .case-result p { font-size:var(--text-22); }
 .hero-v2 .news-banner { padding:170px var(--space-16) var(--space-20); }
 .hero-v2 .news-icon { top:170px; }
 .hero-v2 .forum-poster,.hero-v2 .event-poster { top:170px; bottom:20px; }
}
@media (min-width:1100px) {
 .hero-v2 { height:870px; max-height:none; min-height:870px; }
 .hero-v2 .hero-text { padding:var(--space-16) 0 0; }
 .hero-v2 .case-card,.hero-v2 .case-card[data-mode='case'] { height:100%; }
 .hero-v2 .hero-actions a { height:59px; }
 .hero-v2 .lead { margin-bottom:30px; }
}
@media (min-width:1600px) {
 .hero-v2 { grid-template-columns:minmax(0,1fr) 541px; gap:var(--space-48); }
 .hero-v2 .hero-text h1>.hero-system-line { gap:19px; }
 .hero-v2 .hero-text h1 { line-height:1; }
 .hero-system-dots { width:179px; height:46.697px; translate:0 8.35px; }
 .hero-v2 .hero-text h1>span:last-child { gap:15px; }
 .hero-system-switch { width:86px; translate:0 8.5px; }
 .hero-v2 .primary-action { width:280px; }
 .hero-v2 .secondary-action { width:124px; }
 .hero-v2 .hero-actions { gap:var(--space-8); }
 .hero-v2 .lead { max-width:600px; }
 .hero-v2 .case-card[data-mode='case'] { padding-top:164px; }
 .hero-v2 .case-dots { left:auto; right:24px; top:79px; }
 .hero-v2 .case-card::after { top:132px; }
 .hero-v2 .month-select { font-size:var(--text-20); }
 .hero-v2 .case-month-row { gap:16px; }
 .hero-v2 .case-body .chart-card { min-height:446px; }
}