/* ============================================================
   ABOUT US (about.html) . 2026-10-26
   Ground truth: 26.10 pages/About Us/Spec+Html/digidoe-about-us.html + digidoe-about-us-spec.md (1440 x 6525).

   Same recipe as sept-dev.css: <main> IS the designer's markup (classes abu-*, qa/oracle/designer_to_main.py) and
   this is his stylesheet with the mechanical changes (qa/oracle/skin_css.py):
     .x                 -> [data-skin="abu"] #main .abu-x
     hero photo         -> his CSS background, data: URI -> sept/about/hero.webp (md5-matched)
     embedded images    -> his named files under sept/about/ (md5-matched); photos as webp
     body min-width     -> gone (D1); the block at the end relaxes his fixed widths below 1300.
     nav + footer       -> his rules dropped (10 selectors), chrome stays live (D2): dd-nav.css + sept-footer.css
     keyframes/media    -> skin_css.py flattens them; his marquee + stepIn keyframes (prefixed) and the
                           reduced-motion block are restored by hand below
     timeline           -> his tab script, class names prefixed, as assets/sept-abu.js

   Deviations from his HTML, each on record:
     badges     none in his body (Yuval 2026-10-26: "the about us should use the text grid"); the footer is the
                site's text line.
     copy       his copy equals the live desktop copy (.d-only, David's 26 October notes); the live .m-only mobile
                variants are not carried (D4), the avatar initials are his profile marks.
     reveals    kept (D3): scroll-driven, same timing family as alt-home.css, defined at the end.
   ============================================================ */

/* ---------- resets his page relied on, scoped to main (skin_css.py standard block) ---------- */
html[data-skin="abu"] body{background:#fff}
[data-skin="abu"] main{
  width:100%;overflow-x:clip;color:#121212;font-size:16px;line-height:normal;letter-spacing:0;
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;
}
[data-skin="abu"] #main *,[data-skin="abu"] #main *::before,[data-skin="abu"] #main *::after{box-sizing:border-box}
[data-skin="abu"] #main *{margin:0;padding:0}
[data-skin="abu"] #main ul{list-style:none}
[data-skin="abu"] #main a{color:inherit;text-decoration:none}
[data-skin="abu"] #main img,[data-skin="abu"] #main svg{display:block}
[data-skin="abu"] #main h1,[data-skin="abu"] #main h2,[data-skin="abu"] #main h3,[data-skin="abu"] #main p{max-width:none;letter-spacing:0;text-wrap:initial}
[data-skin="abu"] #main section{position:relative;width:100%}   /* his absolute .divider hairlines hang off the section (Payments and FX taught this) */

/* ---------- his page, transcribed (skin_css.py) ---------- */
/* Full-width section shell + fixed centered inner */
[data-skin="abu"] #main .abu-section{width: 100%;}
[data-skin="abu"] #main .abu-inner{width: 1440px; margin: 0 auto;}
/* Pill buttons */
[data-skin="abu"] #main .abu-btn{display: inline-flex; align-items: center; justify-content: center;
    height: 47px; padding: 14px 24px; border-radius: 100px; border: none;
    font-size: 16px; line-height: 19px; white-space: nowrap; cursor: pointer;
    transition: opacity .15s ease;}
[data-skin="abu"] #main .abu-btn:hover{opacity: .85;}
[data-skin="abu"] #main .abu-btn--dark{background: #121212; color: #FFFFFF; font-weight: 700;}
[data-skin="abu"] #main .abu-btn--light{background: #FFFFFF; color: #121212; font-weight: 700;}
[data-skin="abu"] #main .abu-btn--ghost-photo{background: rgba(18,18,18,0.16); color: #FFFFFF; font-weight: 500;}
[data-skin="abu"] #main .abu-btn--ghost-dark{background: rgba(255,255,255,0.16); color: #FFFFFF; font-weight: 500;}
[data-skin="abu"] #main .abu-btn--beige{background: #F4F3F0; color: #555049; font-weight: 500;}
[data-skin="abu"] #main .abu-h2{font-size: 44px; line-height: 53px; font-weight: 500; color: #121212;}
/* Divider (zero layout height) */
[data-skin="abu"] #main .abu-divider{width: 1160px; height: 0; margin: 0 auto -1px;
    border-top: 1px solid #D6D2C7; position: relative; z-index: 1;}
[data-skin="abu"] #main .abu-divider-wrap{height: 0;}
/* 1. Navbar */
/* 2. Hero */
[data-skin="abu"] #main .abu-hero .abu-inner{height: 708px; padding: 0 80px;
    display: flex; flex-direction: column; align-items: center; gap: 20px;}
