/* AIS-I09 / UX-I09-01. Только арт главной. ПОСЛЕ release8.css.
   DOM: data-hero-art="i09" на .l-hero-visual, src принятого blue.svg.
   Знак имеет собственную ячейку: реальные кадры не закрывают контур. */
body[data-page="index.html"] .l-home-hero [data-hero-art="i09"]{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;
 align-items:start;gap:12px 16px;min-height:0;padding:8px 0 14px;isolation:isolate;
}
body[data-page="index.html"] .l-home-hero [data-hero-art="i09"] .l-hero-falcon{
 position:relative;inset:auto;grid-column:2;grid-row:1;justify-self:center;align-self:center;
 width:160px;height:auto;aspect-ratio:125/136;max-width:75%;margin:0;
 opacity:1;filter:none;mix-blend-mode:normal;z-index:1;pointer-events:none;display:block;
}
body[data-page="index.html"] .l-home-hero [data-hero-art="i09"] .l-hero-proofcard{z-index:2;margin:0}
body[data-page="index.html"] .l-home-hero [data-hero-art="i09"] .l-tf{grid-column:1;grid-row:1/3;align-self:center}
body[data-page="index.html"] .l-home-hero [data-hero-art="i09"] .l-ir{grid-column:2;grid-row:2}
@media(max-width:899px){
 body[data-page="index.html"] .l-home-hero [data-hero-art="i09"]{max-width:600px;justify-self:end;gap:10px 14px}
 body[data-page="index.html"] .l-home-hero [data-hero-art="i09"] .l-hero-falcon{width:126px}
}
@media(max-width:599px){
 body[data-page="index.html"] .l-home-hero [data-hero-art="i09"]{gap:8px 10px;padding-top:0}
 body[data-page="index.html"] .l-home-hero [data-hero-art="i09"] .l-hero-falcon{width:92px;max-width:75%}
}
@media(max-width:359px){body[data-page="index.html"] .l-home-hero [data-hero-art="i09"] .l-hero-falcon{width:80px}}
/* При увеличении текста используем одну колонку. */
body[data-page="index.html"].l-large-text .l-home-hero [data-hero-art="i09"]{grid-template-columns:minmax(0,1fr);gap:18px}
body[data-page="index.html"].l-large-text .l-home-hero [data-hero-art="i09"] .l-hero-falcon{grid-column:1;grid-row:1;justify-self:end;width:100px}
body[data-page="index.html"].l-large-text .l-home-hero [data-hero-art="i09"] .l-tf{grid-column:1;grid-row:2}
body[data-page="index.html"].l-large-text .l-home-hero [data-hero-art="i09"] .l-ir{grid-column:1;grid-row:3}
