/* О компании: локальная композиция, общие роли наследуются из main.css. */
.zhaluzi-guru-about {
    container-type: inline-size;
    --zhaluzi-guru-about-edge: max(var(--zhaluzi-guru-gutter), calc((100cqw - var(--zhaluzi-guru-container)) / 2));
}
.zhaluzi-guru-about :where(.zhaluzi-guru-button, .zhaluzi-guru-about-link) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--zhaluzi-guru-space-4);
}
.zhaluzi-guru-about .zhaluzi-guru-button { text-decoration: none; }
.zhaluzi-guru-about :where(.zhaluzi-guru-button, .zhaluzi-guru-about-link) .zhaluzi-guru-icon { width: 1.25rem; height: 1.25rem; flex-shrink: 0; }
.zhaluzi-guru-about-hero {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-inline-start: var(--zhaluzi-guru-about-edge);
}
.zhaluzi-guru-about-hero__copy { padding: var(--zhaluzi-guru-space-6) var(--zhaluzi-guru-space-8) var(--zhaluzi-guru-space-12) 0; }
.zhaluzi-guru-about-hero h1 { max-width: 11em; }
.zhaluzi-guru-about-hero .zhaluzi-guru-lead { max-width: 34em; margin-bottom: var(--zhaluzi-guru-space-6); }
.zhaluzi-guru-about-breadcrumbs { font-size: var(--zhaluzi-guru-text-small); color: var(--zhaluzi-guru-color-muted); margin-bottom: var(--zhaluzi-guru-space-8); }
.zhaluzi-guru-about-breadcrumbs :where(p, nav) { margin: 0; }
.zhaluzi-guru-about-breadcrumbs a { color: inherit; }
.zhaluzi-guru-about-breadcrumbs nav > span { margin-left: var(--zhaluzi-guru-space-2); }
.zhaluzi-guru-about-hero__photo { position: relative; min-width: 0; }
.zhaluzi-guru-about-hero__photo img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: 56% center; }
.zhaluzi-guru-about-hero__photo::after { content: ''; position: absolute; inset: 0 auto 0 0; width: 10%; background: linear-gradient(90deg, var(--zhaluzi-guru-color-bg), transparent); pointer-events: none; }
.zhaluzi-guru-about-panorama { position: relative; }
.zhaluzi-guru-about-panorama > img { display: block; width: 100%; aspect-ratio: 3.5; object-fit: cover; object-position: center 58%; }
.zhaluzi-guru-about-panorama figcaption {
    position: absolute; right: 0; top: 25%; width: 28%; max-width: 28rem;
    padding: var(--zhaluzi-guru-space-8);
    background: var(--zhaluzi-guru-color-bg);
    font-family: var(--zhaluzi-guru-font-heading); font-size: var(--zhaluzi-guru-text-h3); line-height: var(--zhaluzi-guru-leading-title);
}
.zhaluzi-guru-about-panorama figcaption::before { content: ''; display: block; width: 3rem; border-top: 2px solid var(--zhaluzi-guru-color-accent); margin-bottom: var(--zhaluzi-guru-space-4); }
.zhaluzi-guru-about-approach { display: grid; grid-template-columns: 1fr 1fr; gap: var(--zhaluzi-guru-space-12); }
.zhaluzi-guru-about-approach h2 { font-size: var(--zhaluzi-guru-text-h1); }
.zhaluzi-guru-about-approach__sequence { display: flex; flex-wrap: wrap; gap: var(--zhaluzi-guru-space-4); border-top: 1px solid var(--zhaluzi-guru-color-border); padding-top: var(--zhaluzi-guru-space-4); color: var(--zhaluzi-guru-color-action); font-size: var(--zhaluzi-guru-text-small); margin-bottom: 0; }
.zhaluzi-guru-about-values { border-top: 1px solid var(--zhaluzi-guru-color-border); }
.zhaluzi-guru-about-columns { display: grid; gap: 0; list-style: none; padding: 0; margin: var(--zhaluzi-guru-space-6) 0 0; }
.zhaluzi-guru-about-columns > li { min-width: 0; margin: 0; padding-inline: var(--zhaluzi-guru-space-8); }
.zhaluzi-guru-about-columns > li:first-child { padding-left: 0; }
.zhaluzi-guru-about-columns > li:last-child { padding-right: 0; }
.zhaluzi-guru-about-columns > li + li { border-left: 1px solid var(--zhaluzi-guru-color-border); }
.zhaluzi-guru-about-columns h3 { font-size: var(--zhaluzi-guru-text-h4); margin-bottom: var(--zhaluzi-guru-space-2); }
.zhaluzi-guru-about-columns p { color: var(--zhaluzi-guru-color-muted); margin-bottom: 0; }
.zhaluzi-guru-about-values__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.zhaluzi-guru-about-values__list .zhaluzi-guru-icon { width: 3rem; height: 3rem; color: var(--zhaluzi-guru-color-accent); stroke-width: 1.5; margin-bottom: var(--zhaluzi-guru-space-4); }
.zhaluzi-guru-about-business { background: var(--zhaluzi-guru-color-surface); }
.zhaluzi-guru-about-business__layout { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: var(--zhaluzi-guru-space-8); }
.zhaluzi-guru-about-business__copy { align-self: center; }
.zhaluzi-guru-about-business__sectors { display: grid; grid-template-columns: 1fr 1fr; list-style: none; padding: 0; margin-block: var(--zhaluzi-guru-space-8); }
.zhaluzi-guru-about-business__sectors li { display: flex; gap: var(--zhaluzi-guru-space-4); align-items: center; padding: var(--zhaluzi-guru-space-6) var(--zhaluzi-guru-space-4); margin: 0; font-family: var(--zhaluzi-guru-font-heading); line-height: var(--zhaluzi-guru-leading-title); }
.zhaluzi-guru-about-business__sectors li:nth-child(odd) { padding-left: 0; border-right: 1px solid var(--zhaluzi-guru-color-border); }
.zhaluzi-guru-about-business__sectors li:nth-child(n+3) { border-top: 1px solid var(--zhaluzi-guru-color-border); }
.zhaluzi-guru-about-business__sectors .zhaluzi-guru-icon { width: 3rem; height: 3rem; flex-shrink: 0; color: var(--zhaluzi-guru-color-accent); stroke-width: 1.5; }
.zhaluzi-guru-about-business__photos { display: grid; grid-template-rows: minmax(0, 3fr) minmax(0, 2fr); gap: var(--zhaluzi-guru-space-3); min-height: 28rem; }
.zhaluzi-guru-about-business__photos > div { position: relative; min-height: 0; }
.zhaluzi-guru-about-business__photos img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.zhaluzi-guru-about-banner { display: grid; grid-template-columns: 3fr 2fr; background: var(--zhaluzi-guru-color-accent); color: var(--zhaluzi-guru-color-inverse); }
.zhaluzi-guru-about-banner__copy { align-self: center; padding: var(--zhaluzi-guru-space-8); padding-left: var(--zhaluzi-guru-about-edge); }
.zhaluzi-guru-about-banner p { margin-bottom: 0; }
.zhaluzi-guru-about-banner > img { width: 100%; height: 100%; max-height: 26rem; min-height: 18rem; object-fit: cover; object-position: 65% center; }
.zhaluzi-guru-about-process__steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.zhaluzi-guru-about-process__number { display: block; color: var(--zhaluzi-guru-color-accent); font-family: var(--zhaluzi-guru-font-heading); font-size: var(--zhaluzi-guru-text-h2); line-height: 1; margin-bottom: var(--zhaluzi-guru-space-3); }
.zhaluzi-guru-about-process__note { font-size: var(--zhaluzi-guru-text-small); color: var(--zhaluzi-guru-color-muted); text-align: center; margin: var(--zhaluzi-guru-space-6) 0 0; }
.zhaluzi-guru-about-materials { border-block: 1px solid var(--zhaluzi-guru-color-border); padding-block: var(--zhaluzi-guru-space-4); }
.zhaluzi-guru-about-materials__layout { display: grid; grid-template-columns: 1fr 1fr; gap: var(--zhaluzi-guru-grid-gap); align-items: center; }
.zhaluzi-guru-about-materials__layout > img { width: 100%; aspect-ratio: 2.3; object-fit: cover; }
.zhaluzi-guru-about-spaces__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--zhaluzi-guru-grid-gap); }
.zhaluzi-guru-about-spaces__grid img { width: 100%; aspect-ratio: 2; object-fit: cover; }
.zhaluzi-guru-about-spaces__grid h3 { font-size: var(--zhaluzi-guru-text-h4); margin: var(--zhaluzi-guru-space-3) 0 var(--zhaluzi-guru-space-2); }
.zhaluzi-guru-about-spaces__grid p { margin: 0; }
@media (max-width: 64rem) {
    .zhaluzi-guru-about-hero { grid-template-columns: 1fr; padding: 0; }
    .zhaluzi-guru-about-hero__copy { padding: var(--zhaluzi-guru-space-6) var(--zhaluzi-guru-gutter) var(--zhaluzi-guru-space-8); }
    .zhaluzi-guru-about-hero h1 { max-width: 14em; }
    .zhaluzi-guru-about-hero__photo img { position: static; aspect-ratio: 1.8; height: auto; object-fit: cover; }
    .zhaluzi-guru-about-hero__photo::after { display: none; }
    .zhaluzi-guru-about-panorama > img { aspect-ratio: 2.6; }
    .zhaluzi-guru-about-panorama figcaption { width: 36%; top: auto; bottom: 0; padding: var(--zhaluzi-guru-space-6); }
    .zhaluzi-guru-about-business__layout { grid-template-columns: 1fr; }
    .zhaluzi-guru-about-business__photos { min-height: 0; grid-template-rows: auto auto; }
    .zhaluzi-guru-about-business__photos img { position: static; height: auto; aspect-ratio: 2; }
    .zhaluzi-guru-about-business__photos > div + div img { aspect-ratio: 3; }
    .zhaluzi-guru-about-process__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--zhaluzi-guru-space-8); }
    .zhaluzi-guru-about-process__steps > li:nth-child(odd) { padding-left: 0; border-left: 0; }
    .zhaluzi-guru-about-process__steps > li:nth-child(even) { padding-right: 0; }
}
@media (max-width: 48rem) {
    .zhaluzi-guru-about-hero__photo img { aspect-ratio: 1.5; }
    .zhaluzi-guru-about-panorama > img { aspect-ratio: 1.8; }
    .zhaluzi-guru-about-panorama figcaption { position: static; width: 100%; max-width: none; padding: var(--zhaluzi-guru-space-6) var(--zhaluzi-guru-gutter); background: var(--zhaluzi-guru-color-surface); }
    .zhaluzi-guru-about-approach, .zhaluzi-guru-about-values__list, .zhaluzi-guru-about-banner, .zhaluzi-guru-about-materials__layout, .zhaluzi-guru-about-spaces__grid { grid-template-columns: 1fr; }
    .zhaluzi-guru-about-approach { gap: var(--zhaluzi-guru-space-4); }
    .zhaluzi-guru-about-values__list > li { padding: var(--zhaluzi-guru-space-6) 0; }
    .zhaluzi-guru-about-values__list > li:first-child { padding-top: 0; }
    .zhaluzi-guru-about-values__list > li:last-child { padding-bottom: 0; }
    .zhaluzi-guru-about-values__list > li + li { border-left: 0; border-top: 1px solid var(--zhaluzi-guru-color-border); }
    .zhaluzi-guru-about-banner__copy { padding: var(--zhaluzi-guru-space-8) var(--zhaluzi-guru-gutter); }
    .zhaluzi-guru-about-banner > img { aspect-ratio: 1.8; height: auto; min-height: 0; max-height: none; }
    .zhaluzi-guru-about-materials__layout > img { aspect-ratio: 1.8; }
    .zhaluzi-guru-about-spaces__grid { gap: var(--zhaluzi-guru-space-8); }
    .zhaluzi-guru-about-spaces__grid img { aspect-ratio: 1.8; }
}
@media (max-width: 30rem) {
    .zhaluzi-guru-about-business__sectors { grid-template-columns: 1fr; }
    .zhaluzi-guru-about-business__sectors li { padding-inline: 0; }
    .zhaluzi-guru-about-business__sectors li:nth-child(odd) { border-right: 0; }
    .zhaluzi-guru-about-business__sectors li + li { border-top: 1px solid var(--zhaluzi-guru-color-border); }
    .zhaluzi-guru-about-business__photos img { aspect-ratio: 1.5; }
    .zhaluzi-guru-about-business__photos > div + div img { aspect-ratio: 2; }
    .zhaluzi-guru-about-process__steps { grid-template-columns: 1fr; row-gap: 0; }
    .zhaluzi-guru-about-process__steps > li { padding: var(--zhaluzi-guru-space-6) 0; border-left: 0; }
    .zhaluzi-guru-about-process__steps > li + li { border-top: 1px solid var(--zhaluzi-guru-color-border); }
    .zhaluzi-guru-about-process__steps > li:first-child { padding-top: 0; }
    .zhaluzi-guru-about-process__steps > li:last-child { padding-bottom: 0; }
}