[data-skin="abu"] #main .abu-hero-card{position: relative; width: 1280px; height: 640px; flex: 0 0 640px;
    border-radius: 48px; overflow: hidden;
    background: #5A4A3C url(sept/about/hero.webp) center / cover no-repeat;}
[data-skin="abu"] #main .abu-hero-shade{position: absolute; inset: 0;}
[data-skin="abu"] #main .abu-hero-content{position: relative; height: 100%; padding: 80px;
    display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 40px;}
[data-skin="abu"] #main .abu-hero-text{width: 500px; display: flex; flex-direction: column; gap: 20px;}
[data-skin="abu"] #main .abu-hero-text h1{font-size: 52px; line-height: 63px; font-weight: 500; color: #FFFFFF;}
[data-skin="abu"] #main .abu-hero-text p{width: 480px; font-size: 16px; line-height: 24px; color: #FFFFFF; opacity: .8;}
[data-skin="abu"] #main .abu-hero-btns{display: flex; gap: 20px; align-items: center;}
[data-skin="abu"] #main .abu-hero-disclaimer{font-size: 16px; line-height: 24px; color: #7B756D; text-align: center; white-space: nowrap;}
/* 3. Our journey */
[data-skin="abu"] #main .abu-journey{overflow: hidden;}
[data-skin="abu"] #main .abu-journey .abu-inner{height: 1049px; padding: 120px 80px 160px;}
[data-skin="abu"] #main .abu-journey-col{width: 960px; margin: 0 auto;
    display: flex; flex-direction: column; align-items: center; gap: 80px;}
[data-skin="abu"] #main .abu-journey-col > .abu-h2{width: 560px; text-align: center;}
[data-skin="abu"] #main .abu-timeline{position: relative; width: 960px; height: 77px; display: flex;}
[data-skin="abu"] #main .abu-tl-line{position: absolute; top: 10px; left: 89px; height: 1px;}
[data-skin="abu"] #main .abu-tl-line--grey{width: 782px; background: #B5B2A8;}
[data-skin="abu"] #main .abu-tl-line--orange{width: 142px; background: #F37F00;}
[data-skin="abu"] #main .abu-tl-item{position: relative; z-index: 1; width: 160px; flex: 0 0 160px; height: 77px;
    display: flex; flex-direction: column; align-items: center; gap: 20px;
    padding: 0; margin: 0; border: none; background: none; cursor: pointer;
    font: inherit; color: inherit; border-radius: 12px;}
[data-skin="abu"] #main .abu-tl-item:focus-visible{outline: 2px solid #F37F00; outline-offset: 4px;}
[data-skin="abu"] #main .abu-tl-dot{width: 20px; height: 20px; flex: 0 0 20px; border-radius: 50%; background: #FFFFFF;
    box-shadow: inset 0 0 0 1px #B5B2A8;
    display: flex; align-items: center; justify-content: center;
    transition: box-shadow .25s ease;}
[data-skin="abu"] #main .abu-tl-dot::after{content: ""; width: 12px; height: 12px; border-radius: 50%; background: #F37F00;
    transform: scale(0); transition: transform .25s ease;}
