/* BAA FINAL — loaded LAST. Only unresolved items live here. */

/* DEFAULT HEADER LOGO: direct actual element sizing. Sticky header excluded. */
.main-header.header-style-one > .header-lower .logo-box .logo > a{
  display:block !important;
  width:180px !important;
}
.main-header.header-style-one > .header-lower .logo-box .logo > a > img{
  display:block !important;
  width:180px !important;
  min-width:180px !important;
  max-width:180px !important;
  height:auto !important;
  max-height:none !important;
}
.main-header.header-style-one > .header-lower .logo-box{
  width:180px !important;
  min-width:180px !important;
  flex:0 0 180px !important;
}

/* Desktop: original Onicx account button only. Custom account can never show. */
@media (min-width:992px){
  .baa-mobile-only-account{display:none !important;}
  .main-header.header-style-one > .header-lower .ui-btn-box .account-btn{display:flex !important;}
}

/* Mobile: original desktop controls hidden; one custom account icon, visually matched to burger. */
@media (max-width:991.98px){
  .main-header.header-style-one > .header-lower .ui-btn-box{display:none !important;}
  .main-header.header-style-one > .header-lower .baa-mobile-only-account{
    display:flex !important;
    width:45px !important;height:45px !important;min-width:45px !important;
    align-items:center !important;justify-content:center !important;
  }
  .main-header.header-style-one > .header-lower .baa-mobile-user-glyph{
    display:flex !important;
    align-items:center !important;justify-content:center !important;
    font-size:30px !important;
    line-height:1 !important;
    width:34px !important;height:34px !important;
  }
  .main-header.header-style-one > .header-lower .logo-box,
  .main-header.header-style-one > .header-lower .logo-box .logo > a{
    width:165px !important;min-width:165px !important;flex:0 0 165px !important;
  }
  .main-header.header-style-one > .header-lower .logo-box .logo > a > img{
    width:165px !important;min-width:165px !important;max-width:165px !important;
  }
}
@media (max-width:575.98px){
  .main-header.header-style-one > .header-lower .logo-box,
  .main-header.header-style-one > .header-lower .logo-box .logo > a{
    width:150px !important;min-width:150px !important;flex:0 0 150px !important;
  }
  .main-header.header-style-one > .header-lower .logo-box .logo > a > img{
    width:150px !important;min-width:150px !important;max-width:150px !important;
  }
  .main-header.header-style-one > .header-lower .baa-mobile-user-glyph{
    font-size:28px !important;width:32px !important;height:32px !important;
  }
}

/* SERVICES: hidden by default/desktop; mobile only and centered BELOW carousel. */
.baa-mobile-swipe-hint{display:none !important;}
@media (max-width:767.98px){
  #services .baa-mobile-swipe-hint{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    width:100% !important;
    max-width:none !important;
    margin:22px auto 4px !important;
    padding:0 !important;
    text-align:center !important;
    color:#7540df !important;
    font-size:14px !important;
    font-weight:600 !important;
    background:transparent !important;
  }
  #services .baa-mobile-swipe-hint span{font-size:18px !important;}
  #services .outer-box > .nav-box{display:none !important;}
}
@media (min-width:768px){
  #services .baa-mobile-swipe-hint{display:none !important;}
}

/* WHY CHOOSE: actual 50/50 desktop structure, image constrained inside its half. */
@media (min-width:992px){
  .baa-benefit-section > .auto-container > .row{
    display:flex !important;
    align-items:center !important;
    margin-left:-15px !important;
    margin-right:-15px !important;
  }
  .baa-benefit-section .baa-benefit-image-column,
  .baa-benefit-section .baa-benefit-content-column{
    position:relative !important;
    flex:0 0 50% !important;
    width:50% !important;
    max-width:50% !important;
    padding-left:15px !important;
    padding-right:15px !important;
  }
  .baa-benefit-section .baa-benefit-constrained{
    position:relative !important;
    margin-left:0 !important;
    width:100% !important;
    max-width:100% !important;
    padding:55px 60px !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
  }
  .baa-benefit-section .baa-benefit-constrained > figure.image{
    position:relative !important;
    width:100% !important;
    max-width:430px !important;
    margin:0 auto !important;
    overflow:hidden !important;
    border-radius:34px !important;
  }
  .baa-benefit-section .baa-benefit-constrained > figure.image > img{
    position:relative !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
  }
}
@media (max-width:991.98px){
  .baa-benefit-section .baa-benefit-image-column,
  .baa-benefit-section .baa-benefit-content-column{
    flex:0 0 100% !important;width:100% !important;max-width:100% !important;
  }
  .baa-benefit-section .baa-benefit-constrained{margin-left:0 !important;}
}

