/* 修订6：完整球体。Mini在所有窗口宽度保持移动构图，Web桌面才切左右分栏。 */
.connection-hero,body[data-mode=web] .connection-hero{display:grid;grid-template-columns:minmax(0,50fr) minmax(0,50fr);column-gap:0;align-content:center;padding:24px 20px 44px;min-height:340px}
.connection-hero .hero-copy,body[data-mode=web] .connection-hero .hero-copy{display:contents}
.connection-hero .hero-kicker{grid-column:1/-1;grid-row:1;margin-bottom:16px}
.connection-hero h1,body[data-mode=web] .connection-hero h1{grid-column:1/-1;grid-row:2;font-size:32px}
.connection-hero .hero-description,body[data-mode=web] .connection-hero .hero-description{grid-column:1;grid-row:3;max-width:calc(100% - 12px);font-size:14px;margin:12px 0 16px}
.connection-hero .hero-cta{grid-column:1;grid-row:4;align-self:start;justify-self:start;padding:12px;font-size:14px;max-width:calc(100% - 8px)}
.connection-hero .hero-cta .icon{flex:none;width:18px;height:18px}
.connection-hero .hero-art,body[data-mode=web] .connection-hero .hero-art{position:relative;grid-column:2;grid-row:3/5;align-self:center;right:auto;bottom:auto;top:auto;width:120%;height:auto;aspect-ratio:1;margin-left:-14%;opacity:1;mask-image:none;-webkit-mask-image:none;pointer-events:none}
.connection-hero>.hero-caption,body[data-mode=web] .connection-hero>.hero-caption{left:20px;bottom:12px;max-width:150px}
.connection-hero>.hero-caption span{display:none}
@media(max-width:380px){.connection-hero h1,body[data-mode=web] .connection-hero h1{font-size:30px}.connection-hero .hero-cta{padding:12px 8px;gap:6px}}
@media(min-width:760px){
 body[data-mode=web] .connection-hero{display:block;padding:32px 40px 56px;min-height:360px}
 body[data-mode=web] .connection-hero .hero-copy{display:block;max-width:56%}
 body[data-mode=web] .connection-hero h1{font-size:36px}
 body[data-mode=web] .connection-hero .hero-description{font-size:16px;max-width:380px;margin:12px 0 18px}
 body[data-mode=web] .connection-hero .hero-cta{padding:12px 20px}
 body[data-mode=web] .connection-hero .hero-art{position:absolute;width:43%;height:100%;max-height:400px;aspect-ratio:auto;right:12px;top:0;bottom:auto;margin:0}
 body[data-mode=web] .connection-hero>.hero-caption{left:40px;max-width:55%}
 body[data-mode=web] .connection-hero>.hero-caption span{display:inline}
}
@media(min-width:1100px){body[data-mode=web] .connection-hero h1{font-size:42px}}
/* 俄文窄屏保留完整文案，以更紧的行高控制旁栏高度。 */
html[lang=ru] body[data-mode=mini] .connection-hero .hero-description{font-size:13px;line-height:1.65}
@media(max-width:759px){html[lang=ru] body[data-mode=web] .connection-hero .hero-description{font-size:13px;line-height:1.65}}
html[lang=ru] body[data-mode=mini] .connection-hero h1{font-size:clamp(25px,7vw,28px)}
@media(max-width:759px){html[lang=ru] body[data-mode=web] .connection-hero h1{font-size:clamp(25px,7vw,28px)}}
/* 修订7：约四分之三球面，右缘出框；变换不增加Hero的布局高度。 */
.connection-hero .hero-art,body[data-mode=web] .connection-hero .hero-art{transform:translate(calc(23.4% + 20px),12px) scale(1.35)}
@media(min-width:760px){body[data-mode=web] .connection-hero .hero-art{width:450px;height:450px;max-height:none;right:-153px;top:50%;transform:translateY(-50%)}}