[data-skin="abu"] #main .abu-tl-item.abu-is-done .abu-tl-dot,[data-skin="abu"] #main .abu-tl-item[aria-selected="true"] .abu-tl-dot{box-shadow: inset 0 0 0 1px #F37F00;}
[data-skin="abu"] #main .abu-tl-item[aria-selected="true"] .abu-tl-dot::after{transform: scale(1);}
[data-skin="abu"] #main .abu-tl-item:hover .abu-tl-dot{box-shadow: inset 0 0 0 1px #F37F00;}
[data-skin="abu"] #main .abu-tl-label{width: 100px; display: flex; flex-direction: column; align-items: center; gap: 3px; text-align: center;}
[data-skin="abu"] #main .abu-tl-year{width: 80px; font-size: 16px; line-height: 19px; font-weight: 500; color: #5C5750; transition: color .2s ease;}
[data-skin="abu"] #main .abu-tl-item:hover .abu-tl-year{color: #121212;}
[data-skin="abu"] #main .abu-tl-item[aria-selected="true"] .abu-tl-year{font-weight: 600; color: #F37F00;}
[data-skin="abu"] #main .abu-tl-cap{width: 100px; font-size: 12px; line-height: 15px; color: #7B756D;}
[data-skin="abu"] #main .abu-tl-line--orange{transition: width .35s ease;}
[data-skin="abu"] #main .abu-step-card{width: 960px; height: 264px; border: 1px solid #D6D2C7; border-radius: 24px; overflow: hidden;}
[data-skin="abu"] #main .abu-step-panel{height: 100%; padding: 40px; display: flex; gap: 40px; align-items: flex-start;}
[data-skin="abu"] #main .abu-step-panel[hidden]{display: none;}
[data-skin="abu"] #main .abu-step-panel.abu-is-entering{animation: abu-stepIn .3s ease both;}
[data-skin="abu"] #main .abu-step-left{width: 240px; flex: 0 0 240px; padding-right: 40px; display: flex; flex-direction: column; gap: 10px;}
[data-skin="abu"] #main .abu-step-num{font-size: 28px; line-height: 34px; font-weight: 700; color: #F37F00;}
[data-skin="abu"] #main .abu-step-title{font-size: 20px; line-height: 24px; color: #5C5750;}
[data-skin="abu"] #main .abu-step-list{width: 600px; display: flex; flex-direction: column; gap: 10px;}
[data-skin="abu"] #main .abu-step-list li{display: flex; gap: 10px; align-items: flex-start;}
[data-skin="abu"] #main .abu-step-list img{width: 24px; height: 24px; flex: 0 0 24px;}
[data-skin="abu"] #main .abu-step-list span{width: 566px; font-size: 16px; line-height: 24px; color: #5C5750;}
[data-skin="abu"] #main .abu-story{width: 720px; display: flex; flex-direction: column; gap: 30px;}
[data-skin="abu"] #main .abu-story p{font-size: 14px; line-height: 21px; color: #7B756D; text-align: center;}
/* 4. Platform */
[data-skin="abu"] #main .abu-platform .abu-inner{height: 1092px; padding: 160px; display: flex; flex-direction: column; gap: 80px;}
[data-skin="abu"] #main .abu-platform-row{width: 1120px; height: 480px; display: flex; gap: 80px; align-items: center;}
[data-skin="abu"] #main .abu-platform-text{width: 320px; flex: 0 0 320px; display: flex; flex-direction: column; gap: 60px; align-items: flex-start;}
[data-skin="abu"] #main .abu-platform-copy{display: flex; flex-direction: column; gap: 20px;}
[data-skin="abu"] #main .abu-platform-copy p{font-size: 16px; line-height: 24px; color: #5C5750;}
[data-skin="abu"] #main .abu-platform-img{width: 720px; height: 480px; border-radius: 48px; object-fit: cover; background: #8A5A3C;}
[data-skin="abu"] #main .abu-marquee{width: 1120px; height: 212px; overflow: hidden;}
[data-skin="abu"] #main .abu-track{display: flex; gap: 20px; width: max-content;
    animation: abu-marquee 34s linear infinite;
    will-change: transform;}
[data-skin="abu"] #main .abu-marquee:hover .abu-track{animation-play-state: paused;}
[data-skin="abu"] #main .abu-fcard{flex: 0 0 320px; width: 320px; height: 212px; padding: 30px;
    background: #FFFFFF; border: 1px solid #D6D2C7; border-radius: 24px;
    display: flex; flex-direction: column; gap: 30px; overflow: hidden;}
[data-skin="abu"] #main .abu-fcard img{width: 40px; height: 40px;}
[data-skin="abu"] #main .abu-fcard-text{width: 260px; display: flex; flex-direction: column; gap: 10px;}
[data-skin="abu"] #main .abu-fcard-text h3{font-size: 20px; line-height: 24px; font-weight: 500; color: #121212;}
[data-skin="abu"] #main .abu-fcard-text p{font-size: 16px; line-height: 24px; color: #5C5750;}
/* 5. Certified */
[data-skin="abu"] #main .abu-certified{background: #F4F3F0; overflow: hidden;}
[data-skin="abu"] #main .abu-certified .abu-inner{height: 870px; padding: 160px 80px;
    display: flex; flex-direction: column; align-items: center; gap: 80px;}
