/* Generated by tools/build_frontend_css.py. Do not edit directly. */
/* Ownership output: related-content-system */

/* Source 1: assets/src/components/related-content-contract.css | media: all */
/* Velocity Hub 1.5.65 — Related Content Contract





   Normalizes related Event sections on Service and Portfolio pages. */











body.single-vh_service .vh-related-events-section,
body.single-vh_portfolio .vh-related-events-section{





  background: var(--vh-section-surface, #f8fafc);





}











body.single-vh_service .vh-related-events-grid,
body.single-vh_portfolio .vh-related-events-grid{





  align-items: stretch;





}











body.single-vh_service .vh-related-events-grid .vh-event-card,
body.single-vh_portfolio .vh-related-events-grid .vh-event-card{





  display: flex;





  flex-direction: column;





  height: 100%;





  min-height: 100%;





  text-decoration: none;





}











body.single-vh_service .vh-related-events-grid .vh-event-card__media,
body.single-vh_portfolio .vh-related-events-grid .vh-event-card__media{





  aspect-ratio: 16 / 9;





  overflow: hidden;





}











body.single-vh_service .vh-related-events-grid .vh-event-card__media img,
body.single-vh_portfolio .vh-related-events-grid .vh-event-card__media img{





  width: 100%;





  height: 100%;





  object-fit: cover;





}











body.single-vh_service .vh-related-events-grid .vh-event-card__body,
body.single-vh_portfolio .vh-related-events-grid .vh-event-card__body{





  flex: 1 1 auto;





}











@media (max-width: 991.98px) {





  body.single-vh_service .vh-related-events-section .content-section-heading .vh-mb-5,
body.single-vh_portfolio .vh-related-events-section .content-section-heading .vh-mb-5{





    margin-bottom: 1.5rem;





  }





}











@media (max-width: 599.98px) {





  body.single-vh_service .vh-related-events-section,
body.single-vh_portfolio .vh-related-events-section{





    padding-top: 2.75rem;





    padding-bottom: 2.75rem;





  }





}











/* Velocity Hub 1.5.66 — Related Services + Blog Posts Contract





   Extends related-content cards beyond events while keeping service,





   portfolio, and event pages visually consistent. */





body.single-vh_service .vh-related-posts-section,
body.single-vh_portfolio .vh-related-posts-section,
body.single-vh_event .vh-related-services-section,
body.single-vh_event .vh-related-posts-section{





  background: var(--vh-section-surface, #f8fafc);





}











body.single-vh_event .vh-related-events-section,
body.single-vh_event .vh-related-services-section,
body.single-vh_event .vh-related-posts-section{





  background: var(--vh-section-surface, #f8fafc);





}



































































































































@media (max-width: 991.98px) {





  .vh-related-services-section .content-section-heading .vh-mb-5,
.vh-related-posts-section .content-section-heading .vh-mb-5{





    margin-bottom: 1.5rem;





  }





}











@media (max-width: 599.98px) {





  .vh-related-services-section,
.vh-related-posts-section{





    padding-top: 2.75rem;





    padding-bottom: 2.75rem;





  }











  





}











/* Velocity Hub 1.5.68 — Page/Post Related Content Front-End Contract





   Extends the related-content visual system to default Pages and Blog Posts. */





body.page .vh-related-services-section,
body.page .vh-related-portfolio-section,
body.page .vh-related-events-section,
body.page .vh-related-posts-section,
body.page .vh-related-faq-section,
body.single-post .vh-related-services-section,
body.single-post .vh-related-portfolio-section,
body.single-post .vh-related-events-section,
body.single-post .vh-related-posts-section,
body.single-post .vh-related-faq-section,
.vh-related-portfolio-section,
.vh-related-faq-section{





  background: var(--vh-section-surface, #f8fafc);





}











.vh-related-portfolio-section .content-section-heading .vh-mb-5,
.vh-related-faq-section .content-section-heading .vh-mb-5{





  margin-bottom: 2.5rem;





}

.vh-related-faq-section .content-section-heading{max-width:48rem;margin-inline:auto;}
.vh-related-faq-section .content-section-heading .vh-section-eyebrow{font-size:.75rem;font-weight:750;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;}
.vh-related-faq-section .content-section-heading h2{max-width:18ch;margin-inline:auto;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.05;text-wrap:balance;}











.vh-related-faq-section .vh-c-accordion__item{





  overflow: hidden;





  border: 1px solid var(--vh-border-color, #dbe3ec);





  border-radius: 0.95rem;





  box-shadow: 0 14px 35px rgba(15, 23, 42, 0.06);





}











.vh-related-faq-section .vh-c-accordion__item + .vh-c-accordion__item{





  margin-top: 1rem;





}











.vh-related-faq-section .vh-c-accordion__button{





  align-items: center;





  gap: 0.75rem;





  min-height: 3.5rem;





  padding: 1rem 1.2rem;





  font-weight: 800;





}











.vh-related-faq-section .vh-c-accordion__button:not(.is-collapsed){





  color: var(--vh-link, #9fa90b);





  background: rgba(var(--vh-primary-rgb, 159, 169, 11), 0.10);





  box-shadow: none;





}











.vh-related-faq-section .vh-faq-accordion-title{





  min-width: 0;





  flex: 1 1 auto;





  font-size: clamp(1rem, 1.3vw, 1.15rem);





  font-weight: 750;





  line-height: 1.3;





}











@media (max-width: 991.98px) {





  .vh-related-portfolio-section .content-section-heading .vh-mb-5,
.vh-related-faq-section .content-section-heading .vh-mb-5{





    margin-bottom: 1.5rem;





  }





}











@media (max-width: 599.98px) {





  .vh-related-portfolio-section,
.vh-related-faq-section{





    padding-top: 2.75rem;





    padding-bottom: 2.75rem;





  }











  .vh-related-faq-section .vh-c-accordion__button{





    padding: 1rem;





  }





}











/* Velocity Hub 1.5.73 — WO70 Related odd-card grid contract.





   Bootstrap row + justify-content-center made orphan cards center and feel





   smaller/out of place at tablet and 1024px widths. This establishes a default





   CSS Grid baseline. Phase 3 inline Velocity Hub Settings still load after this





   file and can override explicit columns/gaps when the admin sets them. */





.vh-related-events-grid{





  display: grid;





  align-items: stretch;





  justify-content: initial;





  justify-items: stretch;





}











.vh-related-events-grid > [class*="col-"]{





  width: auto;





  max-width: none;





  min-width: 0;





  flex: none;





  padding-left: 0;





  padding-right: 0;





  margin-left: 0;





  margin-right: 0;





}











.vh-related-events-grid > [class*="col-"] > .vh-event-card{





  width: 100%;





}











@media (min-width: 992px) {





  .vh-related-events-grid{





    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));





    gap: 1.5rem;





  }





}











@media (min-width: 768px) and (max-width: 991.98px) {





  .vh-related-events-grid{





    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));





    gap: 1.25rem;





  }





}











@media (max-width: 767.98px) {





  .vh-related-events-grid{





    grid-template-columns: minmax(0, 1fr);





    gap: 1rem;





  }





}