.text-center {
text-align:center;
}

.regimg {
width:100%;
}

.pageimg {
  max-width: 90%;
  width: 90%;
  margin: 0px auto 15px auto;
  display: block;
}

@media (min-width: 768px) {
  .pageimg {
    max-width: 350px;
    width: 100%;
    float: right;
    margin: 0px 15px 15px 15px;
  }
}

.mtop0{margin-top: 0px;}
.mtop5{margin-top: 5px;}
.mtop10{margin-top: 10px;}
.mtop15{margin-top: 15px;}
.mtop20{margin-top: 20px;}
.mtop30{margin-top: 30px;}
.mtop40{margin-top: 40px;}
.mtop50{margin-top: 50px;}
.mtop60{margin-top: 60px;}
.mtop70{margin-top: 70px;}
.mtop80{margin-top: 80px;}
.mtop90{margin-top: 90px;}
.mtop100{margin-top: 100px;}

.mbot0{margin-bottom: 0px;}
.mbot5{margin-bottom: 5px;}
.mbot10{margin-bottom: 10px;}
.mbot20{margin-bottom: 20px;}
.mbot30{margin-bottom: 30px;}
.mbot40{margin-bottom: 40px;}
.mbot50{margin-bottom: 50px;}
.mbot60{margin-bottom: 60px;}
.mbot70{margin-bottom: 70px;}
.mbot80{margin-bottom: 80px;}
.mbot90{margin-bottom: 90px;}
.mbot100{margin-bottom: 100px;}

/* Base responsive embed container */
.resp-embed {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;

  /* Default: 16:9 (widescreen video, YouTube, Bunny Stream, Vimeo) */
  padding-bottom: 56.25%;
}

/* Aspect ratio modifiers */
.resp-embed.widescreen  { padding-bottom: 56.25%; } /* 16:9  */
.resp-embed.standard    { padding-bottom: 75%;    } /* 4:3   */
.resp-embed.square      { padding-bottom: 100%;   } /* 1:1   */
.resp-embed.vertical    { padding-bottom: 177.78%;} /* 9:16 (mobile/shorts) */
.resp-embed.cinema      { padding-bottom: 41.84%; } /* 21:9 ultrawide */
.resp-embed.portrait    { padding-bottom: 125%;   } /* 4:5  (Instagram portrait) */
.resp-embed.map         { padding-bottom: 60%;    } /* good default for maps */

/* The embedded content itself */
.resp-embed iframe,
.resp-embed video,
.resp-embed embed,
.resp-embed object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

video:-webkit-full-screen {
  object-fit: contain;
}

video:-moz-full-screen {
  object-fit: contain;
}

