/* ==========================================================================
   About page, part 3 (template-parts/ohio-about-more.php) — frame 3409:3502, frame px.
   Expertise (6032–6875.7) · branches (6875.7–7552.5) · promises (7552.5–7955.1) · aspiration (8547.8–9315.8).
   ========================================================================== */
.ohio-ab__mask{display:inline-block;flex:none;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.ohio-ab__mask--pin{width:14px;height:18px;--m:url(../img/about/br-pin.svg)}
.ohio-ab__mask--chev{width:7px;height:12px;margin-left:auto;--m:url(../img/about/br-chevron.svg)}

/* expertise — H2 y 6080; tab bar 3409:3645 775×60 y 6165.1 #EFE7F7; panel y 6286.8: card 513.3×540 | photo 711×430 + thumbs */
.ohio-ab__cap-sec{padding:48px 0 47px;background:var(--ohio-bg-soft)}
.ohio-ab__cap-tabs{display:inline-flex;gap:8px;margin-top:41px;padding:8px 6px;border-radius:12px;background:var(--ohio-purple-100)}
.ohio-ab__cap-tabs label{display:flex;align-items:center;height:44px;margin:0;padding:0 22px;border-radius:8px;cursor:pointer;font:600 15px/19px var(--ohio-font-body);color:var(--ohio-text-body)}
.ohio-ab__cap-tabs i{margin-right:10px;font:600 12px/15px var(--ohio-font-body);font-style:normal}
.ohio-ab__cap-panel,.ohio-ab__br-card{display:none}
.ohio-ab__radio:nth-of-type(1):checked ~ .ohio-ab__cap-panel:nth-of-type(2),.ohio-ab__radio:nth-of-type(2):checked ~ .ohio-ab__cap-panel:nth-of-type(3),.ohio-ab__radio:nth-of-type(3):checked ~ .ohio-ab__cap-panel:nth-of-type(4){display:grid}
.ohio-ab__radio:nth-of-type(1):checked ~ .ohio-ab__cap-tabs label:nth-child(1),.ohio-ab__radio:nth-of-type(2):checked ~ .ohio-ab__cap-tabs label:nth-child(2),.ohio-ab__radio:nth-of-type(3):checked ~ .ohio-ab__cap-tabs label:nth-child(3){background:#fff;color:var(--ohio-purple-700)}
.ohio-ab__cap-panel{grid-template-columns:minmax(0,513px) minmax(0,711px);gap:48px;margin-top:62px}
.ohio-ab__cap-txt{display:flex;flex-direction:column;align-items:flex-start;height:540px;box-sizing:border-box;padding:41px 41px 43px;border-radius:12px;background:#fff}
.ohio-ab__cap-txt ul{margin:26px 0 0;padding:0;list-style:none}
.ohio-ab__cap-txt li{position:relative;margin:0 0 18px;padding-left:42px}
.ohio-ab__cap-txt li::before{content:"";position:absolute;left:0;top:0;width:28px;height:28px;border-radius:8px;background:#e5daf6 url(../img/about/cap-check.svg) center/12px 9px no-repeat}
.ohio-ab__cap-txt .ohio-btn{margin:auto 0 0 -3px}
.ohio-ab__cap-txt .ohio-caption{margin:28px 0 0;color:var(--ohio-text-body)}
.ohio-ab__cap-big{display:block;width:711px;height:430px;box-sizing:border-box;object-fit:cover;border:1px solid var(--ohio-purple-700);border-radius:12px}
.ohio-ab__cap-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:15px}
.ohio-ab__cap-thumbs img{display:block;width:100%;height:97px;box-sizing:border-box;object-fit:cover;border:1px solid var(--ohio-purple-700);border-radius:8px}

/* branches — H2 y 6923.8; list 416×86 (pitch 98) y 7009.5; card 3409:3727 832×494 at x 768, photo 395 | body */
.ohio-ab__br-sec{padding:48px 0 49px}
.ohio-ab__br{display:grid;grid-template-columns:416px minmax(0,832px);gap:32px;align-items:start;margin-top:42px}
.ohio-ab__br-list{display:flex;flex-direction:column;gap:12px}
.ohio-ab__br-list label{display:flex;align-items:center;gap:16px;height:86px;box-sizing:border-box;margin:0;padding:0 28px 0 23px;border:1px solid var(--ohio-purple-100);border-radius:12px;background:#fff;cursor:pointer;color:var(--ohio-purple-700)}
.ohio-ab__br-list label > span:nth-child(2){display:flex;flex-direction:column;min-width:0;color:var(--ohio-text-subheading)}
.ohio-ab__br-list :is(strong,small){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}   /* one line each; the card shows the full address */
.ohio-ab__br-list strong{font:600 16px/22px var(--ohio-font-body)}
.ohio-ab__br-list small{font:400 13px/18px var(--ohio-font-body);color:var(--ohio-text-body)}
.ohio-ab__br-ico{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:12px;background:var(--ohio-purple-100)}
.ohio-ab__radio:nth-of-type(1):checked ~ .ohio-ab__br-list label:nth-child(1),.ohio-ab__radio:nth-of-type(2):checked ~ .ohio-ab__br-list label:nth-child(2),
.ohio-ab__radio:nth-of-type(3):checked ~ .ohio-ab__br-list label:nth-child(3),.ohio-ab__radio:nth-of-type(4):checked ~ .ohio-ab__br-list label:nth-child(4){border-color:var(--ohio-purple-700);background:var(--ohio-purple-700);color:#fff}
.ohio-ab__radio:nth-of-type(1):checked ~ .ohio-ab__br-list label:nth-child(1) :is(span,small),.ohio-ab__radio:nth-of-type(2):checked ~ .ohio-ab__br-list label:nth-child(2) :is(span,small),
.ohio-ab__radio:nth-of-type(3):checked ~ .ohio-ab__br-list label:nth-child(3) :is(span,small),.ohio-ab__radio:nth-of-type(4):checked ~ .ohio-ab__br-list label:nth-child(4) :is(span,small){color:#fff}
.ohio-ab__radio:nth-of-type(1):checked ~ .ohio-ab__br-list label:nth-child(1) .ohio-ab__br-ico,.ohio-ab__radio:nth-of-type(2):checked ~ .ohio-ab__br-list label:nth-child(2) .ohio-ab__br-ico,
.ohio-ab__radio:nth-of-type(3):checked ~ .ohio-ab__br-list label:nth-child(3) .ohio-ab__br-ico,.ohio-ab__radio:nth-of-type(4):checked ~ .ohio-ab__br-list label:nth-child(4) .ohio-ab__br-ico{background:rgba(242,198,91,.2);color:var(--ohio-orange-200)}
.ohio-ab__radio:nth-of-type(1):checked ~ .ohio-ab__br-card:nth-of-type(2),.ohio-ab__radio:nth-of-type(2):checked ~ .ohio-ab__br-card:nth-of-type(3),
.ohio-ab__radio:nth-of-type(3):checked ~ .ohio-ab__br-card:nth-of-type(4),.ohio-ab__radio:nth-of-type(4):checked ~ .ohio-ab__br-card:nth-of-type(5){display:grid}
.ohio-ab__br-card{grid-template-columns:395px minmax(0,1fr);height:494px;box-sizing:border-box;overflow:hidden;border:1px solid var(--ohio-purple-700);border-radius:16px;background:#fff}
.ohio-ab__br-card > img{display:block;width:100%;height:100%;object-fit:cover}
.ohio-ab__br-body{display:flex;flex-direction:column;padding:34px 8px 37px 36px}
.ohio-ab__br-body h3{margin:0}
.ohio-ab__br-rows{margin:20px 0 0;padding:0;list-style:none}
.ohio-ab__br-rows li{display:grid;grid-template-columns:31px minmax(0,1fr);align-items:start;margin:0 0 18px 3px;font:400 15px/20px var(--ohio-font-body);color:var(--ohio-text-body)}
.ohio-ab__br-rows img{margin-top:2px}
.ohio-ab__br-rows small{display:block;color:var(--ohio-text-muted)}
.ohio-ab__br-btns{display:flex;align-items:center;gap:11px;margin:auto 0 0 -28px}
.ohio-ab__br-dir{display:inline-flex;align-items:center;justify-content:center;width:49px;height:49px;box-sizing:border-box;border:1px solid var(--ohio-purple-700);border-radius:8px;background:#fff}

/* promises — H2 y 7600.5; cards 379.1×226.6 #422666 at x 320 / 768.4 / 1219.3, y 7680.5 */
.ohio-ab__promise-sec{padding:48px 0;background:var(--ohio-bg-soft)}
.ohio-ab__promise{display:grid;grid-template-columns:repeat(3,minmax(0,379px));justify-content:space-between;margin-top:36px}
.ohio-ab__promise-item{height:227px;box-sizing:border-box;padding:11px 20px 0 28px;border-radius:8px;background:var(--ohio-purple-700);color:#fff}
.ohio-ab__promise-title{display:flex;align-items:center;gap:15px;max-width:290px;margin:0;font:600 20px/24px var(--ohio-font-body);color:#fff}
.ohio-ab__promise-title span{flex:none;display:inline-flex;align-items:center;justify-content:center;width:86px;height:86px;border-radius:50%;background:#fff}
.ohio-ab__promise-item ul{margin:28px 0 0 8px;padding:0;list-style:none}
.ohio-ab__promise-item li{position:relative;margin:0 0 4px;font:400 14px/20px var(--ohio-font-body);color:rgba(255,255,255,.9)}
.ohio-ab__promise-item li::before{content:"";position:absolute;left:-12px;top:9px;width:3px;height:3px;border-radius:50%;background:currentColor}

/* aspiration — band 3409:3759 #422666; rows 3409:3762… 700×73 from y 8784.8; photo 3409:3802 1100,8595.8 500×672 */
.ohio-ab__dream{padding:48px 0;background:var(--ohio-purple-700);color:#fff}
.ohio-ab__dream-in{display:grid;grid-template-columns:minmax(0,700fr) minmax(0,500fr);gap:80px}
.ohio-ab__dream-in > div{padding-top:94px}
.ohio-ab__dream ol{margin:51px 0 0;padding:0;list-style:none}
.ohio-ab__dream li{display:flex;align-items:center;height:73px;box-sizing:border-box;margin:0;border-bottom:1px solid rgba(255,255,255,.05);font:500 24px/32px var(--ohio-font-body);color:#fff}
.ohio-ab__dream li span{flex:0 0 80px;font:600 14px/20px var(--ohio-font-body);color:var(--ohio-orange-200)}
.ohio-ab__dream img{display:block;width:100%;height:auto;border-radius:12px}

@media (max-width:1024px){
  .ohio-ab__cap-panel,.ohio-ab__br,.ohio-ab__dream-in{grid-template-columns:minmax(0,1fr);gap:24px}
  .ohio-ab__cap-txt{height:auto}.ohio-ab__cap-big{width:100%;height:auto;aspect-ratio:711/430}
  .ohio-ab__br-card{height:auto}
  .ohio-ab__promise{grid-template-columns:1fr;gap:16px}.ohio-ab__promise-item{height:auto;padding-bottom:20px}
  .ohio-ab__dream-in > div{padding-top:0}
}