[data-skin="abu"] #main .abu-cert-block{width: 800px; display: flex; flex-direction: column; align-items: center; gap: 30px; text-align: center;}
[data-skin="abu"] #main .abu-cert-block p{font-size: 16px; line-height: 24px; color: #555049;}
[data-skin="abu"] #main .abu-cert-block .abu-h2{width: 800px;}
[data-skin="abu"] #main .abu-cert-rule{width: 200px; height: 1px; background: #CCC8BC; flex: 0 0 1px;}
[data-skin="abu"] #main .abu-link-brown{color: #AC5900;}
[data-skin="abu"] #main .abu-link-brown:hover{text-decoration: underline;}
/* 6. People */
[data-skin="abu"] #main .abu-people{overflow: hidden;}
[data-skin="abu"] #main .abu-people .abu-inner{height: 732px; padding: 160px; display: flex; gap: 120px; align-items: flex-start;}
[data-skin="abu"] #main .abu-people-text{width: 480px; flex: 0 0 480px; display: flex; flex-direction: column; gap: 20px;}
[data-skin="abu"] #main .abu-people-text p{font-size: 16px; line-height: 24px; color: #5C5750;}
[data-skin="abu"] #main .abu-team{width: 520px; display: grid; grid-template-columns: 230px 230px; column-gap: 60px; row-gap: 60px;}
[data-skin="abu"] #main .abu-member{width: 230px; height: 176px; display: flex; flex-direction: column; gap: 20px;}
[data-skin="abu"] #main .abu-avatar{width: 100px; height: 100px; border-radius: 16px; background: #F4F3F0; display: flex; align-items: center; justify-content: center;}
[data-skin="abu"] #main .abu-avatar img{width: 50px; height: 50px;}
[data-skin="abu"] #main .abu-member-text{display: flex; flex-direction: column; gap: 2px;}
[data-skin="abu"] #main .abu-member-name{font-size: 20px; line-height: 30px; font-weight: 500; color: #121212;}
[data-skin="abu"] #main .abu-member-name--tba{color: #5C5750;}
[data-skin="abu"] #main .abu-member-role{font-size: 16px; line-height: 24px; color: #5C5750;}
/* 7. Offices */
[data-skin="abu"] #main .abu-offices{overflow: hidden;}
[data-skin="abu"] #main .abu-offices .abu-inner{height: 725px; padding: 160px 80px 80px;
    display: flex; flex-direction: column; align-items: center; gap: 80px;}
[data-skin="abu"] #main .abu-offices .abu-h2{text-align: center; white-space: nowrap;}
[data-skin="abu"] #main .abu-office-list{width: 800px; display: flex; flex-direction: column; gap: 30px;}
[data-skin="abu"] #main .abu-office{width: 800px; height: 161px; padding: 30px 40.5px 30px 30px;
    border: 1px solid #D6D2C7; border-radius: 24px; overflow: hidden;
    display: flex; align-items: center; gap: 30px;}
[data-skin="abu"] #main .abu-office-text{flex: 1; display: flex; flex-direction: column; gap: 20px;}
[data-skin="abu"] #main .abu-office-label,[data-skin="abu"] #main .abu-office-addr{font-size: 16px; line-height: 24px; color: #5C5750;}
[data-skin="abu"] #main .abu-office-place{display: flex; flex-direction: column; gap: 4px;}
[data-skin="abu"] #main .abu-office-city{font-size: 24px; line-height: 29px; font-weight: 500; color: #121212;}
[data-skin="abu"] #main .abu-flag{width: 80px; height: 80px; flex: 0 0 80px; border-radius: 50%; overflow: hidden;}
[data-skin="abu"] #main .abu-flag img{width: 80px; height: 80px; object-fit: cover;}
/* 8. CTA */
[data-skin="abu"] #main .abu-cta .abu-inner{height: 580px; padding: 80px;}
[data-skin="abu"] #main .abu-cta-card{position: relative; width: 1280px; height: 420px; border-radius: 48px; overflow: hidden;
    background: #121212; padding: 0 80px;
    display: flex; justify-content: flex-end; align-items: center;}
