/* Keep the original banner dimensions; remove extra overscan and Ken Burns motion. */
body:is(.post-type-archive-product,.tax-product_cat) #main .uav-cat-hero__bg{inset:0;animation:none;transform:none}
body:is(.post-type-archive-product,.tax-product_cat) #main :is(.uav-cat-hero__card-tag,.uav-cat-hero__card-name,.uav-cat-hero__card-cta){font-weight:400!important}
body:is(.post-type-archive-product,.tax-product_cat) #main .uav-cat-hero__card-blurb{font-size:13px!important}
.uav-catalog-guide{width:562px;margin-right:-20px;height:auto;min-height:302px;gap:8px;flex:0 0 auto;display:flex;flex-direction:column;justify-content:space-between;color:#fff;text-align:left}
.uav-catalog-guide__label{font-size:10px;letter-spacing:.12em;color:#fff}
.uav-catalog-guide a{display:block;padding:10px 0 calc(10px + var(--guide-extra-bottom,0px));border-bottom:1px solid rgba(210,235,238,.3);color:#fff!important;text-decoration:none}
.uav-catalog-guide a:not(:last-of-type){--guide-extra-bottom:5px}
.uav-catalog-guide a+a{margin-top:15px}
.uav-catalog-guide strong{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:500;line-height:1.3;color:#58aeb5}
.uav-catalog-guide strong span{color:inherit}
.uav-catalog-guide a p{margin:5px 0 0;color:#e1ebed;font-size:13px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:3em}
.uav-catalog-guide a:is(:hover,:focus-visible) strong{color:#8dd7dc}
.uav-catalog-guide small{font-size:11px;line-height:1.5;color:#c6dadd;margin-top:10px}
body.post-type-archive-product #main .uav-cat-hero__inner{width:calc(100% - 80px);max-width:1320px;margin-inline:auto}
body.post-type-archive-product #main .uav-cat-hero__text{flex:1;min-width:0}
body.post-type-archive-product #main .uav-cat-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,17,27,.42),rgba(4,17,27,.58) 65%,rgba(4,17,27,.12));pointer-events:none}
body.page .dd-about .dd-hero-bg{background-image:url('../images/integration-workshop.webp')!important}
@media(max-width:1024px){.uav-catalog-guide{width:100%;max-width:500px;height:auto;margin-right:0}}
@media(max-width:768px){body.post-type-archive-product #main .uav-cat-hero__inner{width:calc(100% - 40px)}.uav-catalog-guide{height:auto;min-height:283px;gap:8px}}
@media(max-width:600px){.uav-catalog-guide strong{font-size:16px}.uav-catalog-guide a{padding:8px 0 calc(8px + var(--guide-extra-bottom,0px))}.uav-catalog-guide a p{font-size:12px}.uav-catalog-guide small{font-size:10px}}
/* The whole card remains a single accessible link; its CTA gets a button surface. */
body.tax-product_cat #main .uav-cat-hero__card-cta{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;gap:8px;padding:9px 15px;background:#277c83!important;color:#fff!important;border:1px solid #277c83;border-radius:5px;line-height:1.3;white-space:nowrap;text-decoration:none;transition:background .2s,border-color .2s}
body.tax-product_cat #main .uav-cat-hero__card:hover .uav-cat-hero__card-cta,body.tax-product_cat #main .uav-cat-hero__card:focus-visible .uav-cat-hero__card-cta{background:#215f66!important;border-color:#215f66}
body.tax-product_cat #main .uav-cat-hero__card:focus-visible{outline:2px solid #8dd7dc;outline-offset:4px}

body:is(.post-type-archive-product,.tax-product_cat) #main .uav-cat-hero{aspect-ratio:auto;min-height:calc(100dvh - var(--uav-hero-top,100px));padding-bottom:0}
body:is(.post-type-archive-product,.tax-product_cat) #main .uav-cat-hero__inner{box-sizing:border-box;min-height:0!important}
@media(min-width:1025px){
  body:is(.post-type-archive-product,.tax-product_cat) #main .uav-cat-hero{height:calc(100dvh - var(--uav-hero-top,100px))}
  body:is(.post-type-archive-product,.tax-product_cat) #main .uav-cat-hero__inner{height:100%;padding-block:24px 110px}
  /* Keep the guide aligned to the same right edge; its start follows its width.
     The extra 20px between items lifts the centered row another 10px. */
  body.post-type-archive-product #main .uav-cat-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;align-content:center;transform:translateY(-40px)}
}
/* Stacked layouts need room for both copy and cards without cropping either. */
@media(max-width:1024px){
  body:is(.post-type-archive-product,.tax-product_cat) #main .uav-cat-hero__inner{padding-bottom:135px}
}

/* Authored short copy is shown in full, rather than hidden by a line clamp. */
body.tax-product_cat #main .uav-cat-hero__card-blurb{display:block;-webkit-line-clamp:unset;overflow:visible}

.uav-carousel-copy--compact{display:none}
@media(max-width:360px){.uav-carousel-copy--regular{display:none}.uav-carousel-copy--compact{display:inline}}

/* About hero shares the site's teal controls and dark teal image overlay. */
body.page #main .dd-about .dd-hero{--acc:#277c83}
body.page #main .dd-about .dd-hero-bg::after{background:#071f25;opacity:.72}
body.page #main .dd-about .dd-hero .dd-eyebrow{color:#8dd7dc}
body.page #main .dd-about .dd-hero p{color:#e1ebed;width:calc(100% + var(--about-copy-extra,50px));max-width:none;margin:0 calc(var(--about-copy-extra,50px) / -2) 1em}
body.page #main .dd-about .dd-hero .dd-cta{background:#277c83;color:#fff}
body.page #main .dd-about .dd-hero .dd-cta:hover{background:#215f66;color:#fff}

@media(max-width:1100px){body.page #main .dd-about .dd-hero{--about-copy-extra:0px}}
