/* Static journal introduction and three current product-family articles. */
body #main #uavBlogHero{
  position:relative;overflow:hidden;margin:0 calc(50% - 50vw) 3rem;
  background-color:#071624;
  background-image:linear-gradient(180deg,rgba(7,22,36,.08) 0%,rgba(7,22,36,0) 32%,rgba(7,22,36,.45) 58%,rgba(7,22,36,.78) 82%,rgba(7,22,36,.92) 100%),linear-gradient(90deg,rgba(7,22,36,.68),rgba(7,22,36,.24) 58%,rgba(7,22,36,.30)),url('../images/blog-integration-workshop.webp');
  background-size:cover;background-position:center;background-repeat:no-repeat;
  font-family:"Segoe UI",Arial,sans-serif;color:#fff;line-height:1;
}
body #main #uavBlogHero .uav-blog-hero__inner{
  width:calc(100% - 80px);max-width:1320px;margin:0 auto;box-sizing:border-box;
  min-height:calc(100svh - 85px);padding:56px 0;
  display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);
}
body #main #uavBlogHero .uav-blog-hero__copy :is(h1,p,span){font-family:"Segoe UI",Arial,sans-serif}
body #main #uavBlogHero .uav-blog-hero__content{grid-row:2 / 4;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;width:760px;max-width:100%;min-width:0;transform:translate(max(-100px,calc(20px - max(40px,(100vw - 1320px)/2))),-50px)}
body #main #uavBlogHero .uav-blog-hero__copy{grid-row:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
body #main #uavBlogHero .uav-blog-hero__eyebrow{display:block;margin-bottom:16px;color:#8dd7dc;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
body #main #uavBlogHero h1{margin:0 0 22px;color:#fff;font-size:38px;font-weight:600;line-height:1.2;letter-spacing:-.025em}
body #main #uavBlogHero .uav-blog-hero__intro p{max-width:760px;margin:0 0 16px;color:#e1ebed;font-size:16.8px;font-weight:400;line-height:1.8}
body #main #uavBlogHero .uav-blog-hero__intro p:last-child{margin-bottom:0}
body #main #uavBlogHero .uav-blog-hero__list{grid-row:2;align-self:start;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin-top:24px;gap:12px;min-width:0}
/* Card glass mirrors the See Articles cue icon: teal at .18, brighter teal on hover. */
body #main #uavBlogHero .uav-blog-hero__item{display:flex;box-sizing:border-box;padding:14px 16px;border:1px solid rgba(141,215,220,.35);border-radius:8px;background:rgba(39,124,131,.18);backdrop-filter:blur(3px);text-decoration:none;text-align:left;transition:border-color .25s,background-color .25s,transform .25s}
body #main #uavBlogHero .uav-blog-hero__item:hover{border-color:#8dd7dc;background:rgba(39,124,131,.34);transform:translateY(-2px)}
body #main #uavBlogHero .uav-blog-hero__item :is(.uav-blog-hero__item-cat,.uav-blog-hero__item-name,.uav-blog-hero__item-go){text-shadow:0 1px 10px rgba(0,0,0,.45)}
body #main #uavBlogHero .uav-blog-hero__item>div{display:flex;flex-direction:column;min-width:0;width:100%}
body #main #uavBlogHero .uav-blog-hero__item-cat{display:block;margin-bottom:8px;color:#8dd7dc;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
body #main #uavBlogHero .uav-blog-hero__item-name{margin:0;color:#f1f6f7;font-family:"Segoe UI",Arial,sans-serif;font-size:14px;font-weight:500;line-height:1.5;white-space:nowrap}
body #main #uavBlogHero .uav-blog-hero__item-go{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:10px;color:#a8dadd;font-size:12px;font-weight:600;line-height:1.4}
body #main #uavBlogHero a:focus-visible{outline:2px solid #8dd7dc;outline-offset:4px}
@media(max-width:1100px){
  body #main #uavBlogHero .uav-blog-hero__inner{min-height:calc(100svh - 61px)}
  body #main #uavBlogHero h1{font-size:32px}
}
@media(max-width:768px){
  body #main #uavBlogHero{background-position:66% center}
  body #main #uavBlogHero .uav-blog-hero__inner{width:calc(100% - 40px);padding:40px 0;display:flex;flex-direction:column;justify-content:center}
  body #main #uavBlogHero .uav-blog-hero__content{display:flex;flex-direction:column;gap:24px;transform:none}
  body #main #uavBlogHero .uav-blog-hero__list{grid-template-columns:1fr;margin-top:0}
  body #main #uavBlogHero h1{font-size:28px}
}