/* Восемь моделей используют общую проекцию: ±30° для основания и вертикаль для высоты. */
.isometric-art{display:block;max-width:100%;height:auto;overflow:visible}
.isometric-art :is(path,polyline,polygon,circle,rect,ellipse){vector-effect:non-scaling-stroke}
#studio .industry-art.isometric-art{width:100%;max-width:100px;height:auto;aspect-ratio:1}
.isometric-art .iso-rotor{transform-box:view-box;transform-origin:50% 50%}
.isometric-art .studio-work-signal{opacity:0;stroke-dasharray:.08 .92;stroke-dashoffset:1}
.js .own-business.in-view .isometric-art .iso-rotor,.js .industry-card.in-view .isometric-art .iso-rotor{animation:iso-rotate 8s linear infinite}
.js .own-business.in-view .isometric-art .plant-lot-motion,.js .industry-card.in-view .isometric-art .plant-lot-motion{animation:iso-conveyor 5s linear infinite;animation-delay:calc(var(--lot)*-.78s)}
.js .own-business.in-view .isometric-art .studio-work-signal{animation:iso-signal 6s linear infinite;animation-delay:calc(var(--module)*-1.1s)}
.js .own-business.in-view .isometric-art .plant-indicator{animation:iso-indicator 3.5s ease infinite}
.js .industry-card.in-view .industry-art.isometric-art{animation:iso-art-lift 6s ease-in-out infinite;animation-delay:calc(var(--i)*-.7s)}
.js .industry-card.in-view .isometric-art .industry-highlight{animation:iso-detail 4.8s ease-in-out infinite;animation-delay:calc(var(--i)*-.6s);stroke-dasharray:none;stroke-dashoffset:0}
.js .own-business:not(.in-view) .isometric-art *,.js .industry-card:not(.in-view) .isometric-art *{animation-play-state:paused!important}
.js .own-business.in-view .practice-flow-packet{stroke-dasharray:.18 .82;animation:iso-signal 4.6s linear infinite;animation-delay:calc(var(--module)*-1.7s)}
.js .own-business.in-view .server-status{animation:iso-server-status 3.8s ease-in-out infinite}
.js .own-business.in-view .studio-panel-signal{animation:iso-panel-signal 5s ease-in-out infinite}
.js .own-business.in-view .plant-panel-signal{animation:iso-panel-signal 4.4s ease-in-out infinite}
@keyframes iso-server-status{0%,100%{opacity:.45}18%,26%,54%,68%{opacity:1}36%,43%{opacity:.65}}
@keyframes iso-panel-signal{0%,100%{opacity:.45}35%,65%{opacity:1}}
@keyframes iso-rotate{to{transform:rotate(360deg)}}
@keyframes iso-conveyor{0%{transform:translate(0,0);opacity:0}14%,82%{opacity:1}100%{transform:translate(13.856px,8px);opacity:0}}
@keyframes iso-signal{0%{stroke-dashoffset:1;opacity:0}10%,85%{opacity:.85}100%{stroke-dashoffset:0;opacity:0}}
@keyframes iso-indicator{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes iso-art-lift{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes iso-detail{0%,100%{opacity:.45}50%{opacity:1}}
@media(max-width:760px){#studio .industry-art.isometric-art{max-width:80px;height:auto}}
@media(prefers-reduced-motion:reduce){.isometric-art,.isometric-art *{animation:none!important;transition:none!important}}
/* Парные карточки показывают платформы на одной высоте при одинаковой камере. */
@media(min-width:1101px){.production-summary,.practice-studio .practice-body>h3{min-height:110px}.practice-card .practice-description{min-height:92px}}
@media(min-width:1101px) and (max-width:1450px){.production-summary,.practice-studio .practice-body>h3{min-height:96px}}
.practice-card .practice-illustration{width:92%;max-width:590px;margin:8px auto}
.practice-card .practice-illustration>svg{max-height:220px}
@media(min-width:1101px){.practice-card .practice-body{grid-template-rows:104px auto 220px 1fr}}
.practice-studio .studio-business-ledger>span{background:#152831;border-color:#34515b;color:#c0d5db}
/* Цвет материалов отличает два собственных бизнеса, не меняя изометрию моделей. */
#own-production{background:#142119;border-color:#4e674b}#studio-team{background:#13232d;border-color:#456675}
#own-production .production-ledger>span{background:#1c3224;border-color:#405c43;color:#c6d8bd}
#studio-team .studio-business-ledger>span{background:#1a3342;border-color:#426477;color:#c8dfe4}
#studio-team .practice-body>h3{color:#d1e6eb}#own-production .practice-body>h3{color:#d6e3cb}

/* Отраслевые материалы различаются фирменными оттенками, а фон остаётся спокойным. */
.industry-card{--industry-tone:#d6b47d;--industry-bg:#27271f}
.industry-card:nth-child(2){--industry-tone:#90bfce;--industry-bg:#1b2b33}.industry-card:nth-child(3){--industry-tone:#d49db7;--industry-bg:#2c222f}.industry-card:nth-child(4){--industry-tone:#94b5d5;--industry-bg:#1e2b3a}.industry-card:nth-child(5){--industry-tone:#b7cd8e;--industry-bg:#242f23}.industry-card:nth-child(6){--industry-tone:#bda4d5;--industry-bg:#292334}
#studio .industry-card{background:var(--industry-bg);border-color:color-mix(in srgb,var(--industry-tone) 30%,#27393f)}
#studio .industry-number{color:var(--industry-tone)}
#studio .industry-card h3{color:color-mix(in srgb,var(--industry-tone) 34%,#edf0f1)}