video:fullscreen {
  object-fit: contain;
}

        /* ========================================
           SERVICE BOXES STYLES
           Prefix: .ahsbox-
           Copy these to your main CSS file
        ======================================== */

        .ahsbox-section {
            padding: 4rem 1.5rem;
            background: #ffffff;
        }

        .ahsbox-container {
            max-width: 1300px;
            margin: 0 auto;
        }

        .ahsbox-title {
            text-align: center;
            font-size: 2.5rem;
            font-weight: 700;
            color: #215375;
            margin-bottom: 1rem;
        }
        
        .ahsbox-subtitle {
            text-align: center;
            font-size: 1.25rem;
            color: #2c3e50;
            max-width: 700px;
            margin: 0 auto 3rem;
        }

        .ahsbox-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 2rem;
        }

        .ahsbox-card {
            background: #ffffff;
            border: 2px solid #e0e0e0;
            border-radius: 12px;
            padding: 2.5rem;
            position: relative;
            overflow: hidden;
        }

        .ahsbox-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: linear-gradient(90deg, #215375, #3E92CC);
        }

        .ahsbox-icon-wrapper {
            width: 70px;
            height: 70px;
            background: linear-gradient(135deg, #215375, #3E92CC);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1.5rem;
        }

        .ahsbox-icon {
            font-size: 2rem;
            color: #ffffff;
        }

        .ahsbox-card h3 {
            font-size: 1.5rem;
            font-weight: 700;
            color: #215375;
            margin-bottom: 1rem;
        }

        .ahsbox-card p {
            font-size: 1.125rem;
            line-height: 1.6;
            color: #2c3e50;
            margin-bottom: 1.5rem;
        }

        .ahsbox-features {
            list-style: none;
            margin-bottom: 1.5rem;
        }

        .ahsbox-features li {
            font-size: 1rem;
            color: #2c3e50;
            margin-bottom: 0.75rem;
            padding-left: 1.75rem;
            position: relative;
        }

        .ahsbox-features li::before {
            content: '\f00c';
            font-family: 'Font Awesome 6 Pro', 'Font Awesome 6 Free', 'Font Awesome 7 Pro', 'Font Awesome 7 Free';
            font-weight: 900;
            position: absolute;
            left: 0;
            color: #3E92CC;
            font-size: 0.875rem;
        }

        /* Nested sub-bullets */
        .ahsbox-features ul {
            margin-top: 0.5rem;
            margin-bottom: 0.5rem;
            margin-left: 0;
            list-style: none;
        }

        .ahsbox-features ul li {
            font-size: 0.95rem;
            color: #555;
            margin-bottom: 0.5rem;
            padding-left: 1.75rem;
        }

        .ahsbox-features ul li::before {
            content: '\2022';
            font-family: inherit;
            color: #7eb8dd;
            font-size: 1.2rem;
            left: 0;
            line-height: 1;
        }

        /* Expandable/Collapsible Sub-items */
        .ahsbox-expandable {
            position: relative;
            padding-left: 0 !important;
        }

        .ahsbox-expandable::before {
            display: none !important;
        }

        .ahsbox-expandable > .ahsbox-expand-toggle {
            cursor: pointer;
            user-select: none;
            display: block;
            transition: color 0.3s ease;
            padding-left: 1.75rem;
            position: relative;
            font-size: 1rem;
            color: #215375;
						text-decoration: underline;
        }

        .ahsbox-expandable > .ahsbox-expand-toggle::before {
            content: '\f00c';
            font-family: 'Font Awesome 6 Pro', 'Font Awesome 6 Free', 'Font Awesome 7 Pro', 'Font Awesome 7 Free';
            font-weight: 900;
            position: absolute;
            left: 0;
            color: #3E92CC;
            font-size: 0.875rem;
        }

        .ahsbox-expandable > .ahsbox-expand-toggle::after {
            content: '\f078';
            font-family: 'Font Awesome 6 Pro', 'Font Awesome 6 Free', 'Font Awesome 7 Pro', 'Font Awesome 7 Free';
            font-weight: 900;
            color: #3E92CC;
            font-size: 0.65rem;
            margin-left: 0.5rem;
            transition: transform 0.3s ease;
            display: inline-block;
            vertical-align: middle;
        }

        .ahsbox-expandable > .ahsbox-expand-toggle:hover {
            color: #3E92CC;
        }

        .ahsbox-expandable.ahsbox-expanded > .ahsbox-expand-toggle::after {
            transform: rotate(180deg);
        }

        .ahsbox-expandable > ul {
            max-height: 0;
            overflow: hidden;
            opacity: 0;
            transition: max-height 0.4s ease, opacity 0.3s ease, margin-top 0.3s ease;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding-left: 2rem;
        }

        .ahsbox-expandable.ahsbox-expanded > ul {
            max-height: 500px;
            opacity: 1;
            margin-top: 0.5rem !important;
            margin-bottom: 0.5rem !important;
        }

        /* Focus states for accessibility */
        .ahsbox-expand-toggle:focus {
            outline: 2px solid #3E92CC;
            outline-offset: 2px;
            border-radius: 4px;
        }

        .ahsbox-link {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            color: #215375;
            font-weight: 600;
            text-decoration: none;
            font-size: 1rem;
            transition: all 0.3s ease;
            padding: 0.5rem 0;
        }

        .ahsbox-link:hover,
        .ahsbox-link:focus {
            color: #3E92CC;
            gap: 0.75rem;
            outline: 2px solid #3E92CC;
            outline-offset: 4px;
            border-radius: 4px;
            padding: 0.5rem 0.5rem;
        }

        .ahsbox-link i {
            transition: transform 0.3s ease;
        }

        .ahsbox-link:hover i,
        .ahsbox-link:focus i {
            transform: translateX(4px);
        }

        /* Alternate Layout - Horizontal Cards */
        .ahsbox-grid-horizontal .ahsbox-card {
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 2rem;
            align-items: start;
        }

        .ahsbox-grid-horizontal .ahsbox-icon-wrapper {
            margin-bottom: 0;
            width: 80px;
            height: 80px;
        }

        .ahsbox-grid-horizontal .ahsbox-icon {
            font-size: 2.25rem;
        }

        /* Compact Style */
        .ahsbox-compact .ahsbox-card {
            padding: 2rem;
        }

        .ahsbox-compact .ahsbox-icon-wrapper {
            width: 60px;
            height: 60px;
        }

        .ahsbox-compact .ahsbox-icon {
            font-size: 1.75rem;
        }

        .ahsbox-compact h3 {
            font-size: 1.25rem;
        }

        .ahsbox-compact p {
            font-size: 1rem;
        }

        /* Responsive Grid */
        @media (min-width: 641px) {
            .ahsbox-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (min-width: 1025px) {
            .ahsbox-grid {
                grid-template-columns: repeat(3, 1fr);
            }
            
            .ahsbox-grid-2col {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 640px) {
            .ahsbox-grid-horizontal .ahsbox-card {
                grid-template-columns: 1fr;
            }
        }

        /* ========================================
           PRICING BOX STYLES
           Additional styles for pricing displays
        ======================================== */

        /* Standard Pricing Cards */
        .ahsbox-pricing-card {
            text-align: center;
            position: relative;
        }

        .ahsbox-pricing-card.ahsbox-featured {
            border-color: #3E92CC;
            box-shadow: 0 8px 30px rgba(62, 146, 204, 0.2);
        }

        .ahsbox-pricing-card.ahsbox-featured::before {
            transform: scaleX(1);
        }

        .ahsbox-pricing-badge {
            position: absolute;
            top: -12px;
            right: 20px;
            background: linear-gradient(135deg, #215375, #3E92CC);
            color: #ffffff;
            padding: 0.5rem 1.5rem;
            border-radius: 50px;
            font-size: 0.875rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .ahsbox-price-wrapper {
            margin: 2rem 0;
            padding: 10px;
            border-top: 2px solid #e0e0e0;
            border-bottom: 2px solid #e0e0e0;
        }

        .ahsbox-price-setup {
            background: #f8f9fa;
            padding: 1rem;
            border-radius: 8px;
            margin-bottom: 1rem;
            font-size: 0.95rem;
        }

        .ahsbox-price-setup-label {
            color: #666;
            font-weight: 600;
            display: block;
            margin-bottom: 0.25rem;
        }

        .ahsbox-price-setup-amount {
            color: #215375;
            font-size: 1.5rem;
            font-weight: 700;
        }

        .ahsbox-price-setup-currency {
            font-size: 1rem;
        }

        .ahsbox-price {
            font-size: 3.5rem;
            font-weight: 700;
            color: #215375;
            line-height: 1;
        }

        .ahsbox-price-currency {
            font-size: 2rem;
            vertical-align: super;
        }

        .ahsbox-price-period {
            display: block;
            font-size: 1rem;
            color: #666;
            margin-top: 0.5rem;
        }

        .ahsbox-price-button {
            display: inline-block;
            background: #215375;
            color: #ffffff;
            padding: 1rem 2.5rem;
            font-size: 1.125rem;
            font-weight: 600;
            text-decoration: none;
            border-radius: 50px;
            transition: all 0.3s;
            border: 3px solid #215375;
            margin-top: 1.5rem;
        }

        .ahsbox-price-button:hover,
        .ahsbox-price-button:focus {
            background: #1a4159;
            border-color: #1a4159;
            transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(33, 83, 117, 0.3);
        }

        .ahsbox-featured .ahsbox-price-button {
            background: #3E92CC;
            border-color: #3E92CC;
        }

        .ahsbox-featured .ahsbox-price-button:hover,
        .ahsbox-featured .ahsbox-price-button:focus {
            background: #2c7ab8;
            border-color: #2c7ab8;
        }

        /* Compact Pricing Style */
        .ahsbox-pricing-compact {
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 2rem;
            align-items: center;
            text-align: left;
        }

        .ahsbox-pricing-compact .ahsbox-price-wrapper {
            margin: 0;
        }

        .ahsbox-pricing-compact .ahsbox-price {
            font-size: 2.5rem;
        }

        .ahsbox-pricing-compact .ahsbox-price-button {
            margin-top: 0;
        }

        /* Pricing Table Style */
        .ahsbox-pricing-table {
            background: #f8f9fa;
            border-radius: 12px;
            padding: 2rem;
            margin-top: 2rem;
        }

        .ahsbox-pricing-table h4 {
            color: #215375;
            font-size: 1.25rem;
            margin-bottom: 1rem;
            text-align: center;
        }

        .ahsbox-pricing-table .ahsbox-features {
            margin-bottom: 0;
        }

        /* Side-by-side price comparison */
        .ahsbox-price-compare {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: #f8f9fa;
            padding: 1.5rem;
            border-radius: 8px;
            margin: 1.5rem 0;
        }

        .ahsbox-price-compare .ahsbox-price-label {
            font-size: 1.125rem;
            font-weight: 600;
            color: #2c3e50;
        }

        .ahsbox-price-compare .ahsbox-price-amount {
            font-size: 2rem;
            font-weight: 700;
            color: #215375;
        }

        @media (max-width: 640px) {
            .ahsbox-pricing-compact {
                grid-template-columns: 1fr;
                text-align: center;
            }

            .ahsbox-price-compare {
                flex-direction: column;
                gap: 1rem;
                text-align: center;
            }
        }

  /* Photo Grid */
  .photo-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
  }

  @media (max-width: 768px) {
    .photo-grid { grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 480px) {
    .photo-grid { grid-template-columns: 1fr; }
  }

  /* Card */
  .photo-card {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    text-align: left;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  .photo-card:hover,
  .photo-card:focus-visible {
    transform: translateY(-4px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.18);
    outline: none;
  }

  /* Image wrapper — fixed aspect ratio so all cards are uniform height */
  .photo-image-wrapper {
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #e9e9e9;
  }
  .photo-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
  }
  .photo-card:hover .photo-image {
    transform: scale(1.04);
  }

  /* Caption */
  .photo-content {
    padding: 0.75rem 1rem;
  }
  .photo-content h3 {
    margin: 0 0 0.2rem;
    font-size: 1rem;
    font-weight: 600;
  }
  .photo-content p {
    margin: 0;
    font-size: 0.875rem;
    color: #666;
  }

/* Video Grid */
    .video-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }

    @media (max-width: 768px) {
        .video-grid { grid-template-columns: 1fr; }
    }

    .video-grid-item h3 {
        margin: 0 0 0.75rem;
    }

/* Staff */
/* ── Section & layout ───────────────────────────────────── */
.ah-team {
  padding: 4rem 1.25rem;
}
.ah-team__inner {
  max-width: 1100px;
  margin: 0 auto;
}
.ah-team__header {
  text-align: center;
  margin-bottom: 3rem;
}
.ah-team__title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.ah-team__subtitle {
  max-width: 680px;
  margin: 0 auto;
  color: #555;
  line-height: 1.7;
}

/* ── Grid ───────────────────────────────────────────────── */
.ah-team__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 860px) {
  .ah-team__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
  .ah-team__grid { grid-template-columns: 1fr; }
}

/* Center the last row when it has fewer items than columns */
.ah-team__grid li:last-child:nth-child(3n - 1) {
  grid-column-end: -2;
}
.ah-team__grid li:last-child:nth-child(3n - 2) {
  grid-column: 2;
}

/* ── Card button ────────────────────────────────────────── */
.ah-team__card {
  display: block;
  width: 100%;
  background: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  text-align: left;
  padding: 0;
  box-shadow: 0 2px 10px rgba(0,0,0,0.07);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.ah-team__card:hover,
.ah-team__card:focus-visible {
  transform: translateY(-5px);
  box-shadow: 0 10px 28px rgba(0,0,0,0.13);
  outline: 3px solid #3E92CC;
  outline-offset: 2px;
}

/* ── Photo area ─────────────────────────────────────────── */
.ah-team__photo-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: #eee;
  display: block;
}
.ah-team__photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
  transition: transform 0.35s ease;
}
.ah-team__card:hover .ah-team__photo,
.ah-team__card:focus-visible .ah-team__photo {
  transform: scale(1.05);
}
.ah-team__card-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.25s ease;
}
.ah-team__card:hover .ah-team__card-overlay,
.ah-team__card:focus-visible .ah-team__card-overlay {
  opacity: 1;
}
.ah-team__overlay-label {
  color: #fff;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border: 2px solid #fff;
  border-radius: 6px;
  padding: 0.4rem 1rem;
}

/* ── Card text ──────────────────────────────────────────── */
.ah-team__card-body {
  padding: 1.1rem 1.25rem 1.25rem;
  display: block;
}
.ah-team__name {
  font-size: 1.05rem;
  font-weight: 700;
  margin: 0 0 0.25rem;
  color: #215375;
  display: block;
}
.ah-team__title-role {
  font-size: 0.875rem;
  color: #666;
  margin: 0;
  line-height: 1.4;
  display: block;
}

/* ── Modal backdrop ─────────────────────────────────────── */
.ah-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.ah-modal[hidden] { display: none; }

.ah-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(2px);
  cursor: pointer;
}

