/* Панели с описанием в стиле предоставленного референса. */
.detail-section.info-panel{position:relative;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:54px;align-items:center;min-height:540px;padding:44px 58px;margin-block:26px;background:linear-gradient(120deg,rgba(238,242,247,.92),rgba(247,250,253,.94));border:1px solid #d2e2ef;border-radius:30px;box-shadow:inset 0 1px 10px #ffffffdd,0 2px 9px #2c65852b,0 18px 48px #45647d0c;backdrop-filter:blur(12px);scroll-margin-top:110px}
.info-panel .detail-copy{position:relative;z-index:2;min-width:0;padding:10px 0}
.info-panel .detail-copy .eyebrow{margin-bottom:17px}
.info-panel .detail-copy h2{font-size:35px;line-height:1.17;letter-spacing:-.03em;margin-bottom:22px;max-width:620px}
.info-panel .detail-copy h2 span{color:#102238}
.info-panel .detail-copy>p:not(.eyebrow){font-size:17px;line-height:1.6;max-width:620px;color:#526b85}
.info-panel .detail-points{margin:26px 0 28px;gap:13px}
.info-panel .detail-points li{padding-left:31px;font-size:16px;line-height:1.45;color:#21384f}
.info-panel .detail-points li:before{content:'✓';display:grid;place-items:center;position:absolute;top:2px;left:0;width:18px;height:18px;border:1px solid #8bb9e6;border-radius:50%;background:#dceafb;color:#0871d8;font-weight:700;font-size:12px;box-shadow:inset 0 1px 2px #fff}
.info-panel .detail-actions{gap:24px;margin-top:0}
.info-panel .detail-actions .button{font-size:14px;min-height:52px;padding:14px 24px;gap:22px}
.info-panel .secondary-link{font-size:13px}
.info-art{position:relative;order:-1;width:100%;height:460px;min-width:0;display:grid;place-items:center;isolation:isolate}
.info-art>img{height:440px;width:100%;max-width:330px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 16px 18px #32496122);animation:info-character-drift 8s ease-in-out infinite}
.info-art--apps>img{max-width:300px;animation-delay:-2s}
.info-art--network>img{max-width:300px;animation-delay:-4s}
.info-art--digital>img{max-width:290px;animation-delay:-6s}
.info-floor{position:absolute;bottom:16px;left:50%;width:160px;height:20px;border-radius:50%;transform:translateX(-50%);background:#344e6917;filter:blur(12px);z-index:-1}
.info-art-label{position:absolute;bottom:-9px;text-align:center;color:#58728d;font-size:10px;letter-spacing:.05em}
.info-orbit{position:absolute;left:50%;top:50%;width:310px;height:190px;border:1px solid #89bdf328;border-radius:50%;z-index:-1;pointer-events:none}
.info-orbit--one{transform:translate(-50%,-50%) rotate(-30deg);animation:info-orbit-drift 15s ease-in-out infinite alternate}
.info-orbit--two{width:285px;height:260px;transform:translate(-50%,-50%) rotate(32deg);border-color:#ffffffc9}
.info-panel.detail-section--reverse .info-art{order:1}
.info-panel.detail-section--reverse{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
@keyframes info-character-drift{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes info-orbit-drift{from{transform:translate(-50%,-50%) rotate(-30deg)}to{transform:translate(-50%,-50%) rotate(-19deg)}}
@media(min-width:1600px){.detail-section.info-panel{padding:52px 72px;gap:70px;min-height:560px}.info-panel .detail-copy h2{font-size:39px}.info-panel .detail-copy>p:not(.eyebrow){font-size:18px}.info-art{height:470px}.info-art>img{height:450px;max-width:360px}}
@media(max-width:1100px){.detail-section.info-panel{padding:34px 38px;gap:34px;min-height:510px}.info-panel .detail-copy h2{font-size:31px}.info-panel .detail-copy>p:not(.eyebrow){font-size:16px}.info-panel .detail-points li{font-size:15px}.info-art{height:430px}.info-art>img{height:410px}.info-panel .detail-actions{gap:18px}.info-panel .detail-actions .button{font-size:13px;padding:13px 20px}}
@media(max-width:850px){.detail-section.info-panel{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);padding:30px;gap:24px;min-height:490px}.info-panel.detail-section--reverse{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)}.info-panel .detail-copy h2{font-size:27px}.info-panel .detail-copy>p:not(.eyebrow){font-size:15px}.info-panel .detail-points{gap:11px;margin-block:22px}.info-panel .detail-points li{font-size:14px}.info-panel .detail-actions{align-items:flex-start;flex-direction:column;gap:18px}.info-art{height:390px}.info-art>img{height:370px}.info-orbit{width:200px;height:150px}.info-orbit--two{width:180px;height:220px}.info-art-label{font-size:9px;bottom:6px}}
@media(max-width:650px){.detail-section.info-panel,.info-panel.detail-section--reverse{grid-template-columns:1fr;gap:8px;padding:27px 23px 29px;margin-block:24px;border-radius:24px;min-height:0;scroll-margin-top:83px}.info-panel .detail-copy{order:0;padding:0}.info-art,.info-panel.detail-section--reverse .info-art{order:1;height:250px;margin-top:15px}.info-art>img{height:245px;max-width:230px}.info-art--apps>img,.info-art--network>img{max-width:245px}.info-art-label{bottom:-8px;font-size:9px}.info-floor{bottom:0;width:110px}.info-panel .detail-copy h2{font-size:29px;margin-bottom:17px}.info-panel .detail-copy .eyebrow{font-size:9px;margin-bottom:14px}.info-panel .detail-copy>p:not(.eyebrow){font-size:15px;line-height:1.65}.info-panel .detail-points{margin:21px 0 23px;gap:12px}.info-panel .detail-points li{font-size:14px;padding-left:29px}.info-panel .detail-actions .button{font-size:13px;min-height:48px}.info-panel .secondary-link{font-size:12px}.info-panel .detail-actions{gap:17px}.info-orbit{width:230px;height:140px}.info-orbit--two{width:210px;height:190px}}
@media(prefers-reduced-motion:reduce){.info-art>img,.info-orbit{animation:none}}

/* Один персонаж и одна рамка для четырёх описаний. */
.hero-copy{background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
.detail-section.shared-info-panel{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);min-height:575px;background:transparent;border:1px solid #8db9de;box-shadow:0 10px 28px #245f8510;backdrop-filter:none}
.shared-info-panel .info-art{order:0}
.shared-info-content{position:relative;min-width:0;align-self:center}
.service-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid #cbddecc7}
.service-tabs button{border:1px solid transparent;min-height:39px;padding:8px 12px;border-radius:22px;background:transparent;color:#536b83;font-size:12px;font-weight:600;line-height:1.4;transition:color .2s,background .2s,box-shadow .2s}
.service-tabs button:hover{background:#e1edf9;color:#1568d6}
.service-tabs button[aria-selected="true"]{background:var(--gradient);color:white;box-shadow:0 7px 15px #1772ce1c}
.shared-info-views{display:grid;min-height:386px;align-items:start}
.shared-info-view{grid-area:1/1;animation:shared-info-enter .38s var(--ease) both}
.shared-info-view[hidden]{display:none!important}
.shared-info-view:focus-visible{outline:3px solid #0089d6;outline-offset:8px;border-radius:8px}
@keyframes shared-info-enter{from{opacity:.4}to{opacity:1}}
@media(max-width:1100px){.detail-section.shared-info-panel{min-height:565px}.service-tabs{gap:4px;margin-bottom:24px}.service-tabs button{font-size:11px;padding:8px 10px}.shared-info-views{min-height:395px}}
@media(max-width:850px){.detail-section.shared-info-panel{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}.shared-info-views{min-height:425px}.service-tabs{gap:5px;margin-bottom:20px}.service-tabs button{font-size:11px;padding:7px 9px;min-height:35px}}
@media(max-width:650px){.detail-section.shared-info-panel{grid-template-columns:1fr;gap:18px;min-height:0}.shared-info-panel .info-art{order:0;height:180px;margin:0 0 13px}.shared-info-panel .info-art>img{height:185px;max-width:170px}.shared-info-panel .info-art-label{bottom:-12px}.shared-info-panel .info-orbit{width:215px;height:100px}.shared-info-panel .info-orbit--two{width:175px;height:155px}.shared-info-content{order:1}.service-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-bottom:17px;margin-bottom:21px}.service-tabs button{font-size:12px;padding:9px 6px;min-height:39px}.shared-info-views{min-height:470px;align-items:start}.shared-info-panel .detail-copy{padding:0}}
@media(prefers-reduced-motion:reduce){.shared-info-view{animation:none}.service-tabs button{transition:none}}

.shared-info-panel .service-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:4px;margin-bottom:28px;border:1px solid #91b9dcc9;border-radius:26px;background:#dbe9f333;box-shadow:inset 0 1px 2px #ffffff6e}
.shared-info-panel .service-tabs button{min-width:0;min-height:40px;border:0;border-radius:22px;padding:8px 9px;font-size:12px;position:relative}
.shared-info-panel .service-tabs button+button:before{content:'';position:absolute;left:-1px;top:9px;bottom:9px;width:1px;background:#91b9dc99}
.shared-info-panel .service-tabs button[aria-selected="true"]:before,.shared-info-panel .service-tabs button[aria-selected="true"]+button:before{display:none}
.shared-info-panel .service-tabs button:not([aria-selected="true"]):hover{background:#deedfa88}
@media(max-width:850px){.shared-info-panel .service-tabs button{font-size:11px;padding-inline:4px}}
@media(max-width:650px){.shared-info-panel .service-tabs{grid-template-columns:1fr 1fr;gap:5px;border-radius:16px;margin-bottom:24px}.shared-info-panel .service-tabs button{font-size:12px;border:1px solid #96bcdb99;border-radius:12px;min-height:40px}.shared-info-panel .service-tabs button+button:before{display:none}.shared-info-panel .service-tabs button[aria-selected="true"]{border-color:transparent}}