/* ================================================================
   BAA Digital 2026 portfolio + image refresh
   ================================================================ */
/* About artwork: show the supplied ABBY product cleanly without cropping. */
.about-section .image-column .image-box > .image{
  background:transparent!important;
}
.about-section .image-column .image-box > .image img{
  object-fit:contain!important;
  width:100%!important;
  height:auto!important;
  max-height:650px!important;
}

/* Service artwork: preserve each supplied visual inside the existing cards. */
#services .service-block .image-box .image{
  background:#f3f4f7!important;
  overflow:hidden!important;
}
#services .service-block .image-box .image img{
  width:100%!important;
  height:213px!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Why Choose BAA Digital — supplied responsive company-site mockup. */
.baa-benefit-section .baa-benefit-image-column .image{
  background:transparent!important;
  border-radius:30px!important;
  overflow:visible!important;
}
.baa-benefit-section .baa-benefit-image-column .image img{
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  border-radius:0!important;
}

/* Portfolio cards: transparent WebP artwork, centered and fully contained. */
.baa-portfolio-updated .project-block .inner-box{
  min-height:580px!important;
  background:linear-gradient(145deg,#edf2fb 0%,#dfe7f5 100%)!important;
}
.baa-portfolio-updated .project-block .inner-box .image-box,
.baa-portfolio-updated .project-block .inner-box .image{
  height:580px!important;
}
.baa-portfolio-updated .project-block .inner-box .image{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:34px 26px 125px!important;
  background:transparent!important;
}
.baa-portfolio-updated .project-block .inner-box .image a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
}
.baa-portfolio-updated .project-block .inner-box .image img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
}
.baa-portfolio-updated .project-block .inner-box .content-box{max-width:85%!important;}
.baa-portfolio-updated .project-block .inner-box .content-box .title{line-height:1.2!important;}

