/* ==========================================================================
   Front page v2 — press (frame y 7747–8330), Figma "Trang Chủ .1 - v2" 3409:1941, nodes 3798:19348…19441.
   Frame px at 1920 (home-boxes.tsv +10.2/+10.4). Card 1270.2 × 509.5 at x 318.5 (centre 953.6, 6.4 left of the
   viewport centre as drawn), y 7801.3 (54.3 below the section top).
   ========================================================================== */
.ohio-h2pr{background:#fff;padding:54.3px 0 91.2px;overflow:hidden}   /* card ends 8311, footer starts 8402 */
.ohio-h2pr__card{position:relative;left:-6.4px;box-sizing:border-box;width:1270.2px;max-width:100%;height:509.5px;margin:0 auto;border-radius:21.7px;   /* 3798:19348 */
  background:linear-gradient(90deg,#422666 0,#47296c 22.3%,#56327c 53.8%,#6f4298 89.5%,#7848a2 100%)}
/* title 3798:19401: 36.112px SemiBold white, box 808 wide at x 545.4 (centre 949.4), top 39.3 inside the card */
.ohio-h2pr__title{position:absolute;left:226.9px;top:39.3px;width:808px;margin:0;padding:0;height:44px;text-align:center;text-transform:none;white-space:nowrap;
  font:600 36.112px/44px 'Montserrat',sans-serif;letter-spacing:0;color:#fff}
.ohio-h2pr__title:before,.ohio-h2pr__title:after{display:none}
/* video 3798:19415: 626 × 351.4 at card (63.1, 115.5), white 2px edge, rounded */
.ohio-h2pr__video{position:absolute;left:63.1px;top:115.5px;width:626px;height:351.4px;box-sizing:border-box;border:2px solid #fff;border-radius:10px;overflow:hidden;background:#1a1330;display:block}
.ohio-h2pr__video img{display:block;width:100%;height:100%;object-fit:cover;max-width:none}
/* play: ring 103 (1.9 stroke) centred, triangle 40.1 × 46 nudged 6.2 right of centre */
.ohio-h2pr__play{position:absolute;left:50%;top:50%;width:104.9px;height:104.9px;margin:-52.45px 0 0 -52.45px;background:url(../../img/home2/press-play-ring.svg) 0 0/100% 100% no-repeat}
.ohio-h2pr__play:before{content:"";position:absolute;left:40px;top:29.5px;width:40.1px;height:46px;background:url(../../img/home2/press-play-tri.svg) 0 0/100% 100% no-repeat}
a.ohio-h2pr__video:hover .ohio-h2pr__play{transform:scale(1.06)}
/* logos: big 480.1 × 116.5 at card (716.4, 115.5); small cards 151.8 / 147.9 / 147.9 × 62.8, pitch 78.2 vertically */
.ohio-h2pr__logos{position:absolute;left:716.4px;top:115.5px;width:482.7px}
.ohio-h2pr__logo{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:62.8px;padding:8px 20px;border-radius:8px;background:#fff;
  box-shadow:3px 5px 10px rgba(0,0,0,.42);text-decoration:none;min-width:0}
.ohio-h2pr__logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.ohio-h2pr__logo--big{width:480.1px;max-width:100%;height:116.5px;padding:0;border-radius:10px}
.ohio-h2pr__logo--big img{height:100%}
a.ohio-h2pr__logo:hover{transform:translateY(-2px)}
.ohio-h2pr__grid{display:grid;grid-template-columns:151.8px 147.9px 147.9px;gap:15.4px 15.6px;margin-top:15.8px}
.ohio-h2pr__grid>:nth-child(3n){margin-left:3.9px}

/* below 1280 the card scales down; ≤849 stack video above logos */
@media (max-width:1279px){
  .ohio-h2pr{padding:40px 16px}
  .ohio-h2pr__card{left:0;width:auto;height:auto;padding:28px 24px 32px}
  .ohio-h2pr__title{position:static;width:auto;height:auto;white-space:normal;margin-bottom:24px;font-size:clamp(20px,3vw,32px);line-height:1.25}
  .ohio-h2pr__body{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:start}
  .ohio-h2pr__video,.ohio-h2pr__logos{position:relative;left:auto;top:auto;width:auto;height:auto}
  .ohio-h2pr__video{aspect-ratio:626/351.4}
  .ohio-h2pr__logo--big{width:auto}
  .ohio-h2pr__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .ohio-h2pr__grid>:nth-child(3n){margin-left:0}
}
@media (max-width:849px){
  .ohio-h2pr{padding:28px 12px}
  .ohio-h2pr__card{padding:24px 14px 20px;border-radius:16px}
  .ohio-h2pr__body{grid-template-columns:1fr}
  .ohio-h2pr__logo{height:52px;padding:4px 8px}
  .ohio-h2pr__logo--big{height:84px}
  .ohio-h2pr__play{transform:scale(.55)}
}

/* ≤767: Figma "Trang chủ – Mobile" 3637:7021, Section / Báo chí 3765:11019 (390 frame px = page px).
   White, pad 32/20/40: card 350 (gradient ↓ #EFE7F7 → #F7F3FB, r20, pad 24/16/20, gap 16): H2 centred · video 318×180 r12
   with a 48 white play button · logos on white r10 tiles (no shadow): big 204×140 + a column of two 104×65 (gap 10),
   then two rows of three 56-high tiles (gap 10). The column tiles are the first two small logos, placed absolutely. */
@media (max-width:767px){
  .ohio-h2pr{padding:32px 20px 40px}
  .ohio-h2pr__card{padding:24px 16px 20px;border-radius:20px;background:linear-gradient(180deg,#efe7f7,#f7f3fb)}
  .ohio-h2pr .ohio-h2pr__title{margin:0 0 16px;color:#422666!important}
  .ohio-h2pr__body{gap:16px}
  .ohio-h2pr__video{height:180px;aspect-ratio:auto;border:0;border-radius:12px}
  .ohio-h2pr__play{transform:none;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:24px;background:#fff}
  .ohio-h2pr__play:before{left:17px;top:15.5px;width:17px;height:17px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Cpath d='M5 3.2v10.6L13.5 8.5z' fill='%23422666'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
  .ohio-h2pr__logos{position:relative;padding-top:156px}
  .ohio-h2pr__logo{height:56px;padding:8px 10px;border-radius:10px;box-shadow:none}
  .ohio-h2pr__logo--big{position:absolute;left:0;top:0;width:204px;height:140px;padding:8px 10px}
  .ohio-h2pr__logo--big img{height:85px}
  .ohio-h2pr__grid{position:relative;margin:0;gap:16px 10px}
  .ohio-h2pr__grid>:nth-child(-n+2){position:absolute;left:214px;right:0;height:65px}
  .ohio-h2pr__grid>:nth-child(1){top:-156px}
  .ohio-h2pr__grid>:nth-child(2){top:-81px}
  .ohio-h2pr__grid>:nth-child(n+9){display:none}
}