/* About IMPACT — open editorial layouts, shared type and brand palette. */
.about-page{--ab-orange:#ff5a2b;--ab-wine:#32131d;--ab-ink:#171717;--ab-muted:#656565;--ab-gutter:clamp(28px,4vw,88px);background:#fff;color:var(--ab-ink)}
.about-page main{overflow:visible;padding:0;margin:0;min-width:0}
.ab-content{font:400 18px/1.56 Onest,sans-serif}
.ab-content *{box-sizing:border-box}
.ab-content h1,.ab-content h2,.ab-content h3,.ab-content h4,.ab-content p,.ab-content figure,.ab-content ol{margin:0;font-weight:400}
.ab-content em{font-style:normal;color:var(--ab-orange)}
.ab-content a{color:inherit;text-decoration:none}
.ab-content svg{flex-shrink:0}
.ab-content a:focus-visible,.ab-content button:focus-visible{outline:2px solid var(--ab-orange);outline-offset:5px}
.ab-container{width:100%;max-width:1760px;margin-inline:auto;padding-inline:var(--ab-gutter)}
.ab-section{padding-block:88px;background:#fff;scroll-margin-top:calc(var(--ws-section-offset,174px) - 88px)}
.ab-label{display:flex;align-items:center;gap:10px;color:var(--ab-muted);font-size:14px;line-height:1.5;margin-bottom:36px}
.ab-dot{width:6px;height:6px;background:var(--ab-orange);border-radius:50%;flex-shrink:0}
.ab-chapter{margin-left:auto;font-size:13px}
.ab-heading{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:calc(100% / 12);align-items:start;margin-bottom:48px}
.ab-heading h2{font-size:48px;line-height:1.19;letter-spacing:-.037em;max-width:24ch}
.ab-heading>p{font-size:18px;line-height:28px;color:var(--ab-muted);padding-top:5px;max-width:46ch}
.ab-content h3{font-size:28px;line-height:1.25;letter-spacing:-.025em}
.ab-content p{color:var(--ab-muted)}
.ab-index,.ab-mini-label{font-size:14px;line-height:1.5;display:block;color:var(--ab-muted)}
.ab-index{margin-bottom:16px;color:var(--ab-orange)}
.ab-mini-label{margin-bottom:14px}
.ab-link{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;font-size:16px;line-height:1.4;width:fit-content}
.ab-link svg{width:20px;height:20px;transition:transform .2s}
.ab-link:hover svg{transform:translate(3px,-3px)}
.ab-content .button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;min-height:56px;border-radius:7px;font:400 16px/1.4 Onest,sans-serif;max-width:100%}
.ab-content .button.primary{background:var(--ab-orange);color:var(--ab-ink)}
.ab-content .button>svg{width:20px;height:20px}
.ab-endline{border-top:1px solid #d8d8d8;padding-top:28px;margin-top:36px!important;font-size:20px;color:var(--ab-ink)!important}
.ab-icon{width:48px;height:48px;color:var(--ab-ink)}
.ab-icon-accent{stroke:var(--ab-orange)}
/* Cover: abstract artwork replaces staged working photography. */
.ab-hero{padding-top:32px;padding-bottom:64px}
.ab-breadcrumbs{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--ab-muted);margin-bottom:24px;min-height:44px}
.ab-breadcrumbs a{display:inline-flex;align-items:center;min-height:44px}
.ab-hero .ab-label{margin-bottom:28px}
.ab-hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:center}
.ab-hero h1{font-size:72px;line-height:82px;letter-spacing:-.045em;max-width:14ch;position:static;transform:none;opacity:1}
.ab-hero h1 em{white-space:normal}
.ab-hero-grid>div>p{max-width:52ch;margin-top:28px;font-size:18px;line-height:28px}
.ab-hero-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;align-items:center}
.ab-hero-actions .ab-link{font-size:15px}
.ab-hero-art{height:450px;background:var(--ab-ink);border-radius:12px;display:flex;flex-direction:column;padding:28px;overflow:hidden;isolation:isolate}
.ab-art-mark{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#fff;font-size:14px;line-height:20px}
.ab-art-mark>span:first-child{letter-spacing:.06em}
.ab-art-mark>span:last-child{color:#a3a3a3}
.ab-hero-art>img{width:100%;height:0;flex:1;min-height:0;object-fit:contain;display:block;margin-block:20px;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.ab-hero-art .ab-art-directions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;color:#fff;font-size:15px;line-height:22px}
.ab-art-directions>a{display:flex;align-items:center;gap:12px;border-top:1px solid #ffffff30;min-height:44px;color:#fff;transition:border-color .2s}
.ab-art-directions>a>span{font-size:10px;line-height:16px;color:var(--ab-orange)}
.ab-art-directions>a:hover{border-color:var(--ab-orange)}
.ab-art-directions>a:focus-visible{outline:2px solid var(--ab-orange);outline-offset:3px;border-radius:2px}
@media(hover:hover) and (pointer:fine){.ab-hero-art:hover>img{transform:rotate(3deg) scale(1.025)}}
/* The existing local navigation keeps the same behavior and dimensions. */
.ab-page-nav{position:sticky;top:var(--actual-header-h,76px);z-index:30;background:#fff;border-block:1px solid #e6e4e2;width:100%;backdrop-filter:none;height:66px}
.ab-page-nav .ab-container{display:flex;align-items:center;gap:28px;overflow-x:auto;scrollbar-width:none;padding-block:10px;height:100%}
.ab-page-nav .ab-link{padding:8px 16px;white-space:nowrap;min-height:44px;font-size:15px}
.ab-page-nav .ab-link svg{display:none}
.ab-page-nav a[aria-current=location]{background:#f5f5f5;color:var(--ab-ink);border-radius:24px}
.ab-page-nav .button{margin-left:auto;white-space:nowrap;min-height:44px;height:auto;padding:10px 18px;font-size:15px}
/* Position: a shared baseline; color separates the three parts of the thought. */
.ab-position{padding-block:72px}
.ab-position-end{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;font-size:30px;line-height:1.3;letter-spacing:-.028em}
.ab-position-end>span{padding-top:24px;border-top:2px solid var(--ab-ink)}
.ab-position-end>span:first-child{color:var(--ab-orange);border-color:var(--ab-orange)}
.ab-position-end>span:last-child{color:var(--ab-wine);border-color:var(--ab-wine)}
/* Three situations, three recognizable sculptural objects. */
.ab-situations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ab-situation-art{height:232px;background:#f5f5f5;border-radius:8px;margin-bottom:30px!important;display:flex;align-items:center;justify-content:center}
.ab-situation-art img{height:280px;width:84%;object-fit:contain;display:block}
.ab-situations h3{margin-bottom:16px;max-width:20ch;min-height:70px}
.ab-situations p{font-size:17px;line-height:27px;max-width:38ch}
/* The approach is readable in one view, without pinned panels. */
.ab-wine{background:var(--ab-wine);color:#fff}
.ab-wine .ab-label,.ab-wine .ab-heading>p{color:#c4b8bd}
.ab-approach{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.ab-approach article{border-top:1px solid #ffffff30;padding-top:24px}
.ab-approach-sign{margin-bottom:28px}
.ab-approach .ab-icon{width:64px;height:64px;color:#fff}
.ab-approach h3{margin-bottom:16px}
.ab-approach p{color:#c4b8bd;font-size:17px;line-height:27px;max-width:36ch}
.ab-approach-end{border-top:1px solid #ffffff30;padding-top:24px;margin-top:36px!important;color:#fff!important;font-size:22px;line-height:30px}
/* Competencies: three distinct solid surfaces, no fake interface inside each. */
.ab-competencies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ab-competencies article{padding:32px;border:1px solid #d8d8d8;border-top:3px solid var(--ab-orange);border-radius:8px;display:flex;flex-direction:column;min-width:0}
.ab-competencies article:nth-child(2){background:var(--ab-wine);color:#fff;border-color:var(--ab-wine)}
.ab-competencies article:nth-child(3){background:var(--ab-ink);color:#fff;border-color:var(--ab-ink)}
.ab-competency-sign{margin-bottom:32px}
.ab-competency-sign .ab-icon{width:56px;height:56px}
.ab-competencies article:not(:first-child) .ab-icon{color:#fff}
.ab-competencies h3{font-size:28px;margin-bottom:18px}
.ab-competencies article>p{font-size:17px;line-height:27px;margin-bottom:28px}
.ab-competencies article:not(:first-child)>p{color:#c4b8bd}
.ab-competencies article:last-child>p{color:#a3a3a3}
.ab-service-links{display:flex;flex-direction:column;align-items:stretch;margin-top:auto;padding-top:20px;border-top:1px solid #d8d8d8;gap:4px}
.ab-service-links .ab-link{width:100%;font-size:15px}
.ab-service-links .ab-link svg{color:var(--ab-orange)}
.ab-competencies article:not(:first-child) .ab-service-links{border-color:#ffffff30}
/* Portraits are reserved for people and responsibility. */
.ab-experts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.ab-expert-portrait{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:8px;margin-bottom:24px;background:#f5f5f5}
.ab-expert-portrait img{position:absolute;width:200%;height:200%;max-width:none;left:calc(var(--portrait-x) * -100%);top:calc(var(--portrait-y) * -100%)}
.ab-expert-copy h3{font-size:24px;min-height:60px;margin-bottom:14px}
.ab-expert-copy>.ab-mini-label{font-size:13px;min-height:40px}
.ab-expert-copy p{font-size:16px;line-height:26px}
/* Responsibility: one contact plus three clear actions; no wiring diagram. */
.ab-responsibility{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:calc(100% / 12);align-items:start}
.ab-project-lead{background:var(--ab-wine);border-radius:8px;padding:32px;color:#fff}
.ab-lead-sign{width:64px;height:64px;margin-bottom:32px}
.ab-project-lead .ab-mini-label{color:#c4b8bd}
.ab-project-lead h3{font-size:36px;line-height:1.15;margin-bottom:20px}
.ab-project-lead p{color:#c4b8bd;font-size:17px;line-height:27px;max-width:40ch}
.ab-responsibility-list article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:24px;padding-block:26px;border-top:1px solid #d8d8d8}
.ab-responsibility-list article:first-child{padding-top:0;border:0}
.ab-responsibility-list h3{font-size:26px;margin-bottom:12px}
.ab-responsibility-list p{font-size:17px;line-height:27px}
/* Collaboration is an open sequence rather than a large document mockup. */
.ab-client-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.ab-client-steps article{border-top:1px solid #d8d8d8;padding-top:28px}
.ab-step-icon{margin-bottom:24px}
.ab-step-icon .ab-icon{width:56px;height:56px}
.ab-client-steps h3{font-size:27px;margin-bottom:16px}
.ab-client-steps p{font-size:17px;line-height:27px;max-width:36ch}
/* Four qualities remain visible together. */
.ab-charcoal{background:var(--ab-ink);color:#fff}
.ab-charcoal .ab-label,.ab-charcoal .ab-heading>p{color:#a3a3a3}
.ab-quality{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.ab-quality article{display:grid;grid-template-columns:56px minmax(0,1fr);gap:24px;border-top:1px solid #ffffff30;padding:28px 0 36px}
.ab-quality .ab-icon{width:48px;height:48px;color:#fff}
.ab-quality h3{margin-bottom:16px}
.ab-quality p{font-size:18px;line-height:28px;color:#fff;max-width:38ch}
.ab-quality-check{display:block;font-size:15px;line-height:25px;color:#a3a3a3;margin-top:18px;max-width:43ch}
.ab-charcoal .ab-endline{color:#fff!important;border-color:#ffffff30}
/* Work samples use the existing project imagery and routes. */
.ab-projects{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px}
.ab-project-atlas{grid-row:span 2}
.ab-project-interface{background:#f5f5f5;border-radius:8px;padding:30px;overflow:hidden}
.ab-project-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid #d8d8d8;font-size:16px}
.ab-project-top>span:first-child{font-size:22px}
.ab-project-top svg{width:24px;height:24px}
.ab-project-message{padding-block:28px}
.ab-project-message>span:first-child{display:block;color:var(--ab-muted);font-size:14px;margin-bottom:20px}
.ab-project-message h3{font-size:44px;line-height:1.14;letter-spacing:-.04em;max-width:17ch;margin-bottom:24px}
.ab-project-action{display:flex;align-items:center;gap:20px;font-size:16px}
.ab-project-action svg{width:20px;height:20px}
.ab-project-interface img{width:100%;height:270px;object-fit:cover;border-radius:5px;display:block}
.ab-project:not(.ab-project-atlas) .ab-project-interface{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);column-gap:20px;padding:24px}
.ab-project:not(.ab-project-atlas) .ab-project-top{grid-column:1/-1;font-size:14px;padding-bottom:18px}
.ab-project:not(.ab-project-atlas) .ab-project-top>span:first-child{font-size:20px}
.ab-project:not(.ab-project-atlas) .ab-project-message{padding-bottom:0;padding-top:24px}
.ab-project:not(.ab-project-atlas) .ab-project-message h3{font-size:30px;margin-bottom:18px}
.ab-project:not(.ab-project-atlas) .ab-project-message>span:first-child{font-size:12px;margin-bottom:14px}
.ab-project:not(.ab-project-atlas) .ab-project-interface img{height:160px;margin-top:24px;align-self:end}
.ab-project-sreda .ab-project-interface{background:#f5f5f5}
.ab-project-praktika .ab-project-interface{background:var(--ab-wine);color:#fff}
.ab-project-praktika .ab-project-message>span:first-child{color:#c4b8bd}
.ab-project-praktika .ab-project-top{border-color:#ffffff30}
.ab-project-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px}
.ab-project-meta h3{font-size:24px;margin-bottom:8px}
.ab-project-meta p{font-size:14px;line-height:24px}
.ab-project-meta>span{display:flex;gap:14px;align-items:center;font-size:15px;min-height:44px}
.ab-project-meta>span svg{width:20px;height:20px;transition:transform .2s}
.ab-project:hover .ab-project-meta>span svg{transform:translate(3px,-3px)}
.ab-project-end{margin-top:32px}
/* Formats and development have their own compact compositions. */
.ab-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.ab-formats article{border-top:1px solid #d8d8d8;padding-top:24px}
.ab-formats .ab-icon{margin-bottom:26px}
.ab-formats h3{font-size:27px;margin-bottom:16px}
.ab-formats p{font-size:17px;line-height:27px;max-width:37ch}
.ab-format-end{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:36px;padding-top:28px;border-top:1px solid #d6d6d6}
.ab-format-end>p{font-size:18px;line-height:28px;max-width:48ch;color:var(--ab-ink)}
.ab-format-end>.button{flex-shrink:0}
.ab-continuity{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:calc(100% / 12);align-items:start}
.ab-continuity-copy h3{font-size:28px;line-height:35px;margin-bottom:20px}
.ab-continuity-copy p{font-size:17px;line-height:27px}
.ab-history{background:var(--ab-wine);border-radius:8px;padding:32px;color:#fff}
.ab-history>.ab-icon{width:56px;height:56px;color:#fff;margin-bottom:32px}
.ab-history ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;gap:24px}
.ab-history li{border-top:2px solid var(--ab-orange);padding-top:16px}
.ab-history li>span{font-size:20px}
.ab-history li>p{font-size:15px;line-height:25px;color:#c4b8bd;margin-top:10px}
/* Culture: a brand symbol and practical principles, no staged meeting shots. */
.ab-culture-layout{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:calc(100% / 12);align-items:stretch}
.ab-culture-symbol{background:var(--ab-ink);border-radius:8px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;gap:36px;color:#fff;}
.ab-culture-symbol>svg{width:160px;height:160px;color:var(--ab-orange);align-self:center;transform-origin:center;animation:ab-turn 32s linear infinite;animation-play-state:paused}
.ab-culture-symbol.is-visible>svg{animation-play-state:running}
.ab-culture-symbol>span{font-size:26px;line-height:34px;letter-spacing:-.025em}
.ab-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.ab-principles article{border-top:1px solid #d8d8d8;padding-top:24px}
.ab-principles .ab-icon{width:40px;height:40px;margin-bottom:18px}
.ab-principles h3{font-size:23px;line-height:29px;margin-bottom:12px}
.ab-principles p{font-size:16px;line-height:26px}
.ab-career{border-top:1px solid #d8d8d8;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:36px;padding-top:20px;color:var(--ab-muted);font-size:16px}
.ab-start{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.ab-start article{border-top:1px solid #d8d8d8;padding-top:24px}
.ab-start article>span{display:block;font-size:14px;color:var(--ab-orange);margin-bottom:18px}
.ab-start h3{font-size:26px;margin-bottom:16px}
.ab-start p{font-size:17px;line-height:27px}
/* The page still has one shared inline form. */
.about-page #contact{background:var(--ab-wine);padding-top:88px;padding-inline:0;scroll-margin-top:calc(var(--ws-section-offset,174px) - 88px)}
.about-page #contact .ab-contact-shell{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:calc(100% / 12)}
.about-page #contact .contact-grid{display:contents}
.about-page #contact .ab-contact-lead{min-width:0}
.about-page #contact .contact-heading{display:block;margin:0}
.about-page #contact .contact-intro{display:block}
.about-page #contact .contact-intro .text-link{margin-top:24px}
.about-page #contact #brief-form .chips{grid-template-columns:repeat(2,minmax(0,1fr))}
.about-page #contact #brief-form .chips label{min-width:0}
.about-page #contact #brief-form .chips label>span{white-space:normal}
.about-page #contact .contact-heading h2{font-size:48px;line-height:57px;letter-spacing:-.035em;max-width:16ch}
.about-page #contact .ab-contact-kicker{display:block;color:#c4b8bd;font-size:14px;margin-bottom:32px}
.about-page #contact .ab-contact-lead .contact-intro{margin-top:32px}
.about-page #contact .contact-intro p{font-size:18px;line-height:28px;color:#c4b8bd;max-width:40ch}
.about-page #contact .contact-intro a{display:inline-flex;align-items:center;min-height:44px}
.about-page #contact #brief-form{margin:0;grid-row:1;grid-column:2;min-width:0}
.about-page #brief-form .brief-result{margin-top:24px;padding:24px;border:1px solid #ffffff40;border-radius:8px}
.about-page #brief-form .brief-result h3{font-size:26px;line-height:34px}
.about-page #brief-form .brief-result pre{white-space:pre-wrap;overflow-wrap:anywhere;font:400 15px/25px Onest,sans-serif;color:#fff}
.about-page #brief-form .brief-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.about-page #brief-form .field input{font-size:16px}
html:has(.about-page){scroll-padding-top:0}
@keyframes ab-turn{to{transform:rotate(360deg)}}
@media(max-width:1199px){
 .ab-heading h2{font-size:44px}.ab-hero h1{font-size:60px;line-height:69px}.ab-hero-art{height:420px}
 .ab-hero-grid{gap:24px}.ab-competencies article{padding:24px}.ab-competencies h3{font-size:25px}
 .ab-project-meta{flex-direction:column;align-items:flex-start;gap:8px}.ab-quality{gap:0 32px}
}
@media(max-width:1000px){
 .about-page{--ab-gutter:28px}.ab-heading{grid-template-columns:1fr;gap:24px;margin-bottom:36px}.ab-heading>p{max-width:66ch;padding-top:0}
 .ab-hero-grid{grid-template-columns:1.1fr 1fr}.ab-hero h1{font-size:52px;line-height:60px}.ab-hero-art{height:380px;padding:24px}
 .ab-position-end{font-size:25px}.ab-situation-art{height:180px}.ab-situation-art img{height:215px}.ab-situations h3{font-size:24px;min-height:60px}
 .ab-approach{gap:24px}.ab-approach h3{font-size:24px}.ab-competencies{grid-template-columns:1fr}.ab-competencies article{display:grid;grid-template-columns:56px minmax(0,1fr);gap:0 24px;padding:28px}
 .ab-competency-sign{grid-row:span 3;margin:0}.ab-competencies h3{font-size:28px}.ab-competencies article>p{margin-bottom:24px}.ab-service-links{grid-column:2;margin-top:0}
 .ab-experts{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.ab-expert-portrait{max-height:300px;aspect-ratio:4/5;max-width:240px}
 .ab-expert-copy h3{min-height:0}.ab-expert-copy>.ab-mini-label{min-height:0}
 .ab-responsibility{gap:32px;grid-template-columns:1fr 1.2fr}.ab-project-lead{padding:28px}.ab-project-lead h3{font-size:30px}
 .ab-responsibility-list article{grid-template-columns:40px minmax(0,1fr);gap:20px}.ab-responsibility-list .ab-icon{width:40px;height:40px}.ab-responsibility-list h3{font-size:23px}
 .ab-client-steps{gap:24px}.ab-client-steps h3{font-size:24px}.ab-formats{gap:24px}.ab-formats h3{font-size:24px}
 .ab-projects{grid-template-columns:1fr 1fr}.ab-project-message h3{font-size:36px}.ab-project-interface{padding:24px}
 .ab-project:not(.ab-project-atlas) .ab-project-interface{display:block}.ab-project:not(.ab-project-atlas) .ab-project-message h3{font-size:28px}.ab-project:not(.ab-project-atlas) .ab-project-interface img{width:100%;height:140px;margin-top:20px}.ab-project-interface img{height:300px}
 .ab-continuity,.ab-culture-layout{grid-template-columns:1fr;gap:32px}.ab-continuity-copy{max-width:64ch}.ab-culture-symbol{flex-direction:row;align-items:center;min-height:200px}.ab-culture-symbol>svg{width:128px;height:128px}.ab-culture-symbol>span{margin-right:auto}
 .about-page #contact .ab-contact-shell{grid-template-columns:minmax(0,1fr);gap:36px}.about-page #contact #brief-form{grid-row:auto;grid-column:auto}.about-page #contact .contact-heading h2{max-width:20ch}
}
@media(max-width:700px){
 .about-page{--ab-gutter:20px}.ab-section{padding-block:64px;scroll-margin-top:calc(var(--ws-section-offset,148px) - 64px)}
 .ab-label{font-size:13px;margin-bottom:28px}.ab-chapter{font-size:12px}.ab-heading{gap:20px;margin-bottom:32px}.ab-heading h2{font-size:32px;line-height:38px;max-width:none}.ab-heading h2 br{display:none}.ab-heading>p{font-size:16px;line-height:26px}
 .ab-content h3{font-size:24px;line-height:30px}.ab-content .button{min-height:52px;font-size:15px;padding:14px 18px}.ab-link{font-size:15px;min-height:44px;gap:16px}.ab-endline{font-size:18px;line-height:28px;margin-top:28px!important;padding-top:24px}
 .ab-hero{padding-top:18px;padding-bottom:44px}.ab-breadcrumbs{margin-bottom:20px}.ab-hero .ab-label{margin-bottom:24px}.ab-hero-grid{grid-template-columns:1fr;gap:32px}.ab-hero h1{font-size:40px;line-height:46px;max-width:15ch}.ab-hero-grid>div>p{font-size:16px;line-height:26px;margin-top:24px}.ab-hero-actions{gap:16px;margin-top:24px}.ab-hero-art{height:360px;padding:20px}.ab-hero-art .ab-art-directions{gap:0 20px;font-size:14px}
 .ab-page-nav{height:60px}.ab-page-nav .ab-container{gap:8px;padding-block:8px;padding-right:20px}.ab-page-nav .ab-link{font-size:14px;padding:10px 12px}.ab-page-nav .button{font-size:14px;padding:10px 14px;margin-left:6px}
 .ab-position{padding-block:56px}.ab-position-end{grid-template-columns:1fr;gap:0;font-size:25px;line-height:34px}.ab-position-end>span{border-top:1px solid #d8d8d8;padding-block:15px}.ab-position-end>span:first-child{border-color:var(--ab-orange)}.ab-position-end>span:last-child{padding-bottom:0;border-color:#d8d8d8}
 .ab-situations{grid-template-columns:1fr;gap:32px}.ab-situations article{display:grid;grid-template-columns:96px minmax(0,1fr);gap:0 20px}.ab-situation-art{height:112px;grid-row:span 3;margin-bottom:0!important;align-self:start}.ab-situation-art img{height:126px;width:100%;max-width:none}.ab-situations .ab-index,.ab-situations h3,.ab-situations p{grid-column:2}.ab-situations h3{min-height:0;margin-bottom:14px;max-width:none;font-size:23px;line-height:29px}.ab-situations p{font-size:16px;line-height:26px;max-width:none}
 .ab-approach{grid-template-columns:1fr;gap:28px}.ab-approach article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:0 20px;padding-top:24px}.ab-approach-sign{grid-row:span 3;margin:0}.ab-approach .ab-icon{width:44px;height:44px}.ab-approach .ab-index{font-size:13px;margin-bottom:10px}.ab-approach h3{margin-bottom:14px}.ab-approach p{font-size:16px;line-height:26px;max-width:none;grid-column:2}.ab-approach-end{font-size:20px;line-height:29px;margin-top:28px!important}
 .ab-competencies{gap:16px}.ab-competencies article{display:flex;padding:24px;gap:0}.ab-competency-sign{margin-bottom:24px}.ab-competency-sign .ab-icon{width:48px;height:48px}.ab-competencies h3{font-size:26px;line-height:32px}.ab-competencies article>p{font-size:16px;line-height:26px;margin-bottom:24px}.ab-service-links .ab-link{font-size:15px}
 .ab-experts{grid-template-columns:1fr;gap:32px}.ab-experts article{display:grid;grid-template-columns:104px minmax(0,1fr);gap:20px;align-items:start}.ab-expert-portrait{margin:0;width:104px;max-height:none;max-width:none}.ab-expert-copy>.ab-mini-label{font-size:13px;line-height:21px;margin-bottom:8px}.ab-expert-copy h3{font-size:23px;line-height:29px;margin-bottom:12px}.ab-expert-copy p{font-size:16px;line-height:26px}
 .ab-responsibility{grid-template-columns:1fr;gap:28px}.ab-project-lead{padding:28px}.ab-lead-sign{width:56px;height:56px;margin-bottom:24px}.ab-project-lead h3{font-size:30px;line-height:36px}.ab-project-lead p{font-size:16px;line-height:26px}.ab-responsibility-list article{padding-block:22px;gap:16px}.ab-responsibility-list h3{font-size:23px;line-height:29px}.ab-responsibility-list p{font-size:16px;line-height:26px}
 .ab-client-steps{grid-template-columns:1fr;gap:26px}.ab-client-steps article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:0 20px;padding-top:22px}.ab-step-icon{grid-row:span 3;margin:0}.ab-step-icon .ab-icon{width:44px;height:44px}.ab-client-steps .ab-index{font-size:13px;margin-bottom:10px}.ab-client-steps h3{margin-bottom:14px}.ab-client-steps p{font-size:16px;line-height:26px;max-width:none;grid-column:2}
 .ab-quality{grid-template-columns:1fr;gap:0}.ab-quality article{grid-template-columns:40px minmax(0,1fr);gap:16px;padding:24px 0 28px}.ab-quality .ab-icon{width:36px;height:36px}.ab-quality h3{font-size:24px;line-height:30px;margin-bottom:14px}.ab-quality p{font-size:16px;line-height:26px}.ab-quality-check{font-size:14px;line-height:24px;margin-top:16px}
 .ab-projects{grid-template-columns:1fr;gap:32px}.ab-project-atlas{grid-row:auto}.ab-projects .ab-project .ab-project-interface{display:block;padding:24px}.ab-project-top{font-size:14px;gap:14px;padding-bottom:20px}.ab-project-top>span:first-child{font-size:20px}.ab-projects .ab-project .ab-project-message{padding-block:24px 0}.ab-projects .ab-project .ab-project-message h3{font-size:32px;line-height:38px;max-width:17ch;margin-bottom:20px}.ab-projects .ab-project .ab-project-message>span:first-child{font-size:14px;line-height:24px;margin-bottom:16px}.ab-projects .ab-project .ab-project-interface img{width:100%;height:180px;margin-top:24px}.ab-project-meta{padding-top:20px}.ab-project-meta h3{font-size:24px}.ab-project-meta p{font-size:14px;line-height:24px}.ab-project-meta>span{font-size:15px}.ab-project-end{margin-top:24px}
 .ab-formats{grid-template-columns:1fr;gap:26px}.ab-formats article{display:grid;grid-template-columns:40px minmax(0,1fr);gap:0 20px;padding-top:24px}.ab-formats .ab-icon{width:36px;height:36px;grid-row:span 2;margin:0}.ab-formats h3{font-size:24px;line-height:30px;margin-bottom:14px}.ab-formats p{font-size:16px;line-height:26px;grid-column:2}.ab-format-end{flex-direction:column;align-items:stretch;gap:20px;margin-top:28px;padding-top:24px}.ab-format-end>p{font-size:16px;line-height:26px}.ab-format-end>.button{width:100%}
 .ab-continuity{gap:28px}.ab-continuity-copy h3{font-size:24px;line-height:30px;margin-bottom:16px}.ab-continuity-copy p{font-size:16px;line-height:26px}.ab-history{padding:24px}.ab-history>.ab-icon{width:44px;height:44px;margin-bottom:28px}.ab-history ol{grid-template-columns:1fr;gap:24px}.ab-history li{padding-top:16px}.ab-history li>span{font-size:22px}.ab-history li>p{font-size:15px;line-height:25px;margin-top:8px}
 .ab-culture-layout{gap:28px}.ab-culture-symbol{padding:24px;gap:24px;min-height:180px}.ab-culture-symbol>svg{width:80px;height:80px}.ab-culture-symbol>span{font-size:22px;line-height:29px}.ab-principles{grid-template-columns:1fr;gap:24px}.ab-principles article{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding-top:22px}.ab-principles .ab-icon{width:36px;height:36px;margin:0}.ab-principles h3{font-size:23px;line-height:29px}.ab-career{flex-direction:column;align-items:flex-start;gap:4px;padding-top:20px;margin-top:28px}
 .ab-start{grid-template-columns:1fr;gap:24px}.ab-start article{padding-top:20px}.ab-start article>span{margin-bottom:14px}.ab-start h3{font-size:24px;line-height:30px;margin-bottom:14px}.ab-start p{font-size:16px;line-height:26px}
 .about-page #contact{padding-top:68px;scroll-margin-top:calc(var(--ws-section-offset,148px) - 68px)}.about-page #contact .ab-contact-shell{gap:28px}.about-page #contact .contact-heading h2{font-size:32px;line-height:38px;max-width:17ch}.about-page #contact .ab-contact-kicker{font-size:13px;margin-bottom:24px}.about-page #contact .ab-contact-lead .contact-intro{margin-top:26px}.about-page #contact .contact-intro p{font-size:16px;line-height:26px}.about-page #contact #brief-form{padding-top:24px}.about-page #brief-form .brief-result{padding:20px}.about-page #brief-form .brief-result h3{font-size:23px}.about-page #brief-form .brief-actions{flex-direction:column;align-items:flex-start}.about-page #brief-form .brief-actions .button{width:100%;padding:14px 12px;font-size:15px}
}
@media(max-width:360px){.ab-experts article{display:block}.ab-expert-portrait{width:180px;margin-bottom:20px}.ab-hero-actions{flex-direction:column;align-items:flex-start}.ab-culture-symbol{gap:16px}.ab-culture-symbol>span{font-size:20px;line-height:28px}.ab-culture-symbol>svg{width:64px;height:64px}.ab-art-mark>svg{width:24px;height:24px}.ab-situations article{grid-template-columns:80px minmax(0,1fr);gap:0 16px}.ab-situation-art{height:96px}.ab-situation-art img{height:110px}}
@media(prefers-reduced-motion:reduce){.ab-content *{animation:none!important;transition:none!important}}
/* Brand story: facts, clients and the two approved homepage compositions. */
.ab-impact-intro{background:#f3f3f3}
.ab-impact-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid #d3d3d3;padding-top:32px}
.ab-impact-facts>div{border-right:1px solid #d3d3d3;padding-right:20px}
.ab-impact-facts>div:last-child{border-right:0}
.ab-impact-facts span{display:block;font-size:84px;line-height:1.08;letter-spacing:-.055em;color:var(--ab-wine)}
.ab-impact-facts>div:first-child span{color:var(--ab-orange)}
.ab-impact-facts p{font-size:18px;line-height:28px;margin-top:12px}
.ab-client-strip{background:#fff;border-radius:8px;padding:28px;display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;align-items:center;margin-top:40px}
.ab-client-strip>span{font-size:15px;line-height:25px;color:var(--ab-muted)}
.ab-client-strip>div{display:flex;align-items:center;justify-content:space-between;gap:28px}
.ab-client-strip img{width:min(140px,17%);height:48px;object-fit:contain}
.ab-impact-note{font-size:17px;line-height:27px;max-width:84ch;margin-top:28px!important}
.about-page .ab-home-meaning{padding:56px var(--ab-gutter);background:var(--ab-ink);color:#fff;scroll-margin-top:calc(var(--ws-section-offset,174px) - 56px)}
.about-page .ab-home-meaning .mi-top h2{font-size:48px;line-height:57px;letter-spacing:-.035em}
.about-page .ab-home-meaning .mi-top h2>span{color:#a3a3a3}
.about-page .ab-home-meaning .mi-top h2>span.is-current{color:var(--ab-orange)}
.about-page .ab-home-meaning .mi-copy>p{color:#c4b8bd;margin-top:24px;font-size:17px;line-height:28px}
.about-page .ab-home-meaning .mi-result p{color:#fff;font-size:15px;line-height:25px;margin-top:10px}
.about-page .ab-home-meaning .mi-index,.about-page .ab-home-meaning .mi-result>span{color:var(--ab-orange)}
.about-page .ab-home-meaning .mi-copy h3{font-size:36px;line-height:44px}
.about-page .ab-home-meaning .mi-controls button{min-height:48px;font-size:15px}
.about-page .ab-agency-system{background:var(--ab-wine);--header-height:calc(var(--actual-header-h,76px) + var(--actual-subnav-h,66px));overflow:clip;scroll-margin-top:calc(var(--ws-section-offset,174px) - 28px)}
.about-page .ab-agency-system .robot-stage{background:var(--ab-wine);padding-inline:var(--ab-gutter)}
.about-page .ab-agency-system .robot-intro h2{font-size:44px;line-height:52px}
.about-page .ab-agency-system .robot-intro h2>span{color:#c4b8bd}
.about-page .ab-agency-system .technology-card{height:300px;top:-100px}
.about-page .ab-agency-system .technology-card-face{background:#fff;border-color:#d6d6d6;padding:24px;box-shadow:none}
.about-page .ab-agency-system .technology-card.is-current .technology-card-face{border-color:#d6d6d6}
.about-page .ab-agency-system .technology-card:after{background-color:#fff;background-image:url('/assets/about/logo-card-back-light.svg');border-color:#d6d6d6}
.about-page .ab-agency-system .technology-card-label{color:var(--ab-orange);font-size:12px}
.about-page .ab-agency-system .technology-card h3{font-size:27px;line-height:33px;margin-top:18px;color:var(--ab-ink)}
.about-page .ab-agency-system .technology-card p{font-size:14px;line-height:22px;color:#656565;margin-top:14px}
.about-page .ab-agency-system .technology-card a{font-size:12px;line-height:20px;min-height:36px;color:var(--ab-ink)}
.about-page .ab-agency-system .technology-card a>svg{width:20px;height:20px;color:var(--ab-orange)}
.about-page .ab-agency-system .technology-controls button{width:44px;height:44px}
.about-page .ab-agency-system .robot-copy p{font-size:17px;line-height:27px;color:#c4b8bd;margin-top:24px}
.about-page .ab-agency-system .robot-copy h2{font-size:48px;line-height:57px}
/* Distinct symbols and alternating surfaces keep the lower chapters legible. */
.ab-content .ab-icon{stroke-width:1.65;color:var(--ab-orange)}
#business-tasks,#shared-decisions,#partnership,.ab-introduction{background:#f3f3f3}
#business-tasks .ab-situation-art{background:#fff}
.ab-client-section{background:var(--ab-wine);color:#fff}
.ab-client-section .ab-label,.ab-client-section .ab-heading>p,.ab-client-section .ab-client-steps p{color:#c4b8bd}
.ab-client-section .ab-client-steps article{border-color:#ffffff30}
#culture{background:var(--ab-wine);color:#fff}
#culture .ab-label,#culture .ab-heading>p,#culture .ab-principles p,#culture .ab-career{color:#c4b8bd}
#culture .ab-principles article,#culture .ab-career{border-color:#ffffff30}
#culture .ab-culture-symbol{color:#fff}
@media(max-width:1000px){
 .ab-impact-facts span{font-size:68px}.ab-client-strip{grid-template-columns:1fr;gap:20px}
 .about-page .ab-home-meaning .mi-copy h3{font-size:29px;line-height:36px}.about-page .ab-home-meaning .mi-copy>p{font-size:15px;line-height:25px}
}
@media(max-width:700px){
 .ab-impact-facts{gap:16px;padding-top:24px}.ab-impact-facts>div{padding-right:10px}.ab-impact-facts span{font-size:46px}.ab-impact-facts p{font-size:14px;line-height:22px;margin-top:10px}
 .ab-client-strip{padding:24px;margin-top:28px}.ab-client-strip>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ab-client-strip img{width:100%;max-width:125px;height:40px;justify-self:start}
 .ab-client-strip img:last-child{grid-column:1/-1}.ab-impact-note{font-size:16px;line-height:26px}
 .about-page .ab-home-meaning{padding-block:48px}.about-page .ab-home-meaning .mi-top h2{font-size:32px;line-height:38px;max-width:270px}
 .about-page .ab-home-meaning .mi-top h2>span{display:block}.about-page .ab-home-meaning .mi-copy h3{font-size:28px;line-height:35px}
 .about-page .ab-home-meaning .mi-copy>p{font-size:16px;line-height:26px}.about-page .ab-home-meaning .mi-controls button{font-size:12px;gap:8px}
 .about-page .ab-agency-system .robot-intro h2{font-size:29px;line-height:35px}
 .about-page .ab-agency-system .technology-card{height:280px;top:-65px}.about-page .ab-agency-system .technology-card-face{padding:20px}
 .about-page .ab-agency-system .technology-card-label{font-size:11px}.about-page .ab-agency-system .technology-card h3{font-size:22px;line-height:28px;margin-top:14px}
 .about-page .ab-agency-system .technology-card p{font-size:13px;line-height:21px;margin-top:12px}.about-page .ab-agency-system .technology-card a{font-size:11px;min-height:36px}
 .about-page .ab-agency-system .robot-copy h2{font-size:29px;line-height:35px}.about-page .ab-agency-system .robot-copy p{font-size:15px;line-height:25px;margin-top:16px}
}
@media(max-width:360px){.ab-impact-facts{gap:12px}.ab-impact-facts span{font-size:40px}.ab-impact-facts p{font-size:13px;line-height:21px}.ab-client-strip{padding:20px}.about-page .ab-agency-system .technology-card h3{font-size:21px;line-height:27px}.about-page .ab-agency-system .technology-card p{font-size:12px;line-height:20px}}
@media(prefers-reduced-motion:reduce){.about-page .ab-agency-system .technology-card{height:auto;min-height:290px;top:0}.about-page .ab-agency-system .robot-copy p{max-width:65ch}}
@media(max-width:600px) and (prefers-reduced-motion:no-preference){.about-page .ab-agency-system .technology-ring{top:calc(50% - 72px)}}
@media(max-width:360px){.about-page .ab-agency-system .robot-intro h2{font-size:24px;line-height:29px}}
/* About keeps all three ideas open on small screens, with enough room to read. */
@media(max-width:700px){
 .about-page .ab-home-meaning .mi-track{height:auto}
 .about-page .ab-home-meaning .mi-sticky{position:relative;top:0;height:auto;min-height:0;max-height:none;padding-top:22px}
 .about-page .ab-home-meaning .mi-stage{margin:0;flex:none}
 .about-page .ab-home-meaning .mi-panel{position:relative;inset:auto;display:flex;flex-direction:column;gap:24px;padding:32px 0;border-bottom:1px solid #ffffff30;visibility:visible;pointer-events:auto}
 .about-page .ab-home-meaning .mi-panel .mi-art-stage{min-height:0}
 .about-page .ab-home-meaning .mi-panel canvas{height:235px}
 .about-page .ab-home-meaning .mi-copy{padding:0;flex-shrink:0}
 .about-page .ab-home-meaning .mi-index{margin-bottom:16px}
 .about-page .ab-home-meaning .mi-copy>p,.about-page .ab-home-meaning .mi-result,.about-page .ab-home-meaning .mi-index{opacity:1;transform:none}
 .about-page .ab-home-meaning .mi-line>span{transform:none}
 .about-page .ab-home-meaning .mi-art-labels{display:flex;font-size:11px}
 .about-page .ab-home-meaning .mi-result{margin-top:20px;padding-top:18px}
 .about-page .ab-home-meaning .mi-controls{margin-top:20px}
}

/* Short viewports read the same seven competencies without a cropped pinned stage. */
@media(max-height:560px){
 .about-page .technology-carousel{height:auto;min-height:0}
 .about-page .technology-carousel .robot-stage{position:relative;top:0;height:auto;min-height:0;padding-block:32px}
 .about-page .robot-intro{opacity:1;transform:none}
 .about-page .technology-space{perspective:none;margin-top:30px;min-height:0;height:auto}
 .about-page .technology-depth{position:relative;transform-style:flat;height:auto}
 .about-page .technology-carousel .robot-visual{position:relative;left:auto;top:auto;transform:none;width:220px;height:295px;margin:0 auto 30px}
 .about-page .technology-ring{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:auto;height:auto;transform:none}
 .about-page .technology-card{position:relative;left:auto;top:auto;width:auto;height:auto;transform:none;pointer-events:auto}
 .about-page .technology-card-face{position:relative;opacity:1;padding:24px}
 .about-page .technology-card:after{display:none}
 .about-page .technology-card h3{font-size:26px;line-height:1.2;margin-top:16px}
 .about-page .technology-card p{font-size:16px;line-height:1.5;margin-top:16px}
 .about-page .technology-card-label,.about-page .technology-card a{font-size:14px}
 .about-page .technology-card a{padding-top:20px}
 .about-page .technology-carousel .robot-copy{position:relative;width:100%;top:0;transform:none;opacity:1;margin:40px 0 24px;pointer-events:auto}
 .about-page .technology-controls>div,.about-page .technology-controls>span{display:none}
 .about-page .technology-controls>a{display:block}
}
@media(max-height:560px) and (max-width:600px){.about-page .technology-ring{grid-template-columns:minmax(0,1fr)}}

/* Content surfaces: orange is reserved for actions and graphic details. */
.ab-project-lead h3{color:#fff}.ab-project-lead .ab-lead-sign{color:var(--ab-orange)}