/* Portfolio modal — mirrors the clean two-column presentation of the founder site. */
body.baa-modal-open{overflow:hidden!important;}
.baa-project-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:34px;}
.baa-project-modal.is-open{display:flex;}
.baa-project-modal-backdrop{position:absolute;inset:0;background:rgba(17,27,39,.82);backdrop-filter:blur(7px);}
.baa-project-modal-dialog{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr 1fr;width:min(1190px,94vw);max-height:88vh;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.28);}
.baa-project-modal-close{position:absolute;right:18px;top:12px;z-index:5;border:0;background:transparent;color:#17111a;font-size:38px;line-height:1;cursor:pointer;padding:8px;}
.baa-project-modal-media{min-height:660px;background:linear-gradient(145deg,#edf2fb,#f7f3ff);display:flex;align-items:center;justify-content:center;padding:55px 42px;overflow:hidden;}
.baa-project-modal-media img{display:block;width:100%;height:100%;max-height:590px;object-fit:contain;object-position:center;background:transparent;}
.baa-project-modal-content{padding:62px 52px 44px;overflow-y:auto;}
.baa-modal-category{font-size:13px;font-weight:800;letter-spacing:2.4px;color:#f20a72;margin-bottom:24px;text-transform:uppercase;}
.baa-project-modal-content h2{font-size:36px;line-height:1.25;margin:0 38px 24px 0;color:#17111a;}
.baa-modal-lead{font-size:17px;line-height:1.7;color:#625b64;margin-bottom:32px;}
.baa-modal-detail{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:18px 0;border-top:1px solid #ece8ed;}
.baa-modal-detail-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800;background:#ffe8f1;color:#f20a72;}
.baa-detail-1 .baa-modal-detail-icon{background:#eee5ff;color:#7a40eb;}
.baa-detail-2 .baa-modal-detail-icon{background:#e2f7fb;color:#0896af;}
.baa-modal-detail h6{font-size:13px;letter-spacing:1.2px;margin:1px 0 6px;color:#17111a;}
.baa-modal-detail p{margin:0;color:#625b64;line-height:1.6;font-size:15px;}
.baa-modal-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;}
.baa-modal-tags span{border:1px solid #f0c8d8;background:#fff8fb;padding:8px 11px;font-size:12px;font-weight:700;color:#29212a;}
.baa-modal-site{margin-top:24px;display:inline-flex;align-items:center;gap:8px;color:#f20a72;font-weight:800;text-decoration:none;}
.baa-modal-site:hover{color:#7a40eb;}
@media(max-width:991.98px){
 .baa-project-modal{padding:18px;align-items:flex-start;overflow:auto;}
 .baa-project-modal-dialog{grid-template-columns:1fr;width:min(720px,96vw);max-height:none;margin:18px 0;}
 .baa-project-modal-media{min-height:360px;padding:38px 28px;}
 .baa-project-modal-media img{max-height:420px;}
 .baa-project-modal-content{padding:38px 30px 34px;}
 .baa-project-modal-content h2{font-size:30px;}
}
@media(max-width:575.98px){
 .baa-project-modal{padding:8px;}
 .baa-project-modal-dialog{border-radius:16px;margin:8px 0;}
 .baa-project-modal-media{min-height:300px;padding:34px 20px 20px;}
 .baa-project-modal-content{padding:30px 20px 28px;}
 .baa-project-modal-content h2{font-size:25px;margin-right:20px;}
 .baa-modal-lead{font-size:15px;}
 .baa-portfolio-updated .project-block .inner-box,.baa-portfolio-updated .project-block .inner-box .image-box,.baa-portfolio-updated .project-block .inner-box .image{height:520px!important;min-height:520px!important;}
}


/* ================================================================
   BAA Digital revision set — 2026-10-02
   Preserve existing animations; refine portfolio cards/modal overflow.
   ================================================================ */
/* Rounded rectangular portfolio cards while retaining Swiper motion. */
.baa-portfolio-updated .project-block .inner-box{
  border-radius:30px!important;
  overflow:hidden!important;
}
.baa-portfolio-updated .project-block .inner-box .image-box,
.baa-portfolio-updated .project-block .inner-box .image{
  border-radius:30px!important;
}
/* New supplied mockups: fully contained, centered, never cropped, no CSS shadow. */
.baa-portfolio-updated .project-block .inner-box .image img,
.baa-project-modal-media img{
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  box-shadow:none!important;
}
/* Desktop modal: both columns stay inside viewport; content scrolls when needed. */
@media (min-width:992px){
  .baa-project-modal-dialog{
    height:min(820px,88vh)!important;
    max-height:88vh!important;
    overflow:hidden!important;
  }
  .baa-project-modal-media{
    min-height:0!important;
    height:100%!important;
    padding:42px 36px!important;
    overflow:hidden!important;
  }
  .baa-project-modal-media img{
    width:100%!important;
    height:100%!important;
    max-height:100%!important;
  }
  .baa-project-modal-content{
    min-height:0!important;
    height:100%!important;
    max-height:100%!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    padding-bottom:48px!important;
  }
}
/* Mobile/tablet modal remains a single scrollable document. */
@media (max-width:991.98px){
  .baa-project-modal{overflow-y:auto!important;}
  .baa-project-modal-content{overflow:visible!important;}
}
/* Why Choose: larger centered left visual, aligned with the right content block. */
@media (min-width:992px){
  .baa-benefit-section .baa-benefit-constrained{
    padding:34px 28px!important;
    min-height:650px!important;
  }
  .baa-benefit-section .baa-benefit-constrained > figure.image{
    width:100%!important;
    max-width:535px!important;
    margin:0 auto!important;
    border-radius:34px!important;
  }
  .baa-benefit-section .baa-benefit-constrained > figure.image > img{
    width:100%!important;
    height:auto!important;
    margin:0 auto!important;
  }
}

/* FINAL REVISION SET — 2026-10-02 */
@media (min-width:992px){
  .baa-benefit-section .baa-benefit-constrained{
    padding:20px 10px !important;
  }
  .baa-benefit-section .baa-benefit-constrained > figure.image{
    width:100% !important;
    max-width:570px !important;
    margin:0 auto !important;
  }
  .baa-benefit-section .baa-benefit-constrained > figure.image > img{
    width:100% !important;
    max-width:570px !important;
    height:auto !important;
    object-fit:contain !important;
    object-position:center !important;
  }
}
/* Portfolio artwork uses transparent image canvases in both cards and modals. */
.baa-portfolio-updated .project-block .inner-box .image img,
.baa-project-modal-media img{
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
}
/* Keep every modal detail accessible on shorter screens. */
.baa-project-modal-dialog{max-height:90vh !important;}
.baa-project-modal-content{overflow-y:auto !important; overscroll-behavior:contain;}
\n\n/* BAA BUILD 2026-10-02B — final corrective overrides */\n.baa-client-affiliates .client-block .inner-box{display:flex!important;align-items:center!important;justify-content:center!important;}\n.baa-client-affiliates .client-block .image{display:flex!important;align-items:center!important;justify-content:center!important;width:150px!important;height:100px!important;margin:0 auto!important;}\n.baa-client-affiliates .client-block .image img{display:block!important;width:auto!important;height:auto!important;max-width:140px!important;max-height:88px!important;object-fit:contain!important;filter:none!important;}\n/* Keep supplied transparent portfolio artwork transparent in cards and modal. */\n.baa-portfolio-updated .project-block .image-box,\n.baa-portfolio-updated .project-block figure.image,\n.baa-portfolio-updated .project-block figure.image a,\n.baa-portfolio-updated .project-block figure.image img,\n.baa-project-modal-media img{background-color:transparent!important;background-image:none!important;box-shadow:none!important;filter:none!important;}\n/* Make the actual Why Choose artwork fill the left column rather than enlarging only its wrapper. */\n@media (min-width:992px){\n .baa-benefit-section .baa-benefit-image-column{display:flex!important;align-items:center!important;justify-content:center!important;}\n .baa-benefit-section .baa-benefit-image-column .inner-column.baa-benefit-image-wrap{width:100%!important;max-width:none!important;min-height:650px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;}\n .baa-benefit-section .baa-benefit-image-wrap figure.image{width:118%!important;max-width:690px!important;margin:0 -9%!important;border-radius:34px!important;}\n .baa-benefit-section .baa-benefit-image-wrap figure.image img{display:block!important;width:100%!important;max-width:none!important;height:auto!important;object-fit:contain!important;}\n}\n@media (max-width:991.98px){\n .baa-benefit-section .baa-benefit-image-wrap figure.image{width:92%!important;max-width:620px!important;margin:0 auto!important;}\n}\n
/* BAA BUILD v31 — approved Why Choose sizing */
@media (min-width:992px){
  .baa-benefit-section .baa-benefit-image-column .inner-column.baa-benefit-image-wrap{
    width:100%!important; max-width:none!important; min-height:700px!important;
    padding:18px!important; display:flex!important; align-items:center!important; justify-content:center!important;
  }
  .baa-benefit-section .baa-benefit-image-wrap figure.image{
    width:125%!important; max-width:760px!important; margin:0 -12.5%!important;
    border-radius:42px!important; overflow:hidden!important;
  }
  .baa-benefit-section .baa-benefit-image-wrap figure.image img{
    width:100%!important; height:auto!important; max-width:none!important; object-fit:contain!important;
  }
}

/* V33 — approved Why Choose scale + responsive/performance refinements */
.baa-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
@media (min-width:992px){
  .baa-benefit-section .baa-benefit-image-column{display:flex!important;align-items:center!important}
  .baa-benefit-section .baa-benefit-constrained{width:100%!important;min-height:680px!important;padding:8px 0!important}
  .baa-benefit-section .baa-benefit-constrained>figure.image{width:100%!important;max-width:640px!important;margin:0 auto!important;border-radius:34px!important}
  .baa-benefit-section .baa-benefit-constrained>figure.image>img{display:block!important;width:100%!important;max-width:none!important;height:auto!important;object-fit:contain!important}
}
@media (max-width:991.98px){
  .baa-benefit-section .baa-benefit-image-column{margin-bottom:36px!important}
  .baa-benefit-section .baa-benefit-constrained{padding:0 12px!important;min-height:0!important}
  .baa-benefit-section .baa-benefit-constrained>figure.image{width:min(100%,680px)!important;max-width:680px!important;margin:0 auto!important;border-radius:26px!important}
  .baa-benefit-section .baa-benefit-constrained>figure.image>img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important}
}
@media (max-width:575.98px){
  .baa-benefit-section .baa-benefit-constrained{padding:0!important}
  .baa-benefit-section .baa-benefit-constrained>figure.image{border-radius:20px!important}
}