/* ==========================================================================
   About page, part 2 (template-parts/ohio-about-values.php) — frame 3409:3502 y 3030–6032, frame px.
   Values (3030.5–3818.2) · Tử tế (3818.2–4552.7) · timeline (4552.7–5265.3) · licences (5265.3–6032).
   ========================================================================== */
/* values — band 3409:3557 #422666; H2 y 3078.5 (drawn 41px right of centre); ring 3409:4367 777,3160 364×362 */
.ohio-ab__values{padding:49px 0 48px;background:var(--ohio-purple-700);color:#fff}
.ohio-ab__values .ohio-sec-title{padding-left:82px}
.ohio-ab__mv{position:relative;height:362px;margin-top:37px}
.ohio-ab__mv-item{position:absolute;top:100px}                                 /* icons y 3260.1 */
.ohio-ab__mv-item--mission{left:35px;width:387px;text-align:right}            /* 3409:4354 x 355–741.8 */
.ohio-ab__mv-item--vision{left:867px;width:533px}                              /* 3409:4360 x 1187–1720 */
.ohio-ab__mv-ico{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:rgba(242,198,91,.1);vertical-align:top}
.ohio-ab__mv-item--mission .ohio-ab__mv-ico{margin-right:11px}
.ohio-ab__mv-item--vision .ohio-ab__mv-ico{width:20px;border-radius:5px/12px}  /* 3409:4361 20×48 */
.ohio-ab__mv-item .ohio-h4{margin:15px 0 0;text-transform:uppercase;color:#fff}
.ohio-ab__mv-item .ohio-caption{margin:10px 0 0;text-align:left;color:#fff}
.ohio-ab__mv-item--mission .ohio-caption{width:369px}
.ohio-ab__mv-logo{position:absolute;left:457px;top:0;display:flex;align-items:center;justify-content:center;width:364px;height:362px;box-sizing:border-box;
  border:1px solid rgba(242,198,91,.5);border-radius:50%;background:radial-gradient(circle,#fff 0 140px,transparent 140.5px)}   /* disc 3409:4373 280 */
.ohio-ab__mv-logo img{width:207px;height:auto}
.ohio-ab__values-label{margin:55px 0 0;text-align:center;transform:translateX(-13px);color:var(--ohio-orange-200)}  /* 3409:3560 y 3577 */
.ohio-ab__value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin-top:25px}   /* 301×149 y 3620.7 */
.ohio-ab__value{height:149px;box-sizing:border-box;padding:21px 28px 0;border:1px solid rgba(255,255,255,.2);border-radius:12px}
.ohio-ab__value b{display:block;font:700 56px/71px var(--ohio-font-body);color:var(--ohio-orange-200)}
.ohio-ab__value .ohio-lead{display:block;margin-top:2px;color:var(--ohio-purple-300)}
.ohio-ab__value strong{font-weight:600;color:#fff}

/* Tử tế — H2 y 3866.2; cards 3409:4318… 300.8×516.7 y 3988, photo then icon + 2-line title (y 4394) + text (y 4452) */
.ohio-ab__kind-sec{padding:48px 0}
.ohio-ab__kind{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25.5px;margin-top:78px}
.ohio-ab__kind-item{position:relative;height:517px;overflow:hidden;border-radius:8px;background:#fff;box-shadow:4px 4px 8px rgba(0,0,0,.25)}
.ohio-ab__kind-photo{display:block;width:100%;height:auto}
.ohio-ab__kind-title{position:absolute;left:0;top:406px;display:grid;grid-template-columns:68px auto;column-gap:7px;align-items:center;margin:0;
  font:600 24px/26px var(--ohio-font-body);text-transform:uppercase;color:var(--ohio-text-subheading)}   /* icons end ≈ x+68, text x+75 */
.ohio-ab__kind-title img{justify-self:end}
.ohio-ab__kind-title small{display:block;font-size:20px;line-height:24px}
.ohio-ab__kind-item .ohio-caption{position:absolute;left:19px;right:19px;top:463px;margin:0;color:var(--ohio-text-body)}

/* timeline — H2 y 4600.7; tiles 190.9×259.8 y 4716.5; rail 3409:3580 y 5013.7; text cards 190.9×166.2 y 5051.1 */
.ohio-ab__tl-sec{padding:48px 0;background:var(--ohio-bg-soft)}
.ohio-ab__timeline{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:27px;margin:72px 0 0;padding:0;list-style:none}
.ohio-ab__timeline::before{content:"";position:absolute;left:0;right:0;top:297px;height:1.7px;background:linear-gradient(90deg,#cdbde3,#422666 60%,#e3b04b)}
.ohio-ab__timeline li{display:flex;flex-direction:column;align-items:center;margin:0}
.ohio-ab__timeline img{display:block;width:100%;height:260px;box-sizing:border-box;object-fit:cover;border:1px solid var(--ohio-purple-700);border-radius:10px}
.ohio-ab__tl-dot{position:relative;z-index:1;width:17px;height:17px;box-sizing:border-box;margin:29.5px 0 0;border:2px solid var(--ohio-purple-700);border-radius:50%;background:#fff}
.ohio-ab__timeline li > div{align-self:stretch;flex:1;min-height:166px;box-sizing:border-box;margin-top:28px;padding:12px 0 8px;border:1px solid var(--ohio-purple-700);border-radius:10px;background:#fff;text-align:center}
.ohio-ab__tl-year{display:block;font:600 22px/27px var(--ohio-font-body);color:var(--ohio-purple-700)}
.ohio-ab__timeline h3{width:auto;max-width:none;margin:16px -10px 0}                                     /* titles run past the card in the frame (Chuyển mình 195px) */
.ohio-ab__timeline p{margin:11px 0 0;padding:0 8px;font:400 12px/15px var(--ohio-font-body);color:var(--ohio-text-body)}

/* licences — H2 y 5313.3; cards 585.3×277.9 at x 358 / 972.1, y 5393.5 / 5706.1 */
.ohio-ab__legal-sec{padding:48px 0}
.ohio-ab__legal{display:grid;grid-template-columns:repeat(2,minmax(0,585px));justify-content:center;gap:34.7px 28.8px;margin:36px 0 0 -2px}
.ohio-ab__legal-item{position:relative;height:278px;box-sizing:border-box;border:1px solid var(--ohio-purple-700);border-radius:12px;background:#fff}
.ohio-ab__legal-ico{position:absolute;left:30px;top:37px;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:15px;background:var(--ohio-purple-100)}
.ohio-ab__legal-item .ohio-h4{position:absolute;left:107px;top:41px;margin:0;color:var(--ohio-purple-700)}
.ohio-ab__legal-sub{position:absolute;left:107px;top:71px;margin:0;font:400 16px/26px var(--ohio-font-body);color:var(--ohio-text-body)}
.ohio-ab__legal-item dl{position:absolute;left:30px;top:117px;display:grid;grid-template-columns:123px auto;gap:9px 0;margin:0}
.ohio-ab__legal-item :is(dt,dd){margin:0;font:400 16px/26px var(--ohio-font-body);text-transform:none;letter-spacing:0;color:var(--ohio-text-body)}
.ohio-ab__legal-item dd.is-num{font-weight:500;color:var(--ohio-purple-700)}
.ohio-ab__legal-btn{position:absolute;left:27px;top:200px;background:#fff}
.ohio-ab__legal-img{position:absolute;left:308px;top:36px;display:block;width:264px;height:199px}
.ohio-ab__legal-corner{position:absolute;left:563px;top:257px}
/* scan slot of a licence whose scan is not supplied yet (placeholder text, same box as the scan) */
.ohio-ab__legal-ph{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:16px;border:1px dashed var(--ohio-purple-300);border-radius:8px;background:var(--ohio-purple-50);text-align:center;font:400 14px/20px var(--ohio-font-body);color:var(--ohio-text-muted)}

@media (max-width:1024px){
  .ohio-ab__values .ohio-sec-title{padding-left:0}
  .ohio-ab__mv{display:grid;grid-template-columns:1fr;gap:20px;height:auto}
  .ohio-ab__mv-item,.ohio-ab__mv-logo{position:static;width:auto!important;text-align:left}
  .ohio-ab__mv-logo{display:none}
  .ohio-ab__mv-item--mission .ohio-caption{width:auto}
  .ohio-ab__values-label{transform:none}
  .ohio-ab__value-grid,.ohio-ab__kind{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ohio-ab__timeline{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ohio-ab__timeline::before,.ohio-ab__tl-dot{display:none}
  .ohio-ab__timeline li > div{margin-top:12px}
  .ohio-ab__legal{grid-template-columns:1fr;margin-left:0}
}