/* Approved art covers. Generated by export-site.cjs from the reviewed gallery. */
.artcases{background:var(--paper);color:var(--ink);padding:clamp(64px,12vh,130px) 0 clamp(56px,10vh,110px);scroll-margin-top:70px;overflow:hidden;font-family:var(--body)}
.artcases__in{padding:0 var(--pad);max-width:1640px;margin:auto}.artcases__head{margin-bottom:40px;display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap}.artcases__head p{font-size:var(--fs-caption);color:var(--ink-dim);margin:0}
.artcases h3,.artcases p{margin:0}.artcases img{max-width:100%;display:block}.artcases *{box-sizing:border-box}
#cases .artcases__grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0px, 1fr));
  gap:27px;
}
#cases .artcases__case{
  min-width:0px;
}
#cases .artcases__art{
  position:relative;
  width:100%;
  aspect-ratio:4 / 5;
  overflow:hidden;
  background:var(--ac-background-001);
}
#cases .artcases__art > img.artcases__main{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:var(--ac-transition-002);
}
#cases .artcases__case:hover .artcases__art > img.artcases__main{
  transform:scale(1.025);
}
#cases .artcases__case-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:20px 0px 8px;
  font-size:var(--ac-font-size-003);
  color:var(--ac-muted);
}
#cases .artcases__case h3{
  font-size:var(--ac-font-size-004);
  line-height:1.22;
  letter-spacing:-0.03em;
  font-weight:600;
}
#cases .artcases__case .artcases__summary{
  color:var(--ac-muted);
  font-size:var(--ac-font-size-005);
  line-height:1.48;
  margin-top:11px;
  max-width:430px;
}
#cases .artcases__tanuki .artcases__main{
  object-position:43% 50%;
}
#cases .artcases__azbuka .artcases__main{
  object-position:50% 53%;
}
#cases .artcases__platform .artcases__art{
  background:var(--ac-background-006);
}
#cases .artcases__gradient{
  position:absolute;
  inset:0px;
  background:var(--ac-background-007);
}
#cases .artcases__mode-b .artcases__art{
  background:var(--ac-background-008);
}
#cases .artcases__mode-b .artcases__brand{
  position:absolute;
  top:25px;
  left:25px;
  color:var(--ac-color-009);
  font:var(--ac-font-010);
  letter-spacing:-0.055em;
  z-index:2;
}
#cases .artcases__mode-b .artcases__brand img{
  width:119px;
  max-height:63px;
  object-fit:contain;
}
#cases .artcases__cover-proof{
  position:absolute;
  left:25px;
  right:20px;
  bottom:28px;
  color:var(--ac-color-009);
  z-index:2;
}
#cases .artcases__cover-proof strong{
  display:block;
  font:var(--ac-font-011);
  letter-spacing:-0.065em;
}
#cases .artcases__cover-proof span{
  display:block;
  font-size:var(--ac-font-size-005);
  margin-top:12px;
}
#cases .artcases__mode-b .artcases__tanuki .artcases__main{
  object-position:60% 50%;
}
#cases .artcases__mode-b .artcases__tanuki .artcases__brand{
  color:var(--ac-color-012);
  background:var(--ac-background-013);
  padding:8px 11px;
  font:var(--ac-font-014);
  left:20px;
  top:20px;
}
#cases .artcases__mode-b .artcases__tanuki .artcases__cover-proof strong{
  font-size:var(--ac-font-size-015);
}
#cases .artcases__mode-b .artcases__platform .artcases__brand{
  font:var(--ac-font-016);
}
#cases .artcases__mode-b .artcases__azbuka .artcases__main{
  object-position:50% 45%;
}
#cases .artcases__mode-b .artcases__azbuka .artcases__gradient{
  background:var(--ac-background-017);
}
#cases .artcases__mode-b .artcases__platform .artcases__gradient{
  background:var(--ac-background-018);
}
#cases .artcases__mode-b .artcases__tanuki .artcases__gradient{
  background:var(--ac-background-019);
}
#cases .artcases__mode-b .artcases__case-top{
  margin-top:20px;
}
@media (max-width: 1000px){
#cases .artcases__grid{
  gap:18px;
}
#cases .artcases__case h3{
  font-size:var(--ac-font-size-020);
}
#cases .artcases__mode-b .artcases__brand{
  left:19px;
  top:20px;
}
#cases .artcases__cover-proof{
  left:19px;
}
#cases .artcases__cover-proof span{
  font-size:var(--ac-font-size-021);
}
}
@media (max-width: 700px){
#cases .artcases__grid{
  grid-template-columns:1fr;
  gap:38px;
}
#cases .artcases__grid .artcases__art{
  aspect-ratio:4 / 4.4;
}
#cases .artcases__case h3{
  font-size:var(--ac-font-size-022);
}
#cases .artcases__case .artcases__summary{
  font-size:var(--ac-font-size-023);
}
#cases .artcases__case-top{
  font-size:var(--ac-font-size-003);
}
#cases .artcases__mode-b .artcases__brand{
  font-size:var(--ac-font-size-024);
  left:25px;
  top:26px;
}
#cases .artcases__mode-b .artcases__brand img{
  width:125px;
}
#cases .artcases__cover-proof{
  left:25px;
}
#cases .artcases__cover-proof strong{
  font-size:var(--ac-font-size-025);
}
#cases .artcases__mode-b .artcases__tanuki .artcases__cover-proof strong{
  font-size:var(--ac-font-size-026);
}
#cases .artcases__cover-proof span{
  font-size:var(--ac-font-size-023);
}
}
#cases .artcases__grid.artcases__mosaic{
  grid-template-columns:repeat(12, minmax(0px, 1fr));
  gap:40px 27px;
}
#cases .artcases__mosaic .artcases__case:nth-child(1){
  grid-column:span 7;
}
#cases .artcases__mosaic .artcases__case:nth-child(2){
  grid-column:span 5;
}
#cases .artcases__mosaic .artcases__case:nth-child(n+3){
  grid-column:span 4;
}
#cases.artcases__mixed .artcases__mosaic .artcases__art{
  height:clamp(340px, 33vw, 480px);
  aspect-ratio:auto;
}
#cases.artcases__mixed .artcases__mosaic .artcases__case:nth-child(n+3) .artcases__art{
  height:350px;
}
#cases.artcases__mixed .artcases__mosaic .artcases__tanuki .artcases__main{
  object-position:50% 0%;
}
#cases.artcases__mixed .artcases__mosaic .artcases__azbuka .artcases__main{
  object-position:center 20%;
}
#cases .artcases__mode-b .artcases__brics .artcases__art{
  background:var(--ac-background-027);
}
#cases .artcases__mode-b .artcases__brics .artcases__main{
  position:absolute;
  right:0px;
  top:0px;
  width:70%;
  object-position:50% 30%;
}
#cases .artcases__mode-b .artcases__brics .artcases__gradient{
  background:var(--ac-background-028);
}
#cases .artcases__mode-b .artcases__exhibition .artcases__gradient{
  background:var(--ac-background-029);
}
#cases .artcases__mode-b .artcases__exhibition .artcases__brand{
  font-size:var(--ac-font-size-030);
}
#cases .artcases__mosaic .artcases__case:nth-child(n+3) .artcases__cover-proof strong{
  font-size:var(--ac-font-size-031);
}
#cases .artcases__mosaic .artcases__case:nth-child(n+3) .artcases__cover-proof span{
  font-size:var(--ac-font-size-021);
  max-width:80%;
}
#cases .artcases__mosaic .artcases__brics .artcases__case-top{
  font-size:var(--ac-font-size-032);
}
#cases .artcases__mosaic .artcases__brics .artcases__case-top span:first-child{
  max-width:63%;
}
#cases.artcases__mixed .artcases__mosaic .artcases__brand{
  top:25px;
}
#cases.artcases__mixed .artcases__mosaic .artcases__platform .artcases__brand{
  font-size:var(--ac-font-size-033);
}
#cases.artcases__mixed .artcases__mosaic .artcases__azbuka .artcases__brand img{
  width:110px;
}
#cases.artcases__mixed .artcases__mosaic .artcases__cover-proof{
  bottom:28px;
}
#cases.artcases__mixed .artcases__mosaic .artcases__cover-proof strong{
  font-size:var(--ac-font-size-034);
}
#cases.artcases__mixed .artcases__mosaic .artcases__case:nth-child(n+3) .artcases__cover-proof strong{
  font-size:var(--ac-font-size-031);
}
@media (max-width: 1100px){
#cases .artcases__grid.artcases__mosaic{
  gap:32px 20px;
}
#cases.artcases__mixed .artcases__mosaic .artcases__art{
  height:390px;
}
#cases.artcases__mixed .artcases__mosaic .artcases__case:nth-child(n+3) .artcases__art{
  height:280px;
}
#cases .artcases__mosaic .artcases__case:nth-child(n+3) .artcases__brand{
  font-size:var(--ac-font-size-023);
}
#cases.artcases__mixed .artcases__mosaic .artcases__case:nth-child(n+3) .artcases__cover-proof strong{
  font-size:var(--ac-font-size-035);
}
}
@media (max-width: 700px){
#cases .artcases__grid.artcases__mosaic{
  grid-template-columns:1fr;
}
#cases .artcases__mosaic .artcases__case:nth-child(n){
  grid-column:auto;
}
#cases.artcases__mixed .artcases__mosaic .artcases__case:nth-child(n) .artcases__art{
  height:auto;
  aspect-ratio:4 / 4.4;
}
#cases.artcases__mixed .artcases__mosaic .artcases__case:nth-child(n+3) .artcases__cover-proof strong{
  font-size:var(--ac-font-size-036);
}
#cases.artcases__mixed .artcases__mosaic .artcases__case:nth-child(n+3) .artcases__cover-proof span{
  font-size:var(--ac-font-size-005);
}
#cases.artcases__mixed .artcases__mosaic .artcases__azbuka .artcases__main{
  object-position:center 50%;
}
#cases .artcases__mosaic .artcases__brics .artcases__case-top{
  font-size:var(--ac-font-size-003);
}
#cases .artcases__mosaic .artcases__case:nth-child(n+3) .artcases__brand{
  font-size:var(--ac-font-size-004);
}
}
#cases .artcases__grid.artcases__mosaic{
  row-gap:47px;
}
#cases .artcases__case-top span:first-child{
  min-width:0px;
}
#cases .artcases__case-top span:last-child{
  white-space:nowrap;
}
#cases .artcases__case .artcases__summary{
  max-width:520px;
}
#cases.artcases__mixed .artcases__mosaic .artcases__case .artcases__brand{
  font-size:var(--ac-font-size-033);
  max-width:85%;
}
#cases.artcases__mixed .artcases__mosaic .artcases__tanuki .artcases__brand{
  font-size:var(--ac-font-size-005);
}
#cases.artcases__mixed .artcases__mosaic .artcases__brics .artcases__brand{
  font-size:var(--ac-font-size-022);
}
#cases.artcases__mixed .artcases__mosaic .artcases__exhibition .artcases__brand{
  font-size:var(--ac-font-size-030);
}
#cases .artcases__mosaic .artcases__case.artcases__rodina{
  grid-column:span 5;
}
#cases .artcases__mosaic .artcases__case.artcases__supercar{
  grid-column:span 7;
}
#cases .artcases__mosaic .artcases__case.artcases__city{
  grid-column:span 7;
}
#cases .artcases__mosaic .artcases__case.artcases__broadcast{
  grid-column:span 5;
}
#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__rodina .artcases__art,#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__supercar .artcases__art,#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__city .artcases__art,#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__broadcast .artcases__art{
  height:clamp(340px, 33vw, 480px);
}
#cases.artcases__mixed .artcases__mosaic .artcases__new-case .artcases__cover-proof strong{
  font-size:var(--ac-font-size-037);
}
#cases.artcases__mixed .artcases__mosaic .artcases__new-case .artcases__brand{
  font-size:var(--ac-font-size-038);
}
#cases .artcases__mode-b .artcases__rodina .artcases__main{
  object-position:70% 50%;
}
#cases .artcases__mode-b .artcases__rodina .artcases__gradient{
  background:var(--ac-background-039);
}
#cases .artcases__mode-b .artcases__supercar .artcases__main{
  object-position:54% 60%;
}
#cases .artcases__mode-b .artcases__supercar .artcases__gradient{
  background:var(--ac-background-040);
}
#cases .artcases__mode-b .artcases__dinamo .artcases__main{
  object-position:66% 40%;
}
#cases .artcases__mode-b .artcases__dinamo .artcases__gradient{
  background:var(--ac-background-041);
}
#cases .artcases__mode-b .artcases__cosmetics .artcases__main{
  object-position:62% 42%;
}
#cases .artcases__mode-b .artcases__cosmetics .artcases__gradient{
  background:var(--ac-background-042);
}
#cases .artcases__mode-b .artcases__tanuki-kz .artcases__main{
  object-position:60% 50%;
}
#cases .artcases__mode-b .artcases__tanuki-kz .artcases__gradient{
  background:var(--ac-background-043);
}
#cases .artcases__mode-b .artcases__city .artcases__main{
  object-position:50% 47%;
}
#cases .artcases__mode-b .artcases__city .artcases__gradient{
  background:var(--ac-background-044);
}
#cases .artcases__mode-b .artcases__broadcast .artcases__main{
  object-position:65% 50%;
}
#cases .artcases__mode-b .artcases__broadcast .artcases__gradient{
  background:var(--ac-background-045);
}
#cases .artcases__mode-b .artcases__erarta .artcases__art{
  background:var(--ac-background-046);
}
#cases .artcases__mode-b .artcases__erarta .artcases__main{
  position:absolute;
  right:-3%;
  top:6%;
  width:73%;
  height:108%;
  object-position:50% 0%;
  filter:var(--ac-filter-047);
  mix-blend-mode:darken;
}
#cases .artcases__mode-b .artcases__erarta .artcases__brand{
  color:var(--ac-color-048);
}
#cases .artcases__mode-b .artcases__erarta .artcases__gradient{
  background:var(--ac-background-049);
}
#cases .artcases__mode-b .artcases__kiosk .artcases__art{
  background:var(--ac-background-050);
}
#cases .artcases__mode-b .artcases__kiosk .artcases__gradient{
  background:var(--ac-background-051);
}
#cases .artcases__mode-b .artcases__jewelry .artcases__main{
  object-position:54% 46%;
}
#cases .artcases__mode-b .artcases__jewelry .artcases__gradient{
  background:var(--ac-background-052);
}
@media (min-width: 701px) and (max-width: 1100px){
#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__rodina .artcases__art,#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__supercar .artcases__art,#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__city .artcases__art,#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__broadcast .artcases__art{
  height:390px;
}
#cases.artcases__mixed .artcases__mosaic .artcases__new-case .artcases__brand{
  font-size:var(--ac-font-size-053);
}
#cases.artcases__mixed .artcases__mosaic .artcases__new-case .artcases__cover-proof strong{
  font-size:var(--ac-font-size-054);
}
#cases .artcases__case-top{
  flex-wrap:wrap;
  gap:4px;
}
#cases.artcases__mixed .artcases__mosaic .artcases__new-case .artcases__cover-proof span{
  font-size:var(--ac-font-size-003);
}
}
@media (max-width: 700px){
#cases .artcases__grid.artcases__mosaic{
  row-gap:39px;
}
#cases .artcases__mosaic .artcases__case.artcases__rodina,#cases .artcases__mosaic .artcases__case.artcases__supercar,#cases .artcases__mosaic .artcases__case.artcases__city,#cases .artcases__mosaic .artcases__case.artcases__broadcast{
  grid-column:auto;
}
#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__rodina .artcases__art,#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__supercar .artcases__art,#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__city .artcases__art,#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__broadcast .artcases__art{
  height:auto;
  aspect-ratio:4 / 4.4;
}
#cases.artcases__mixed .artcases__mosaic .artcases__case .artcases__brand,#cases.artcases__mixed .artcases__mosaic .artcases__new-case .artcases__brand{
  font-size:var(--ac-font-size-004);
}
#cases.artcases__mixed .artcases__mosaic .artcases__tanuki .artcases__brand{
  font-size:var(--ac-font-size-055);
}
#cases.artcases__mixed .artcases__mosaic .artcases__new-case .artcases__cover-proof strong{
  font-size:var(--ac-font-size-036);
}
#cases.artcases__mixed .artcases__mosaic .artcases__new-case .artcases__cover-proof span{
  font-size:var(--ac-font-size-055);
}
#cases .artcases__mode-b .artcases__rodina .artcases__main{
  object-position:71% 50%;
}
#cases .artcases__mode-b .artcases__city .artcases__main{
  object-position:64% 50%;
}
#cases .artcases__mode-b .artcases__supercar .artcases__main{
  object-position:64% 50%;
}
#cases .artcases__case-top{
  align-items:start;
}
#cases .artcases__case-top span:last-child{
  font-size:var(--ac-font-size-032);
  white-space:normal;
  text-align:right;
}
#cases .artcases__mode-b .artcases__erarta .artcases__main{
  width:87%;
  right:-10%;
  top:0px;
}
}
@media (min-width: 1101px){
#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__rodina .artcases__cover-proof strong,#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__city .artcases__cover-proof strong,#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__broadcast .artcases__cover-proof strong{
  font-size:var(--ac-font-size-056);
}
#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__rodina .artcases__cover-proof span,#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__city .artcases__cover-proof span,#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__broadcast .artcases__cover-proof span{
  font-size:var(--ac-font-size-005);
}
}
#cases .artcases__mosaic .artcases__case.artcases__explain{
  grid-column:span 5;
}
#cases .artcases__mosaic .artcases__case.artcases__lessons{
  grid-column:span 7;
}
#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__explain .artcases__art,#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__lessons .artcases__art{
  height:clamp(340px, 33vw, 480px);
}
#cases .artcases__mode-b .artcases__city .artcases__art{
  background:var(--ac-background-057);
}
#cases .artcases__mode-b .artcases__city .artcases__art > .artcases__main{
  position:absolute;
  width:95%;
  height:95%;
  max-width:none;
  right:-17%;
  top:14%;
  object-fit:contain;
}
#cases .artcases__mode-b .artcases__city .artcases__gradient{
  background:var(--ac-background-058);
}
#cases .artcases__mode-b .artcases__city .artcases__brand,#cases .artcases__mode-b .artcases__city .artcases__cover-proof{
  color:var(--ac-color-059);
}
#cases .artcases__mode-b .artcases__city .artcases__cover-proof span{
  max-width:200px;
}
#cases .artcases__mode-b .artcases__platform .artcases__art{
  background:var(--ac-background-060);
}
#cases .artcases__product-window{
  position:absolute;
  left:40%;
  top:21%;
  width:80%;
  height:110%;
  overflow:hidden;
  transform:rotate(-10deg);
  border:var(--ac-border-061);
  border-radius:var(--ac-border-radius-062);
  box-shadow:var(--ac-box-shadow-063);
}
#cases .artcases__product-window img{
  width:100%;
  margin-top:-6%;
}
#cases .artcases__mode-b .artcases__platform .artcases__gradient{
  background:var(--ac-background-064);
}
#cases .artcases__mode-b .artcases__kiosk .artcases__art{
  background:var(--ac-background-065);
}
#cases .artcases__kiosk .artcases__portrait{
  position:absolute;
  width:62%;
  right:-2%;
  bottom:0px;
  filter:var(--ac-filter-066);
}
#cases .artcases__question-fragment{
  position:absolute;
  left:5%;
  top:31%;
  width:61%;
  height:45%;
  overflow:hidden;
  transform:rotate(-6deg);
  box-shadow:var(--ac-box-shadow-067);
  border:var(--ac-border-068);
  border-radius:var(--ac-border-radius-069);
}
#cases .artcases__question-fragment img{
  max-width:none;
  width:164%;
  margin-left:-32%;
  margin-top:-110%;
}
#cases .artcases__mode-b .artcases__kiosk .artcases__gradient{
  background:var(--ac-background-070);
}
#cases .artcases__voice-wave{
  position:absolute;
  left:7%;
  bottom:9%;
  display:flex;
  align-items:center;
  gap:3px;
  height:50px;
}
#cases .artcases__voice-wave i{
  width:3px;
  background:var(--ac-background-071);
  border-radius:var(--ac-border-radius-072);
}
#cases .artcases__mode-b .artcases__explain .artcases__art{
  background:var(--ac-background-073);
}
#cases .artcases__mode-b .artcases__explain .artcases__gradient{
  background:var(--ac-background-074);
}
#cases .artcases__mode-b .artcases__explain .artcases__brand{
  color:var(--ac-color-075);
}
#cases .artcases__mode-b .artcases__lessons .artcases__art{
  background:var(--ac-background-076);
}
#cases .artcases__lesson-frame{
  position:absolute;
  width:75%;
  right:-2%;
  top:22%;
  transform:rotate(-5deg);
  padding:8px;
  background:var(--ac-background-077);
  box-shadow:var(--ac-box-shadow-078);
}
#cases .artcases__lesson-frame img{
  width:100%;
}
#cases .artcases__lesson-inset{
  position:absolute;
  left:16%;
  top:34%;
  width:26%;
  padding:6px;
  background:var(--ac-background-079);
  transform:rotate(8deg);
  box-shadow:var(--ac-box-shadow-080);
}
#cases .artcases__lesson-inset img{
  width:100%;
}
#cases .artcases__on-air{
  position:absolute;
  right:22px;
  top:22px;
  font-size:var(--ac-font-size-032);
  letter-spacing:0.06em;
  color:var(--ac-color-081);
}
#cases .artcases__mode-b .artcases__lessons .artcases__gradient{
  background:var(--ac-background-082);
}
#cases .artcases__mode-b .artcases__simulators .artcases__art{
  background:var(--ac-background-083);
}
#cases .artcases__robot-orbit{
  position:absolute;
  width:340px;
  height:340px;
  border:var(--ac-border-084);
  border-radius:var(--ac-border-radius-085);
  right:-80px;
  top:30px;
  box-shadow:var(--ac-box-shadow-086);
}
#cases .artcases__robot{
  position:absolute;
  width:44%;
  height:84%;
  object-fit:contain;
  right:7%;
  bottom:-9%;
  transform:rotate(10deg);
}
#cases .artcases__code-fragment{
  position:absolute;
  left:7%;
  top:35%;
  font:var(--ac-font-087);
  color:var(--ac-color-088);
}
#cases .artcases__code-fragment em{
  font-style:normal;
  background:var(--ac-background-089);
  color:var(--ac-color-090);
  padding:3px 7px;
}
#cases .artcases__mode-b .artcases__simulators .artcases__brand,#cases .artcases__mode-b .artcases__simulators .artcases__cover-proof{
  color:var(--ac-color-091);
}
#cases .artcases__mode-b .artcases__simulators .artcases__gradient{
  background:var(--ac-background-092);
}
#cases .artcases__mode-b .artcases__education .artcases__art{
  background:var(--ac-background-093);
}
#cases .artcases__learning-window{
  position:absolute;
  width:125%;
  height:85%;
  left:29%;
  top:29%;
  transform:rotate(-10deg);
  border:var(--ac-border-094);
  border-radius:var(--ac-border-radius-062);
  overflow:hidden;
  background:var(--ac-background-095);
  box-shadow:var(--ac-box-shadow-096);
}
#cases .artcases__learning-window img{
  width:100%;
  margin-top:-47%;
}
#cases .artcases__learning-orbit{
  position:absolute;
  width:180px;
  height:180px;
  border:var(--ac-border-097);
  border-radius:var(--ac-border-radius-085);
  top:30%;
  left:-65px;
}
#cases .artcases__mode-b .artcases__education .artcases__gradient{
  background:var(--ac-background-098);
}
#cases .artcases__mode-b .artcases__seda .artcases__art{
  background:var(--ac-background-099);
}
#cases .artcases__mode-b .artcases__seda .artcases__main{
  position:absolute;
  right:-12%;
  width:88%;
  height:106%;
  bottom:0px;
  object-position:50% 10%;
  mix-blend-mode:multiply;
}
#cases .artcases__mode-b .artcases__seda .artcases__brand{
  color:var(--ac-color-100);
}
#cases .artcases__mode-b .artcases__seda .artcases__gradient{
  background:var(--ac-background-101);
  z-index:1;
}
@media (min-width: 701px) and (max-width: 1100px){
#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__explain .artcases__art,#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__lessons .artcases__art{
  height:390px;
}
#cases .artcases__code-fragment{
  font-size:var(--ac-font-size-021);
}
}
@media (max-width: 700px){
#cases .artcases__mosaic .artcases__case.artcases__explain,#cases .artcases__mosaic .artcases__case.artcases__lessons{
  grid-column:auto;
}
#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__explain .artcases__art,#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__lessons .artcases__art{
  height:auto;
  aspect-ratio:4 / 4.4;
}
#cases .artcases__mode-b .artcases__city .artcases__art > .artcases__main{
  width:133%;
  height:90%;
  top:20%;
  right:-38%;
}
#cases .artcases__mode-b .artcases__city .artcases__gradient{
  background:var(--ac-background-102);
}
#cases .artcases__city .artcases__cover-proof{
  bottom:22px;
}
#cases .artcases__product-window{
  left:35%;
  width:100%;
  height:93%;
  top:25%;
}
#cases .artcases__lesson-frame{
  width:104%;
  right:-23%;
  top:26%;
}
#cases .artcases__lesson-inset{
  width:34%;
  left:6%;
  top:41%;
}
#cases .artcases__on-air{
  top:auto;
  bottom:150px;
  right:20px;
  font-size:var(--ac-font-size-103);
}
#cases .artcases__mode-b .artcases__lessons .artcases__gradient{
  background:var(--ac-background-104);
}
#cases .artcases__learning-window{
  width:142%;
  left:30%;
  top:30%;
}
#cases .artcases__question-fragment{
  height:43%;
  top:33%;
}
#cases .artcases__voice-wave{
  bottom:8%;
}
#cases .artcases__robot{
  height:79%;
  width:51%;
  right:-1%;
}
#cases .artcases__code-fragment{
  top:32%;
}
}
#cases .artcases__product-window{
  left:29%;
  width:100%;
  top:28%;
  height:110%;
}
@media (max-width: 700px){
#cases .artcases__product-window{
  left:27%;
  width:111%;
  top:27%;
}
}
#cases .artcases__case{
  scroll-margin-top:85px;
}
#cases .artcases__code-fragment{
  z-index:2;
}
#cases .artcases__mode-b .artcases__seda .artcases__brand{
  max-width:48%;
  font-size:var(--ac-font-size-020);
}
#cases .artcases__mode-b .artcases__seda .artcases__main{
  right:-19%;
  width:94%;
}
#cases .artcases__mode-b .artcases__seda .artcases__brand{
  line-height:1.25;
}
@media (max-width: 700px){
#cases .artcases__mode-b .artcases__seda .artcases__brand{
  font-size:var(--ac-font-size-020);
  max-width:47%;
}
}
#cases .artcases__robot{
  width:40%;
  height:auto;
  right:5%;
  bottom:-6%;
}
#cases .artcases__simulators .artcases__cover-proof span{
  max-width:54% !important;
}
#cases .artcases__mode-b .artcases__seda .artcases__brand{
  max-width:48%;
}
@media (max-width: 700px){
#cases .artcases__robot{
  width:46%;
  right:-1%;
  bottom:4%;
}
#cases .artcases__simulators .artcases__cover-proof span{
  max-width:55% !important;
  font-size:var(--ac-font-size-021) !important;
}
}
#cases .artcases__question-fragment{
  height:auto;
  aspect-ratio:1.67 / 1;
}
#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__seda .artcases__brand{
  max-width:47%;
  font-size:var(--ac-font-size-020);
}
#cases .artcases__mosaic .artcases__case.artcases__explain{
  grid-column:span 7;
}
#cases .artcases__mosaic .artcases__case.artcases__lessons{
  grid-column:span 5;
}
#cases .artcases__mode-b .artcases__explain .artcases__art{
  background:var(--ac-background-105);
}
#cases .artcases__mode-b .artcases__explain .artcases__brand{
  color:var(--ac-color-106);
}
#cases .artcases__mode-b .artcases__explain .artcases__gradient{
  display:none;
}
#cases .artcases__real-web{
  position:absolute;
  left:9%;
  top:27%;
  width:82%;
  transform:rotate(-5deg);
  box-shadow:var(--ac-box-shadow-107);
  border:var(--ac-border-108);
  border-radius:var(--ac-border-radius-069);
  overflow:hidden;
  background:var(--ac-background-109);
}
#cases .artcases__real-web img{
  width:100%;
}
#cases .artcases__learning-window{
  width:90%;
  height:auto;
  left:5%;
  top:35%;
  transform:rotate(-5deg);
  border:var(--ac-border-110);
  background:transparent;
  border-radius:var(--ac-border-radius-069);
  overflow:hidden;
}
#cases .artcases__learning-window img{
  width:100%;
  margin:0px;
}
#cases .artcases__mode-b .artcases__education .artcases__gradient{
  display:none;
}
#cases .artcases__learning-orbit{
  opacity:0.3;
}
#cases .artcases__mode-b .artcases__seda .artcases__main{
  mask-image:linear-gradient(90deg, transparent, black 24%);
}
#cases .artcases__mosaic .artcases__case.artcases__antoha{
  grid-column:span 7;
}
#cases .artcases__mosaic .artcases__case.artcases__winline{
  grid-column:span 5;
}
#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__antoha .artcases__art,#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__winline .artcases__art{
  height:clamp(340px, 33vw, 480px);
}
#cases .artcases__mode-b .artcases__antoha .artcases__main{
  object-position:45% 50%;
}
#cases .artcases__mode-b .artcases__antoha .artcases__gradient{
  background:var(--ac-background-111);
}
#cases .artcases__mode-b .artcases__winline .artcases__gradient{
  background:var(--ac-background-112);
}
#cases .artcases__mode-b .artcases__winline .artcases__main{
  object-position:35% 50%;
}
#cases .artcases__mode-b .artcases__timotei .artcases__main{
  object-position:57% 50%;
}
#cases .artcases__mode-b .artcases__timotei .artcases__gradient{
  display:none;
}
#cases .artcases__mode-b .artcases__whitenoise .artcases__main{
  object-position:49% 50%;
}
#cases .artcases__mode-b .artcases__whitenoise .artcases__gradient{
  background:var(--ac-background-113);
}
#cases .artcases__mode-b .artcases__juststories .artcases__main{
  object-position:68% 50%;
}
#cases .artcases__mode-b .artcases__juststories .artcases__gradient{
  background:var(--ac-background-114);
}
@media (max-width: 1100px) and (min-width: 701px){
#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__antoha .artcases__art,#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__winline .artcases__art{
  height:390px;
}
#cases .artcases__learning-window{
  top:37%;
}
#cases .artcases__real-web{
  top:31%;
}
}
@media (max-width: 700px){
#cases .artcases__mosaic .artcases__case.artcases__explain,#cases .artcases__mosaic .artcases__case.artcases__lessons,#cases .artcases__mosaic .artcases__case.artcases__antoha,#cases .artcases__mosaic .artcases__case.artcases__winline{
  grid-column:auto;
}
#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__antoha .artcases__art,#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__winline .artcases__art{
  height:auto;
  aspect-ratio:4 / 4.4;
}
#cases .artcases__real-web{
  left:5%;
  width:95%;
  top:34%;
}
#cases .artcases__learning-window{
  top:37%;
  width:94%;
  left:3%;
}
#cases .artcases__mode-b .artcases__city .artcases__art > .artcases__main{
  top:18%;
}
#cases .artcases__mode-b .artcases__antoha .artcases__main{
  object-position:42% 50%;
}
}
#cases .artcases__mode-b .artcases__timotei .artcases__main{
  object-position:100% 50%;
}
@media (max-width: 700px){
#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__timotei .artcases__art,#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__whitenoise .artcases__art,#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__juststories .artcases__art{
  aspect-ratio:4 / 3;
}
}
@media (min-width: 701px){
#cases .artcases__learning-window{
  top:30%;
}
}
@media (max-width: 700px){
#cases .artcases__mode-b .artcases__timotei .artcases__main{
  position:absolute;
  right:0px;
  bottom:0px;
  width:110%;
  height:110%;
  max-width:none;
}
}
.artcases [hidden]{display:none!important}.artcases__foot{margin-top:48px;display:flex;flex-direction:column;align-items:center;gap:16px}.artcases__more{font-family:var(--body);font-size:var(--fs-ui);color:var(--ink);background:transparent;border:1px solid var(--ink-faint);padding:18px 32px;cursor:pointer;display:flex;gap:50px;align-items:center}.artcases__more:hover{background:var(--ink);color:var(--paper)}.artcases__more:focus-visible{outline:2px solid var(--red);outline-offset:5px}.artcases__status{font-size:var(--fs-caption);color:var(--ink-dim)}
@media(max-width:900px){#cases .artcases__grid.artcases__mosaic{grid-template-columns:1fr}#cases .artcases__mosaic .artcases__case:nth-child(n){grid-column:auto}#cases.artcases__mixed .artcases__mosaic .artcases__case:nth-child(n) .artcases__art{height:auto;aspect-ratio:4/4.4}}
@media(max-width:900px){#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__timotei .artcases__art,#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__whitenoise .artcases__art,#cases.artcases__mixed .artcases__mosaic .artcases__case.artcases__juststories .artcases__art{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.artcases *{transition:none!important;animation:none!important}}

/* ── 15.09: вход новых карточек по «Ещё кейсы» (отчёт find-animation-opportunities, № 1) ── */
.artcases__case{transition:opacity .3s var(--ease),transform .3s var(--ease);transition-delay:calc(var(--i,0) * 40ms)}
.artcases__case.is-enter{opacity:0;transform:translateY(12px)}
.artcases__more{transition:background-color .3s var(--ease),color .3s var(--ease),transform .16s var(--ease)}
.artcases__more:active{transform:scale(.98)}
@media (prefers-reduced-motion:reduce){
  .artcases__case{transition:opacity .15s var(--ease);transition-delay:0s;transform:none!important}
  .artcases__more:active{transform:none}
}