/* ── Modal panel ────────────────────────────────────────── */
.ah-modal__panel {
  position: relative;
  background: #fff;
  border-radius: 14px;
  width: 100%;
  max-width: 600px;
  max-height: 90vh;
  overflow-y: auto;
  padding: 2rem;
  box-shadow: 0 20px 60px rgba(0,0,0,0.25);
  animation: ah-modal-in 0.22s ease;
}
@keyframes ah-modal-in {
  from { opacity: 0; transform: translateY(12px) scale(0.98); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}

.ah-modal__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: #f0f0f0;
  border: none;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #333;
  transition: background 0.15s ease, color 0.15s ease;
}
.ah-modal__close:hover,
.ah-modal__close:focus-visible {
  background: #215375;
  color: #fff;
  outline: 3px solid #3E92CC;
  outline-offset: 2px;
}

/* ── Modal header ───────────────────────────────────────── */
.ah-modal__header {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin-bottom: 1.5rem;
  padding-right: 2.5rem; /* clear of close btn */
}
.ah-modal__photo {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  object-position: top center;
  flex-shrink: 0;
  border: 3px solid #e4e4e4;
}
.ah-modal__name {
  font-size: 1.3rem;
  font-weight: 700;
  margin: 0 0 0.2rem;
  color: #215375;
}
.ah-modal__role {
  font-size: 0.9rem;
  color: #666;
  margin: 0;
}

