aside#features {display:flex;flex-direction:row;justify-content:space-around;min-height:17em;gap:3em;background:var(--baseDark) var(--noised);background-blend-mode:color;box-shadow:inset 0 -0.2em 0.5em #00000002;overflow:hidden;}aside#features img.blockIllustration {inset:auto;width:auto;opacity:0.35;mix-blend-mode:normal;}aside#features ul.featureList {display:contents;margin:0;padding:0;}aside#features .feature {display:inline-flex;align-items:center;flex-direction:column;margin:0;list-style:none;color:var(--baseLightGray);text-shadow:0 1px 0 #0009;gap:1em;font-size:1.1em;}aside#features .featureIcon {height:2em;width:auto;filter:brightness(0) invert(1);opacity:0.92;}aside#features .feature a {color:inherit;width:fit-content;text-decoration-thickness:1px;text-decoration-style:dotted;text-underline-offset:0.2em;}aside#features .feature a:hover {text-decoration-style:solid;text-decoration-thickness:2px;color:var(--linkHoverColor);}aside#features .feature span {font-size:1.5em;color:inherit;background:var(--baseDarkShadow10);border-radius:0.3em;padding:0.5em;backdrop-filter:blur(0.25em);}aside#features .feature span strong {color:var(--primaryColor);}[data-theme='dark'] aside#features {background:var(--baseDark) var(--marble);}

    /* Первый экран главной: текст, действия и факты слева, ангел — правой панелью во всю высоту блока */aside#features.hero {display:grid;grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr);grid-template-areas:'text art'
        'facts art';align-items:center;gap:2.5rem 3rem;min-height:0;padding:4rem var(--gutter) 3rem;}aside#features.hero .heroText {grid-area:text;position:relative;z-index:2;max-width:40rem;}aside#features.hero h1 {margin:0 0 1.25rem;color:var(--baseLight);font-size:clamp(1.9rem, 1.3rem + 1.9vw, 3rem);line-height:1.15;letter-spacing:0.04em;text-wrap:balance;text-shadow:0 1px 0 #000;}aside#features.hero .heroLead {max-width:34em;margin:0 0 2rem;font-size:1.15rem;line-height:1.55;color:#d6d6d6;text-shadow:0 1px 0 #000;}aside#features.hero .heroActions {display:flex;flex-wrap:wrap;gap:0.75rem;}aside#features.hero .heroActions .button {margin:0;height:3.25rem;line-height:3.25rem;padding-inline:1.75rem;font-size:1.05rem;}

    /* Панель выходит за поля блока: вверх и вниз — на его отступы (4rem и 3rem), вправо — на поле колонки, до края
       окна. Левый край растворяется в тёмном фоне под текстом. */aside#features.hero img.blockIllustration {grid-area:art;position:relative;inset:auto;align-self:start;justify-self:start;width:calc(100% + var(--gutter));max-width:none;height:calc(100% + 7rem);margin:-4rem calc(var(--gutter) * -1) -3rem 0;object-fit:cover;object-position:62% 30%;opacity:1;z-index:1;mask-image:linear-gradient(to right, transparent, #000 38%);}aside#features.hero ul.featureList {grid-area:facts;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:1.5rem 2rem;padding-top:2rem;border-top:1px solid #ffffff1f;position:relative;z-index:2;}

    /* Факт: значок слева, текст и ссылка — колонкой справа от него */aside#features.hero .feature {display:grid;grid-template-columns:auto minmax(0, 1fr);align-items:start;gap:0.5rem 0.75rem;font-size:1rem;}aside#features.hero .featureIcon {height:1.6em;margin-top:0.1em;}aside#features.hero .feature span {padding:0;background:none;backdrop-filter:none;font-size:1.1rem;line-height:1.35;text-wrap:balance;}aside#features.hero .feature a {grid-column:2;font-size:0.95rem;color:#c8c8c8;}

    @media screen and (max-width: 1000px) {aside#features.hero {grid-template-columns:1fr;grid-template-areas:'text'
          'facts';padding:2.5rem 1.25rem 2rem;gap:2rem;}aside#features.hero img.blockIllustration {position:absolute;top:0;right:0;bottom:auto;width:70%;height:100%;margin:0;opacity:0.22;}
    }

    @media screen and (max-width: 768px) {aside#features:not(.hero) {flex-direction:column;min-height:0;gap:1.5em;}aside#features:not(.hero) img.blockIllustration {display:none;}aside#features.hero ul.featureList {grid-template-columns:1fr;gap:1rem;padding-top:1.5rem;}aside#features.hero .heroActions .button {flex:1 1 12rem;}
    }