.website[data-public-page="/about"]{--ab-line:#e1e6ee;--ab-soft:#f6f8fb;--ab-ink:#1e304b;--ab-muted:#78869b;--ab-card:#fff}
[data-site-theme=dark] .website[data-public-page="/about"]{--ab-line:#293c53;--ab-soft:#101f32;--ab-ink:#edf3fc;--ab-muted:#a6b5c9;--ab-card:#112238}
.website .about-intro{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;padding-block:42px 64px}
.website .about-intro .breadcrumb{margin-bottom:38px}
.website .about-intro h1{font-size:clamp(38px,4.4vw,62px);line-height:1.12;letter-spacing:-.045em;margin:18px 0 25px;color:var(--ab-ink)}
.website .about-intro-copy>p{font-size:14px;line-height:1.85;color:var(--ab-muted);max-width:570px}
.website .about-intro-copy>.about-lead{font-size:17px;line-height:1.7;color:var(--ab-ink);margin-bottom:18px}
.website .about-intro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 24px;margin-top:28px}
.website .about-intro-actions .text-link{font-size:12px;gap:8px}
.website .about-intro-actions .text-link>svg{width:16px;height:16px}
.website .about-location{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--ab-muted);margin-top:26px}
.website .about-location svg{width:15px;height:15px}
.website .about-intro-visual{position:relative;height:465px;margin:0;border:1px solid var(--ab-line);border-radius:18px;overflow:hidden;background:var(--ab-soft)}
.website .about-intro-visual>img{display:block;width:100%;height:100%;object-fit:cover}
.website .about-intro-visual figcaption{position:absolute;inset:auto 18px 18px;padding:20px 22px;background:#102039eF;border:1px solid #ffffff24;border-radius:12px;color:#fff}
.website .about-intro-visual figcaption span{display:block;color:#a6bad6;font-size:8px;letter-spacing:.14em;margin-bottom:9px}
.website .about-intro-visual figcaption strong{display:block;max-width:310px;font-size:22px;line-height:1.35;font-weight:550;letter-spacing:-.025em}
.website :is(.about-portfolio,.about-working,.about-company-details){border-top:1px solid var(--ab-line);padding-block:52px}
.website .about-portfolio .section-heading,.website .about-working .section-heading{margin-bottom:28px}
.website :is(.about-portfolio,.about-working,.about-company-details) h2{font-size:34px;line-height:1.2;letter-spacing:-.035em;color:var(--ab-ink)}
.website .about-portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.website .about-portfolio-grid article{padding:26px;border:1px solid var(--ab-line);border-radius:13px;background:var(--ab-card);min-width:0}
.website .about-portfolio-title{display:flex;align-items:center;gap:12px;min-height:40px}
.website .about-portfolio-title>span{width:36px;height:36px;display:grid;place-items:center;flex:none;border:1px solid var(--ab-line);border-radius:9px;background:var(--ab-soft);color:#6085bd}
.website .about-portfolio-title svg{width:18px;height:18px}
.website .about-portfolio-title h3{font-size:18px;line-height:1.3;margin:0;color:var(--ab-ink)}
.website .about-portfolio-grid article>p{font-size:12px;line-height:1.8;color:var(--ab-muted);min-height:44px;margin:17px 0 20px}
.website .about-portfolio-grid ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--ab-line)}
.website .about-portfolio-grid li+li{border-top:1px solid var(--ab-line)}
.website .about-portfolio-grid li a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;color:var(--ab-ink);font-size:12px;transition:color .15s}
.website .about-portfolio-grid li a:hover{color:#5f8ee7}
.website .about-portfolio-grid li svg{width:14px;height:14px;color:#8fa0b9;flex:none}
.website .about-delivery-note{display:flex;align-items:flex-start;gap:10px;padding:18px 20px;border:1px solid var(--ab-line);border-radius:10px;background:var(--ab-soft);font-size:11px;line-height:1.8;margin:22px 0 0;color:var(--ab-muted)}
.website .about-delivery-note svg{width:17px;height:17px;flex:none;margin-top:2px;color:#7697c9}
.website .about-working-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.website .about-working-grid article{display:flex;gap:16px}
.website .about-working-grid article>span{color:#7893b9;font-size:11px;font-variant-numeric:tabular-nums;padding-top:3px}
.website .about-working-grid h3{font-size:17px;line-height:1.4;margin:0 0 10px;color:var(--ab-ink)}
.website .about-working-grid p{font-size:12px;line-height:1.8;color:var(--ab-muted);margin:0}
.website .about-company-details{gap:70px;align-items:start}
.website .about-company-details .company-details-intro>p{font-size:13px;color:var(--ab-muted);max-width:360px;line-height:1.85}
.website .about-company-details .registered-office{margin:26px 0 22px;padding:20px;background:var(--ab-soft);border:1px solid var(--ab-line);border-radius:11px}
.website .about-company-details .registered-office address{font-size:12px;line-height:1.85;color:var(--ab-muted)}
.website .about-company-details .company-identity-card{box-shadow:none;border-color:var(--ab-line)}
.website .about-contact-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:30px;margin-bottom:45px;border-top:1px solid var(--ab-line)}
.website .about-contact-strip h2{font-size:28px;letter-spacing:-.035em;margin:0 0 10px;color:var(--ab-ink)}
.website .about-contact-strip p{font-size:12px;color:var(--ab-muted);margin:0;line-height:1.8}
.website .about-contact-strip>div:last-child{display:flex;align-items:center;gap:24px;flex:none}
[dir=rtl] .website :is(.about-intro h1,.about-portfolio h2,.about-working h2,.about-company-details h2,.about-contact-strip h2,.about-intro-visual figcaption){letter-spacing:0}
@media(max-width:1050px){.website .about-intro{gap:35px}.website .about-intro-visual{height:430px}.website .about-portfolio-grid{gap:14px}.website .about-portfolio-grid article{padding:22px}.website .about-company-details{gap:35px}}
@media(max-width:800px){.website .about-intro{grid-template-columns:1fr;gap:30px;padding-block:28px 38px}.website .about-intro .breadcrumb{margin-bottom:26px}.website .about-intro-copy>.about-lead{font-size:15px}.website .about-intro-visual{height:330px}.website .about-portfolio-grid{grid-template-columns:1fr}.website .about-portfolio-grid article>p{min-height:0}.website .about-working-grid{grid-template-columns:1fr;gap:24px}.website :is(.about-portfolio,.about-working,.about-company-details){padding-block:36px}.website :is(.about-portfolio,.about-working,.about-company-details) h2{font-size:29px}.website .about-company-details{grid-template-columns:1fr;gap:28px}.website .about-contact-strip{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:25px}.website .about-contact-strip h2{font-size:26px}}