/* ── Modal body ─────────────────────────────────────────── */
.ah-modal__body {
  font-size: 0.95rem;
  line-height: 1.75;
  color: #333;
}
.ah-modal__body p { margin-bottom: 0.75rem; }
.ah-modal__body ul {
  margin: 0 0 0.75rem 1.25rem;
  padding: 0;
}
.ah-modal__body li { margin-bottom: 0.3rem; }
.ah-modal__edu-heading {
  font-size: 1rem;
  font-weight: 700;
  margin: 1.25rem 0 0.5rem;
  color: #1a1a1a;
}

   /* Video Grid */
    .vcontainer-grid {
      display:               grid;
      grid-template-columns: 1fr;          /* mobile: 1 col */
      gap:                   1.5rem;
      margin:                0 0 2rem;
    }

    @media (min-width: 640px) {
      .vcontainer-grid              { grid-template-columns: repeat(2, 1fr); }
      .vcontainer-grid.vcontainer-grid--3 { grid-template-columns: repeat(3, 1fr); }
    }

    /* ── Individual cell ────────────────────────────────────
       Minimal — just keeps content top-aligned and full width.
       The vdescrip- widget or any content drops straight in.
    ──────────────────────────────────────────────────────── */
    .vcontainer-item {
      display:        flex;
      flex-direction: column;
      min-width:      0;   /* prevents grid blowout with wide content */
    }

    /* ── Optional title above video ─────────────────────── */
    .vcontainer-item__title {
      font-size:     1rem;
      font-weight:   700;
      margin-bottom: 0.35rem;
      line-height:   1.3;
      color:         inherit;
    }

    /* ── Optional brief description above video ─────────── */
    .vcontainer-item__desc {
      font-size:     0.875rem;
      line-height:   1.6;
      margin-bottom: 0.6rem;
      color:         inherit;
      opacity:       0.75;
    }

    /* ── Single column override ─────────────────────────────
       Add vcontainer-grid--1 to force single column at any
       screen size — useful for full-width featured videos.
    ──────────────────────────────────────────────────────── */
    .vcontainer-grid.vcontainer-grid--1 {
      grid-template-columns: 1fr;
    }

    /* ── Span helpers ───────────────────────────────────────
       Make one item span all columns — e.g. a featured video
       at the top of a 2 or 3 col grid.
       Add vcontainer-item--full to the item.
    ──────────────────────────────────────────────────────── */
    @media (min-width: 640px) {
      .vcontainer-item--full { grid-column: 1 / -1; }
    }

   /* VIDEO DESCRIP and AUDIO */
    :root {
      --vdescrip-bg:   #ffffff;   /* change background here */
      --vdescrip-text: #215375;   /* change text color here */
    }

    /* Derived tokens — do not edit below this line */
    :root {
      --vdescrip-border:       color-mix(in srgb, var(--vdescrip-text) 18%, transparent);
      --vdescrip-btn-bg:       color-mix(in srgb, var(--vdescrip-text) 8%,  var(--vdescrip-bg));
      --vdescrip-btn-bg-hover: color-mix(in srgb, var(--vdescrip-text) 16%, var(--vdescrip-bg));
      --vdescrip-focus:        color-mix(in srgb, var(--vdescrip-text) 75%, transparent);
      --vdescrip-desc-bg:      color-mix(in srgb, var(--vdescrip-text) 3%,  var(--vdescrip-bg));
      --vdescrip-desc-border:  color-mix(in srgb, var(--vdescrip-text) 30%, transparent);
    }

    /* Screen reader only — visually hidden but read by assistive technology.
       Hardcoded here so it never depends on JS being loaded. */
    .vdescrip-sr-only {
      position:    absolute;
      width:       1px;
      height:      1px;
      padding:     0;
      margin:      -1px;
      overflow:    hidden;
      clip:        rect(0,0,0,0);
      white-space: nowrap;
      border:      0;
    }

    /* Wrapper */
    .vdescrip-wrapper {
      background:    var(--vdescrip-bg);
      color:         var(--vdescrip-text);
      border:        1px solid var(--vdescrip-border);
      border-radius: 8px;
      overflow:      hidden;
      font-family:   inherit;
      margin:        0 0 2rem;
    }

    /* Iframe region */
    .vdescrip-video-region {
      position: relative;
      width: 100%;
    }

    .vdescrip-video-region iframe {
      display:      block;
      width:        100%;
      aspect-ratio: 16 / 9;   /* default */
      border:       none;
    }

    /* Aspect ratio modifiers — add to the vdescrip-wrapper element */
    /* e.g. <div class="vdescrip-wrapper vdescrip-ratio-1x1">        */
    .vdescrip-ratio-1x1  .vdescrip-video-region iframe { aspect-ratio: 1 / 1; }
    .vdescrip-ratio-4x3  .vdescrip-video-region iframe { aspect-ratio: 4 / 3; }
    .vdescrip-ratio-16x9 .vdescrip-video-region iframe { aspect-ratio: 16 / 9; }
    .vdescrip-ratio-9x16 .vdescrip-video-region iframe { aspect-ratio: 9 / 16; }

    /* Accordion trigger row */
    .vdescrip-trigger-row {
      border-top: 1px solid var(--vdescrip-border);
      padding:    0;
    }

    .vdescrip-trigger {
      all:         unset;
      box-sizing:  border-box;
      display:     flex;
      align-items: center;
      justify-content: space-between;
      gap:         0.5rem;
      width:       100%;
      padding:     0.75rem 1rem;
      cursor:      pointer;
      background:  var(--vdescrip-btn-bg);
      color:       var(--vdescrip-text);
      font-size:   0.9rem;
      font-weight: 600;
      font-family: inherit;
      text-align:  left;
      transition:  background 0.15s;
    }

    .vdescrip-trigger:hover { background: var(--vdescrip-btn-bg-hover); }

    /* Visible focus ring — WCAG 2.4.11
       Using !important to prevent site stylesheets overriding this —
       focus visibility is a hard accessibility requirement. */
    .vdescrip-wrapper .vdescrip-trigger:focus-visible {
      outline:        3px solid var(--vdescrip-text) !important;
      outline-offset: 3px !important;
      background:     var(--vdescrip-btn-bg-hover) !important;
    }

    /* Fallback for browsers that don't support :focus-visible */
    .vdescrip-wrapper .vdescrip-trigger:focus {
      outline:        3px solid var(--vdescrip-text);
      outline-offset: 3px;
      background:     var(--vdescrip-btn-bg-hover);
    }
    .vdescrip-wrapper .vdescrip-trigger:focus:not(:focus-visible) {
      outline: none;
    }

    /* Animated chevron */
    .vdescrip-chevron {
      width:           20px;
      height:          20px;
      flex-shrink:     0;
      transition:      transform 0.25s ease;
      fill:            none;
      stroke:          currentColor;
      stroke-width:    2.5;
      stroke-linecap:  round;
      stroke-linejoin: round;
    }

    .vdescrip-trigger[aria-expanded="true"] .vdescrip-chevron {
      transform: rotate(180deg);
    }

    /* Accordion panel */
    .vdescrip-panel {
      overflow:   hidden;
      max-height: 0;
      transition: max-height 0.3s ease, visibility 0s 0.3s;
      visibility: hidden;
      border-top: 1px solid var(--vdescrip-border);
    }

    .vdescrip-panel.vdescrip-panel--open {
      max-height: 9999px;
      transition: max-height 0.4s ease, visibility 0s;
      visibility: visible;
    }

    .vdescrip-panel-inner {
      padding: 1.25rem 1rem;
    }

    /* Text description block */
    .vdescrip-text-desc {
      background:    var(--vdescrip-desc-bg);
      border:        1px solid var(--vdescrip-border);
      border-left:   3px solid var(--vdescrip-desc-border);
      border-radius: 4px;
      padding:       1rem 1.1rem;
      font-size:     0.9rem;
      line-height:   1.7;
      color:         var(--vdescrip-text);
    }

    .vdescrip-text-desc-heading {
      display:     block;
      font-size:   0.7rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      opacity:     0.55;
      margin-bottom: 0.6rem;
    }

    .vdescrip-text-desc p {
      margin: 0 0 0.6rem;
    }

    .vdescrip-text-desc p:last-child {
      margin-bottom: 0;
    }

    /* Audio description block */
    .vdescrip-audio-desc {
      margin-top:  1rem;
      padding-top: 1rem;
      border-top:  1px solid var(--vdescrip-border);
    }

    .vdescrip-audio-label {
      display:     block;
      font-size:   0.85rem;
      font-weight: 600;
      margin-bottom: 0.4rem;
      color:       var(--vdescrip-text);
    }

    .vdescrip-audio-player {
      display: block;
      width:   100%;
      margin-top: 0.4rem;
      accent-color: var(--vdescrip-text);
    }

    .vdescrip-wrapper .vdescrip-audio-player:focus-visible {
      outline:        3px solid var(--vdescrip-text) !important;
      outline-offset: 3px !important;
    }

    /* Reduced motion */
    @media (prefers-reduced-motion: reduce) {
      .vdescrip-chevron,
      .vdescrip-panel { transition: none; }
    }