.topnav{padding:18px 0;font-size:16px}
.topnav a{color:#000;text-decoration:none;font-weight:500;opacity:.7}
.topnav a:hover{opacity:1}
.ahero{background:#fff url("img/bg-squares.png") center/cover no-repeat;padding:120px 0;text-align:center;margin-top:-10px}
.ahero h1{font-size:38px;font-weight:500;max-width:1000px;margin:0 auto 40px}
.ahero p{font-size:20px;max-width:640px;margin:0 auto;font-weight:300;line-height:1.6}
.ahero{background-image:url("img/bg-squares.png")}
.agallery{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:20px;padding-bottom:60px}
.agallery a{display:block;overflow:hidden}
.agallery img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .4s}
.agallery a:hover img{transform:scale(1.05)}
.orgs{padding:30px 20px 60px}
.orgs h2,.acases h2,.videos h2,.experts h2,.defense h2{font-size:44px;font-weight:500;margin-bottom:60px}
.orgs__row{display:flex;justify-content:center;align-items:center;gap:60px;flex-wrap:wrap}
.orgs__row img{width:auto;max-width:100%;object-fit:contain}
.acases{padding:30px 20px 80px}
.acases__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.acase img{width:100%;aspect-ratio:1/1.15;object-fit:cover;margin-bottom:24px}
.acase h3{font-size:18px;font-weight:600;margin:0 0 10px 30px}
.acase p{font-size:15px;font-weight:300;margin:0 0 24px 30px}
.abtn{display:inline-block;margin-left:30px;background:#000;color:#fff;text-decoration:none;font-size:14px;font-weight:600;padding:0 15px;height:36px;line-height:36px;border-radius:5px;transition:opacity .2s}
.abtn:hover{opacity:.75}
.defense{padding:20px 20px 60px}
.defense__cover{position:relative;display:block;max-width:860px;margin:0 auto}
.defense__cover img{width:100%;height:auto}
.videos{padding:30px 20px 60px}
.videos__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.video{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#2b2f3a,#12141a);overflow:hidden}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video__link{position:absolute;inset:0;display:block}
.video__play,.video__link .video__play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(0,0,0,.55);transition:background .2s}
.video__play::after{content:"";position:absolute;left:25px;top:20px;border-left:20px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent}
.video:hover .video__play,.defense__cover:hover .video__play{background:rgba(0,0,0,.8)}
.defense__cover .video__play{width:80px;height:80px;margin:-40px 0 0 -40px}
.defense__cover .video__play::after{left:32px;top:24px}
.experts{padding:30px 20px 100px}
.experts__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 40px}
.experts__grid img{width:100%;height:auto}
@media (max-width:1000px){
  .acases__grid{grid-template-columns:repeat(2,1fr)}
  .videos__grid{grid-template-columns:repeat(2,1fr)}
  .experts__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .ahero{padding:70px 0}
  .ahero h1{font-size:26px}
  .ahero p{font-size:17px}
  .agallery{grid-template-columns:repeat(2,1fr);gap:10px}
  .orgs h2,.acases h2,.videos h2,.experts h2,.defense h2{font-size:30px;margin-bottom:36px}
  .orgs__row{gap:30px}
  .orgs__row img{height:auto!important;max-height:90px}
  .acases__grid{gap:30px 14px}
  .acase h3,.acase p{margin-left:0}
  .abtn{margin-left:0}
  .videos__grid{grid-template-columns:1fr;gap:16px}
  .experts__grid{grid-template-columns:1fr;gap:24px}
}