[data-skin="abu"] #main .abu-cta-img{position: absolute; left: 132px; top: 0; width: 559px; height: 420px; object-fit: cover;}
[data-skin="abu"] #main .abu-cta-text{position: relative; width: 420px; display: flex; flex-direction: column; gap: 40px;}
[data-skin="abu"] #main .abu-cta-text .abu-h2{color: #FFFFFF;}
[data-skin="abu"] #main .abu-cta-btns{display: flex; gap: 20px; align-items: center;}
/* 9. Footer */
[data-skin="abu"] #main .abu-f-top{width: 1280px; display: flex; gap: 120px; align-items: flex-start;}
[data-skin="abu"] #main .abu-f-brand{width: 260px; flex: 0 0 260px; display: flex; flex-direction: column; gap: 40px;}
[data-skin="abu"] #main .abu-f-brand-head{display: flex; flex-direction: column; gap: 20px;}
[data-skin="abu"] #main .abu-f-wordmark{font-size: 38px; line-height: 46px; font-weight: 600; color: #121212;}
[data-skin="abu"] #main .abu-f-wordmark span{color: #F37F00;}
[data-skin="abu"] #main .abu-f-tagline{font-size: 14px; line-height: 21px; color: #555049;}
[data-skin="abu"] #main .abu-f-apps{display: flex; flex-direction: column; gap: 20px;}
[data-skin="abu"] #main .abu-f-badges{display: flex; gap: 16px; align-items: center;}
[data-skin="abu"] #main .abu-f-badges .abu-appstore{width: 111px; height: 37px;}
[data-skin="abu"] #main .abu-f-badges .abu-gplay{width: 124px; height: 37px; object-fit: cover;}
[data-skin="abu"] #main .abu-f-linkedin{width: 40px; height: 40px; border-radius: 50%; box-shadow: inset 0 0 0 1px #555049;
    display: flex; align-items: center; justify-content: center;
    font-size: 18px; line-height: 24px; font-weight: 700; color: #555049;}
[data-skin="abu"] #main .abu-f-cols{width: 720px; display: flex; gap: 120px;}
[data-skin="abu"] #main .abu-f-col{width: 160px; display: flex; flex-direction: column; gap: 20px;}
[data-skin="abu"] #main .abu-f-col h3{font-size: 14px; line-height: 17px; font-weight: 500; color: #121212;}
[data-skin="abu"] #main .abu-f-col h3.abu-warm{color: #221A14;}
[data-skin="abu"] #main .abu-f-col ul{display: flex; flex-direction: column; gap: 16px;}
[data-skin="abu"] #main .abu-f-col a{font-size: 14px; line-height: 17px; color: #555049; white-space: nowrap;}
[data-skin="abu"] #main .abu-f-col a:hover{color: #121212;}
[data-skin="abu"] #main .abu-f-bottom{width: 1280px; display: flex; flex-direction: column; gap: 60px;}
[data-skin="abu"] #main .abu-f-rule{width: 1280px; height: 1px; background: #CCC8BC;}
[data-skin="abu"] #main .abu-f-bottom-row{display: flex; gap: 120px; align-items: flex-start;}
[data-skin="abu"] #main .abu-f-cert{width: 260px; flex: 0 0 260px; display: flex; flex-direction: column; gap: 20px;}
[data-skin="abu"] #main .abu-f-iso{display: flex; gap: 20px; align-items: center;}
[data-skin="abu"] #main .abu-f-iso img{width: 93px; height: 120px; object-fit: cover;}
[data-skin="abu"] #main .abu-f-small{font-size: 12px; line-height: 18px; color: #555049;}
[data-skin="abu"] #main .abu-f-legal{width: 900px; display: flex; flex-direction: column; gap: 20px;}
[data-skin="abu"] #main .abu-f-legal a{color: #AC5900; font-weight: 500;}
[data-skin="abu"] #main .abu-f-legal a:hover{text-decoration: underline;}

/* ---------- his keyframes and reduced-motion block, restored (skin_css.py flattens both) ---------- */
@keyframes abu-stepIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes abu-marquee{from{transform:translateX(0)}to{transform:translateX(-1700px)}}
@media (prefers-reduced-motion: reduce){
  [data-skin="abu"] #main .abu-track{animation:none}
  [data-skin="abu"] #main .abu-step-panel.abu-is-entering{animation:none}
  [data-skin="abu"] #main .abu-tl-line--orange,[data-skin="abu"] #main .abu-tl-dot,[data-skin="abu"] #main .abu-tl-dot::after{transition:none}
}

/* ---------- D3: reveals, the alt-home family ---------- */
@media (prefers-reduced-motion: no-preference){
  @supports (animation-timeline: view()){
    @keyframes abu-rise{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}
    @keyframes abu-scale-in{from{opacity:0;transform:translateY(28px) scale(.965)}to{opacity:1;transform:none}}
    [data-skin="abu"] #main .abu-hero-card,[data-skin="abu"] #main .abu-cta-card{animation:abu-scale-in both;animation-timeline:view();animation-range:entry 0% entry 42%}
    [data-skin="abu"] #main .abu-journey-col,[data-skin="abu"] #main .abu-platform-row,[data-skin="abu"] #main .abu-cert-block,[data-skin="abu"] #main .abu-people-text,[data-skin="abu"] #main .abu-team,[data-skin="abu"] #main .abu-office-list{animation:abu-rise both;animation-timeline:view();animation-range:entry 0% entry 48%}
  }
}

