/* OKNOBER — Figma node 161:126, 1920 desktop scale uses the project rem system. */
.ab-installation{padding:var(--ab-in-pt,119rem) 0 var(--ab-in-pb,107rem);background:#fff;color:#333}
.ab-installation,.ab-installation *{box-sizing:border-box}
.ab-installation__wrap{width:1566rem;margin:0 auto;display:grid;grid-template-columns:442rem 442rem 531rem;column-gap:37rem;align-items:stretch}
.ab-installation__media{display:block;position:relative;width:442rem;height:564rem;border-radius:30rem;overflow:hidden;background:#f1f0ed}
.ab-installation__media--first{color:#333;text-decoration:none;cursor:zoom-in;outline-offset:4rem}
.ab-installation__media--first:hover .ab-installation__image{transform:scale(1.025)}
.ab-installation__media--first:focus-visible{outline:3rem solid #4096ff}
.ab-installation__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none;transition:transform .25s ease}
.ab-installation__action{position:absolute;top:19rem;left:19rem;display:flex;align-items:center;justify-content:center;width:70rem;height:70rem;border-radius:50%;color:#333;background:#fff;transition:transform .2s ease}
.ab-installation__media--first:hover .ab-installation__action,.ab-installation__media--first:focus-visible .ab-installation__action{transform:scale(1.06)}
.ab-installation__action svg{display:block;width:28rem;height:28rem}
.ab-installation__copy{margin-left:42rem;width:531rem;height:564rem;display:flex;flex-direction:column;justify-content:space-between}
.ab-installation__heading{font-size:52rem;line-height:1.2;font-weight:700;margin:0;width:100%;max-width:531rem;color:#333;overflow-wrap:break-word}
.ab-installation__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20rem;width:531rem;height:318.5rem}
.ab-installation__stat{background:#f9f7f3;border-radius:30rem;padding:41rem 36rem 22rem;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.ab-installation__stat-icon{display:block;width:60rem;height:60rem;max-width:none;object-fit:contain;flex:0 0 60rem}
.ab-installation__stat-value{font-size:32rem;line-height:1.2;font-weight:400;margin:29rem 0 10rem;white-space:nowrap}
.ab-installation__stat-value strong{font-size:64rem;font-weight:400}
.ab-installation__stat-description{font-size:24rem;line-height:1.2;font-weight:400;margin:0;overflow-wrap:break-word}
.ab-installation__dialog{border:0;border-radius:16px;background:#161616;color:#fff;padding:12px;width:min(1100px,calc(100vw - 36px));max-height:calc(100dvh - 36px);box-shadow:0 20px 80px rgba(0,0,0,.2);position:fixed;inset:0;margin:auto}
.ab-installation__dialog:not([open]){display:none}
.ab-installation__dialog::backdrop{background:rgba(0,0,0,.85)}
.ab-installation__modal-media{display:block;width:100%;max-width:100%;max-height:calc(100dvh - 60px);height:auto;object-fit:contain;border-radius:8px}
.ab-installation__close{position:absolute;right:20px;top:20px;z-index:1;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:rgba(20,20,20,.85);color:#fff;font:400 32px/1 Arial,sans-serif;cursor:pointer}
.ab-installation__close:focus-visible{outline:3px solid #4096ff;outline-offset:3px}
@media(max-width:900px) and (min-width:601px){
.ab-installation{padding:76px 0 80px}
.ab-installation__wrap{width:calc(100% - 48px);max-width:850px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:25px}
.ab-installation__copy{display:contents}
.ab-installation__heading{grid-column:1/-1;grid-row:1;font-size:44px;line-height:1.16;max-width:760px}
.ab-installation__media{width:100%;height:auto;aspect-ratio:442/564;border-radius:24px}
.ab-installation__media--first{grid-column:1;grid-row:2}.ab-installation__media--second{grid-column:2;grid-row:2}
.ab-installation__action{width:60px;height:60px;top:16px;left:16px}
.ab-installation__action svg{width:26px;height:26px}
.ab-installation__stats{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;height:auto;gap:20px}
.ab-installation__stat{min-height:235px;padding:29px 26px 25px;border-radius:24px}
.ab-installation__stat-icon{width:48px;height:48px;flex-basis:48px}
.ab-installation__stat-value{font-size:26px;margin:15px 0 12px}.ab-installation__stat-value strong{font-size:48px}
.ab-installation__stat-description{font-size:19px;line-height:1.25}
}
@media(max-width:600px){
.ab-installation{padding:72rem 0 85rem}
.ab-installation__wrap{width:calc(100% - 32rem);max-width:none;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12rem;row-gap:24rem}
.ab-installation__copy{display:contents}
.ab-installation__heading{grid-column:1/-1;grid-row:1;font-size:32rem;line-height:1.17;max-width:100%;font-weight:700}
.ab-installation__media{width:100%;height:auto;aspect-ratio:442/564;border-radius:18rem}
.ab-installation__media--first{grid-column:1;grid-row:2}.ab-installation__media--second{grid-column:2;grid-row:2}
.ab-installation__action{width:47rem;height:47rem;top:10rem;left:10rem}
.ab-installation__action svg{width:23rem;height:23rem}
.ab-installation__stats{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;height:auto;gap:12rem}
.ab-installation__stat{height:228rem;padding:20rem 15rem 16rem;border-radius:19rem}
.ab-installation__stat-icon{width:43rem;height:43rem;flex-basis:43rem}
.ab-installation__stat-value{font-size:19rem;margin:21rem 0 11rem;white-space:nowrap}.ab-installation__stat-value strong{font-size:43rem}
.ab-installation__stat-description{font-size:16rem;line-height:1.28}
}
@media(max-width:350px){.ab-installation__stat{padding:18rem 12rem 14rem}.ab-installation__stat-value strong{font-size:40rem}.ab-installation__stat-description{font-size:15rem}}
@media(prefers-reduced-motion:reduce){.ab-installation__media--first:hover .ab-installation__image,.ab-installation__media--first:hover .ab-installation__action{transform:none}.ab-installation__image,.ab-installation__action{transition:none}}