/* ---------- D1: below 1300 his fixed canvas relaxes (desktop only, D4; nothing here is a mobile layout) ---------- */
@media (max-width:1299.98px){
  [data-skin="abu"] #main .abu-inner{width:100%;max-width:1440px}
  [data-skin="abu"] #main .abu-hero .abu-inner{padding-left:40px;padding-right:40px;height:auto;padding-bottom:20px}
  [data-skin="abu"] #main .abu-hero-card{width:100%}
  [data-skin="abu"] #main .abu-hero-content{padding:60px}
  [data-skin="abu"] #main .abu-hero-disclaimer{white-space:normal}
  [data-skin="abu"] #main .abu-divider{width:auto;margin-left:40px;margin-right:40px}
  [data-skin="abu"] #main .abu-journey .abu-inner{height:auto;padding:100px 40px 120px}
  [data-skin="abu"] #main .abu-journey-col,[data-skin="abu"] #main .abu-timeline,[data-skin="abu"] #main .abu-step-card,[data-skin="abu"] #main .abu-story{width:100%;max-width:960px}
  [data-skin="abu"] #main .abu-step-card{height:auto}
  [data-skin="abu"] #main .abu-step-list,[data-skin="abu"] #main .abu-step-list span{width:auto;flex:1 1 0;min-width:0}
  [data-skin="abu"] #main .abu-platform .abu-inner{height:auto;padding:100px 40px}
  [data-skin="abu"] #main .abu-platform-row,[data-skin="abu"] #main .abu-marquee{width:100%}
  [data-skin="abu"] #main .abu-platform-row{height:auto;gap:40px}
  [data-skin="abu"] #main .abu-platform-img{width:auto;flex:1 1 0;min-width:0;height:auto;aspect-ratio:3/2}
  [data-skin="abu"] #main .abu-certified .abu-inner{height:auto;padding:120px 40px}
  [data-skin="abu"] #main .abu-cert-block,[data-skin="abu"] #main .abu-cert-block .abu-h2{width:100%;max-width:800px}
  [data-skin="abu"] #main .abu-people .abu-inner{height:auto;padding:100px 40px;gap:60px}
  [data-skin="abu"] #main .abu-people-text{width:auto;flex:1 1 0;min-width:0}
  [data-skin="abu"] #main .abu-team{width:auto;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
  [data-skin="abu"] #main .abu-member{width:auto}
  [data-skin="abu"] #main .abu-offices .abu-inner{height:auto;padding:100px 40px 60px}
  [data-skin="abu"] #main .abu-offices .abu-h2{white-space:normal;text-align:center}
  [data-skin="abu"] #main .abu-office-list,[data-skin="abu"] #main .abu-office{width:100%;max-width:800px;height:auto}
  [data-skin="abu"] #main .abu-cta .abu-inner{height:auto;padding:60px 40px}
  [data-skin="abu"] #main .abu-cta-card{width:100%;height:auto;padding:40px;gap:40px;justify-content:flex-start}
  [data-skin="abu"] #main .abu-cta-img{position:static;width:40%;height:auto;aspect-ratio:559/420;border-radius:24px}
  [data-skin="abu"] #main .abu-cta-text{width:auto;flex:1 1 0;min-width:0}
}

/* ---------- chrome the skinned pages carry (sept-bbat.css lines 207-211, keyed on data-skin) ---------- */
html[data-skin="abu"]:root:root:root:root:root:root header.site > .wrap.nav > .nav-cta > a.btn-primary{background:#121212!important;border-color:#121212!important;color:#fff!important;font-weight:700!important}
html[data-skin="abu"]:root:root:root:root:root:root header.site > .wrap.nav > .nav-cta > a.btn-primary:hover{background:#2b2b2b!important;border-color:#2b2b2b!important}
html[data-skin="abu"]:root:root:root:root:root:root header.site > .wrap.nav > .nav-cta > a.btn-outline{background:#F4F3F0!important;border-color:#F4F3F0!important;color:#555049!important;font-weight:500!important}
html[data-skin="abu"]:root:root:root:root:root:root header.site > .wrap.nav > .nav-cta > a.btn-outline:hover{background:#121212!important;border-color:#121212!important;color:#fff!important}
html[data-skin="abu"] .cookiebar .cb-accept{background:#121212!important;color:#fff!important}