/* Scoped Website 2.0 additions using the approved DCAA tokens. */
.website2-dropdown { position:relative; }
.website2-dropdown summary { cursor:pointer; list-style:none; }
.website2-dropdown summary::-webkit-details-marker { display:none; }
.website2-dropdown summary::after { content:" ▾"; font-size:.75em; }
.website2-dropdown__panel { position:absolute; top:100%; left:0; z-index:100; width:max-content; min-width:240px; max-width:min(340px,90vw); padding:.5rem; background:var(--color-bg-base,#fff); border:1px solid var(--color-border-subtle,#ddd); box-shadow:0 12px 28px rgba(0,26,46,.18); border-radius:var(--radius-sm,6px); }
.website2-dropdown__link { display:block; padding:.6rem .75rem; color:var(--color-text-primary,#001a2e); text-decoration:none; }
.website2-dropdown__link:hover,.website2-dropdown__link:focus-visible { background:var(--color-bg-subtle,#e3e9f2); text-decoration:underline; }
.website2-mobile-sub { padding-left:2rem; font-size:.92em; }
.website2-content { max-width:1060px; }
.website2-content > p,.website2-content > h2 { margin-bottom:1.25rem; }
.website2-content h2 { margin-top:2rem; }
.website2-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:var(--space-5,1.5rem); }
.website2-card { padding:var(--space-6,2rem); border:1px solid var(--color-border-subtle,#d9e1e8); background:var(--color-bg-base,#fff); border-radius:var(--radius-sm,6px); }
.website2-card h3 { margin:0 0 1rem; }
.website2-actions { display:flex; flex-wrap:wrap; gap:1rem; margin-top:2rem; }

/* Website 2.0 refinements follow the existing components and design tokens. */
.desktop-nav__list > li { display:flex; align-items:center; }
.website2-dropdown > details > summary { display:inline-flex; align-items:center; gap:.3rem; white-space:nowrap; }
.website2-dropdown > details > summary::after { content:"▾"; font-size:.75em; line-height:1; }
.website2-hero-gold { position:absolute; right:var(--space-6,2rem); top:50%; transform:translateY(-50%); width:clamp(110px,13vw,190px); height:auto; z-index:1; }
.hero-premium__container { position:relative; }
.website2-framework { margin:2rem 0 1rem; background:#fff; border:1px solid var(--color-border-subtle,#d9e1e8); }
.website2-framework .training-framework-feature__visual { background:#fff; }
.website2-framework .training-framework-feature__visual img { display:block; width:100%; height:auto; max-height:none; object-fit:contain; }
.website2-copyright { font-size:.85rem; }
.website2-card h2 { margin-top:0; font-size:clamp(1.2rem,2vw,1.5rem); }
.website2-card .btn { margin-top:1rem; }
.website2-support-grid { grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); }
.website2-availability { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:var(--space-6,2rem); }
.website2-availability img { display:block; width:100%; height:auto; border-radius:var(--radius-sm,6px); }
.website2-faq { display:grid; gap:.8rem; }
.website2-faq details { border:1px solid var(--color-border-subtle,#d9e1e8); border-radius:var(--radius-sm,6px); background:#fff; padding:1rem 1.3rem; }
.website2-faq summary { cursor:pointer; font-weight:600; }
.website2-faq details p { margin:1rem 0 0; }
.website2-events { display:grid; gap:var(--space-7,3rem); margin-top:2rem; }
.website2-event { border:1px solid var(--color-border-subtle,#d9e1e8); border-radius:var(--radius-sm,6px); overflow:hidden; }
.website2-event__intro { display:grid; grid-template-columns:1fr 1fr; align-items:center; }
.website2-event__cover { width:100%; height:auto; aspect-ratio:1080/761; object-fit:contain; display:block; }
.website2-event__text { padding:var(--space-6,2rem); }
.website2-event__text h2 { margin:1rem 0; }
.website2-event__photos { padding:var(--space-5,1.5rem); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-4,1rem); scroll-margin-top:6rem; }
.website2-event__photo { display:block; width:100%; padding:0; border:0; background:transparent; cursor:zoom-in; }
.website2-event__photo img { display:block; width:100%; height:auto; aspect-ratio:1080/761; object-fit:contain; }
.website2-event__photo:focus-visible { outline:3px solid var(--color-brand-accent-bright,#e6a532); outline-offset:3px; }
.website2-lightbox { position:fixed; inset:0; max-width:min(96vw,1200px); max-height:96vh; padding:1rem; border:0; border-radius:var(--radius-sm,6px); background:#fff; box-shadow:0 20px 60px #001a2e77; }
.website2-lightbox::backdrop { background:#001a2ed9; }
.website2-lightbox__close { display:block; margin:0 0 .75rem auto; }
.website2-lightbox__image { display:block; max-width:100%; max-height:calc(96vh - 8rem); width:auto; height:auto; margin:auto; object-fit:contain; }
.website2-lightbox__caption { text-align:center; margin:.75rem 0 0; }
@media(max-width:900px) {
  .website2-hero-gold { position:relative; right:auto; top:auto; transform:none; width:120px; margin:1rem 0; }
  .website2-event__intro,.website2-availability { grid-template-columns:1fr; }
}
@media(max-width:560px) { .website2-event__photos { grid-template-columns:1fr; } }

/* Targeted refinements using the existing DCAA type, colour and spacing tokens. */
.website2-content { font-size:var(--font-size-base); line-height:var(--line-height-relaxed); }
.website2-content [hidden] { display:none !important; }
.website2-content .curriculum-editorial { margin-top:var(--space-6,2rem); }
.website2-reasons { grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; }
.website2-reasons .website2-card { height:100%; display:flex; flex-direction:column; transition:transform .2s ease,box-shadow .2s ease; }
.website2-reasons .website2-card:hover { transform:translateY(-3px); box-shadow:0 12px 28px rgba(0,26,46,.12); }
.website2-reasons .website2-card h2 { min-height:3.4em; font-size:clamp(1.15rem,1.5vw,1.35rem); line-height:1.25; }
.website2-reasons .website2-card p { margin:0; font-size:var(--font-size-base); line-height:var(--line-height-relaxed); }
.website2-corporate-contact__inner { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,360px); align-items:center; gap:var(--space-7,3rem); padding:var(--space-7,3rem); background:var(--color-bg-base,#fff); border:1px solid var(--color-border-subtle,#d9e1e8); border-left:4px solid var(--color-brand-primary,#042c53); border-radius:var(--radius-sm,6px); }
.website2-corporate-contact h2 { margin:.7rem 0 1rem; }
.website2-corporate-contact p { margin:0; color:var(--color-text-secondary); }
.website2-corporate-contact__actions { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-3,1rem); }
.website2-corporate-contact__actions .btn { width:100%; min-height:3.25rem; display:inline-flex; justify-content:center; align-items:center; text-align:center; }
.website2-faq-layout { display:grid; grid-template-columns:230px minmax(0,1fr); gap:var(--space-6,2rem); align-items:start; margin-top:var(--space-6,2rem); }
.website2-faq-tabs { display:grid; gap:.5rem; }
.website2-faq-tab { text-align:left; font:inherit; font-weight:600; color:var(--color-text-primary); background:#fff; border:1px solid var(--color-border-subtle,#d9e1e8); border-radius:var(--radius-sm,6px); padding:.8rem 1rem; cursor:pointer; }
.website2-faq-tab:hover,.website2-faq-tab:focus-visible { border-color:var(--color-brand-primary,#042c53); }
.website2-faq-tab[aria-selected="true"] { background:var(--color-brand-primary,#042c53); border-color:var(--color-brand-primary,#042c53); color:#fff; }
.website2-faq-panel h2 { margin:0 0 1rem; }
.website2-faq-cta { margin-top:var(--space-7,3rem); padding:var(--space-6,2rem); background:var(--color-bg-subtle,#e3e9f2); border-radius:var(--radius-sm,6px); }
.website2-faq-cta h2 { margin:0 0 1rem; }
.website2-faq-cta p { margin-bottom:1.5rem; }
.website2-event__text .btn { margin-top:1rem; }
.website2-support-list { display:grid; gap:0; border-top:1px solid var(--color-border-subtle,#d9e1e8); margin-top:var(--space-6,2rem); }
.website2-support-list .website2-card { position:relative; display:grid; grid-template-columns:minmax(210px,.65fr) minmax(0,1.35fr); column-gap:var(--space-6,2rem); border:0; border-bottom:1px solid var(--color-border-subtle,#d9e1e8); border-radius:0; padding:var(--space-6,2rem) 0; background:transparent; }
.website2-support-list .website2-card h2 { grid-column:1; grid-row:1 / span 4; border-left:3px solid var(--color-brand-accent,#06acd9); padding-left:var(--space-4,1rem); margin:0; line-height:1.3; }
.website2-support-list .website2-card p,.website2-support-list .website2-card > a { grid-column:2; margin:0 0 1rem; }
.website2-support-list .website2-card > a.btn { justify-self:start; align-self:start; margin:.25rem 0 0; }
@media(max-width:1000px) { .website2-reasons { grid-template-columns:repeat(2,minmax(0,1fr)); } .website2-faq-layout { grid-template-columns:1fr; } .website2-faq-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .website2-reasons,.website2-corporate-contact__inner,.website2-support-list .website2-card { grid-template-columns:1fr; } .website2-reasons .website2-card h2 { min-height:0; } .website2-support-list .website2-card h2,.website2-support-list .website2-card p,.website2-support-list .website2-card > a { grid-column:1; grid-row:auto; } .website2-support-list .website2-card h2 { margin-bottom:1rem; } .website2-corporate-contact__inner { padding:var(--space-5,1.5rem); } }
@media(max-width:520px) { .website2-faq-tabs { grid-template-columns:1fr; } .website2-corporate-contact__actions { grid-template-columns:1fr 1fr; } }

/* Preserve the existing cyan active underline on dropdown parents. */
.website2-dropdown > details > summary::after { content:none; }
.website2-dropdown > details > summary.desktop-nav__link--active::after { content:""; position:absolute; bottom:-4px; left:0; width:100%; height:2px; background:var(--color-brand-cta); border-radius:var(--radius-full); }
.website2-dropdown__caret { font-size:.75em; line-height:1; margin-left:.3rem; }
.breadcrumbs { position:sticky; top:var(--sticky-header-height,var(--header-height)); z-index:999; }
html { scroll-padding-top:calc(var(--sticky-header-height,var(--header-height)) + var(--sticky-breadcrumb-height,0px) + 1rem); }
[id] { scroll-margin-top:calc(var(--sticky-header-height,var(--header-height)) + var(--sticky-breadcrumb-height,0px) + 1rem); }
.website2-reasons .website2-card { border-top:3px solid var(--color-brand-cta); }
.website2-bot__options { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:var(--space-5,1.5rem); }
.website2-bot__related { display:flex; flex-wrap:wrap; gap:var(--space-4,1rem); margin-top:var(--space-6,2rem); }
.website2-bot__related a { color:var(--color-brand-primary); font-weight:600; }
.website2-bot .recert-page__table-scroll { max-width:100%; margin:var(--space-5,1.5rem) 0; }
@media(max-width:700px) { .website2-bot__options { grid-template-columns:1fr; } }

/* Scoped DCAA Website 2.0 visual refinements. */
:root { --website2-navy:#001A2E; --website2-secondary:#042C53; --website2-cyan:#06ACD9; --website2-teal:#257F90; --website2-light-cyan:#64C0DB; --website2-icon-bg:#E3F5FA; --website2-rule:#E3E9F2; --website2-light:#F4F8FC; }
.website2-reasons .website2-card,.website2-methods .website2-card { border-top:3px solid var(--website2-cyan); }
.website2-methods { grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; }
.website2-methods .website2-card { display:flex; flex-direction:column; height:100%; }
.website2-methods__icon { width:48px; height:48px; display:inline-flex; align-items:center; justify-content:center; margin-bottom:var(--space-4); background:var(--website2-icon-bg); color:var(--website2-teal); border-radius:var(--radius-md); }
.website2-methods__icon svg { width:26px; height:26px; }
.website2-photo-hero { min-height:clamp(340px,36vw,420px); background-color:var(--website2-navy); background-size:cover; background-position:center right; }
.website2-photo-hero .page-hero__desc { max-width:65ch; color:#fff; }
.website2-photo-hero--learning-pathways { background-image:linear-gradient(90deg,#001A2E 0%,rgba(0,26,46,.94) 42%,rgba(0,26,46,.50) 100%),url('/images/hero-datacenter.jpg'); }
.website2-photo-hero--training-methods,.website2-photo-hero--why-epi-training,.website2-photo-hero--training-faq,.website2-photo-hero--learner-support { background-image:linear-gradient(90deg,#001A2E 0%,rgba(0,26,46,.94) 42%,rgba(0,26,46,.48) 100%),url('/images/training-workshop.jpg'); }
.website2-photo-hero--certification-support,.website2-photo-hero--bot,.website2-photo-hero--recertification { background-image:linear-gradient(90deg,#001A2E 0%,rgba(0,26,46,.94) 42%,rgba(0,26,46,.5) 100%),url('/images/recertification-study.jpg'); }
.website2-photo-hero--gallery { background-image:linear-gradient(90deg,#001A2E 0%,rgba(0,26,46,.94) 42%,rgba(0,26,46,.48) 100%),url('/images/gallery/cdcp-day1-group.jpg'); }
.website2-bot .recert-page__packages > .container > p:not(.recert-page__lead) { color:var(--website2-rule); }
.website2-bot .recert-page__packages h2 { color:#fff; }
@media(max-width:700px) { .website2-methods { grid-template-columns:1fr; } .website2-photo-hero { background-position:62% center; } }

/* Linked parent destinations with separate disclosure controls. */
.desktop-nav .website2-dropdown { position:relative; display:flex; align-items:center; gap:.15rem; }
.desktop-nav .website2-dropdown > details { position:static; }
.desktop-nav .website2-dropdown summary { display:flex; align-items:center; justify-content:center; min-width:25px; min-height:40px; padding:0; color:var(--color-text-inverse-muted); }
.desktop-nav .website2-dropdown summary:hover,.desktop-nav .website2-dropdown summary:focus-visible { color:#fff; }
.desktop-nav .website2-dropdown summary::after { content:none; }
.desktop-nav .website2-dropdown .website2-dropdown__caret { margin:0; }
.desktop-nav .website2-dropdown > .desktop-nav__link--active::after { background:var(--color-brand-cta); }
.website2-mobile-expand { display:block; width:100%; min-height:38px; border:1px solid var(--color-border-dark); border-radius:var(--radius-sm); background:transparent; color:var(--color-text-inverse); cursor:pointer; text-align:center; }
.website2-mobile-expand[aria-expanded="true"] { color:var(--website2-light-cyan); }
.website2-mobile-group { display:grid; gap:var(--space-2); }
.website2-mobile-group[hidden] { display:none; }

/* Inner-page heroes retain the existing DCAA layout with image treatment chosen by photograph. */
.page-hero.dcaa-photo-hero { position:relative; min-height:clamp(420px,37vw,520px); background:#001A2E; background-image:none; isolation:isolate; display:flex; align-items:center; }
.dcaa-photo-hero::before { content:""; position:absolute; inset:0 0 0 auto; width:64%; background-image:var(--dcaa-hero-image,url('/images/hero-datacenter.jpg')); background-size:cover; background-repeat:no-repeat; background-position:center right; -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 48%); mask-image:linear-gradient(90deg,transparent 0%,#000 48%); z-index:0; }
.dcaa-photo-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#001A2E 0%,rgba(0,26,46,.96) 35%,rgba(0,26,46,.42) 67%,rgba(0,26,46,.08) 100%); z-index:1; }
.dcaa-photo-hero .page-hero__container { position:relative; z-index:2; }
.dcaa-photo-hero .page-hero__title,.dcaa-photo-hero .page-hero__desc { color:#fff; }
.dcaa-photo-hero .page-hero__desc { max-width:62ch; }
/* Light photographs keep their original brightness in a smaller, fully visible frame. */
.dcaa-photo-hero--gallery::before,.dcaa-photo-hero--learner-support::before { inset:9% 4% 9% auto; width:min(39vw,530px); background-size:contain; background-position:center; -webkit-mask-image:none; mask-image:none; }
.dcaa-photo-hero--gallery::after,.dcaa-photo-hero--learner-support::after { display:none; }
.dcaa-photo-hero--gallery .page-hero__title,.dcaa-photo-hero--learner-support .page-hero__title,.dcaa-photo-hero--gallery .page-hero__desc,.dcaa-photo-hero--learner-support .page-hero__desc { max-width:min(54%,640px); }
.dcaa-photo-hero--training { --dcaa-hero-image:url('/images/heroes/collaborative_team_in_blue_data_center.jpg'); }
.dcaa-photo-hero--directory { --dcaa-hero-image:url('/images/heroes/data-centre-learning-team.jpg'); }
.dcaa-photo-hero--learning-pathways { --dcaa-hero-image:url('/images/heroes/data-centre-pathway-professional.jpg'); }
.dcaa-photo-hero--training-methods { --dcaa-hero-image:url('/images/heroes/high_tech_data_center_planning_session.jpg'); }
.dcaa-photo-hero--why-epi-training { --dcaa-hero-image:url('/images/training-workshop.jpg'); }
.dcaa-photo-hero--corporate { --dcaa-hero-image:url('/images/heroes/collaborative-data-centre-team.jpg'); }
.dcaa-photo-hero--certification-support { --dcaa-hero-image:url('/images/heroes/it-technician-blue-data-centre.jpg'); }
.dcaa-photo-hero--recertification { --dcaa-hero-image:url('/images/heroes/it_professional_in_a_blue_lit_data_center.jpg'); }
.dcaa-photo-hero--bot { --dcaa-hero-image:url('/images/heroes/focused-technician-blue-data-centre.jpg'); }
.dcaa-photo-hero--audit { --dcaa-hero-image:url('/images/heroes/modern-data-centre-campus.jpg'); }
.dcaa-photo-hero--gallery { --dcaa-hero-image:url('/images/gallery/sales-launch-group.jpg'); }
.dcaa-photo-hero--insights { --dcaa-hero-image:url('/images/audit-facility.jpg'); }
.dcaa-photo-hero--contact { --dcaa-hero-image:url('/images/heroes/cinematic_it_support_specialist_at_work.jpg'); }
.dcaa-photo-hero--training-faq { --dcaa-hero-image:url('/images/heroes/dcaa-cdcp-ilt-real-classroom.jpg'); }
.dcaa-photo-hero--learner-support { --dcaa-hero-image:url('/images/gallery/cdcp-day2-training.jpg'); }
.dcaa-photo-hero--about { --dcaa-hero-image:url('/images/heroes/dcaa-engagement-team.jpg'); }
.dcaa-photo-hero--articles { --dcaa-hero-image:url('/images/heroes/philippines-digital-infrastructure.jpg'); }
.dcaa-photo-hero--legal { --dcaa-hero-image:url('/images/hero-datacenter.jpg'); }
.website2-landing-grid { grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:var(--space-6); }
.website2-landing-grid .website2-card { display:flex; flex-direction:column; border-top:3px solid var(--website2-cyan); }
.website2-landing-grid .website2-card p { flex:1; }
.website2-landing-grid .website2-card .btn { align-self:start; }
.website2-landing-grid--two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.website2-landing-card { padding:0; overflow:hidden; }
.website2-landing-card img { display:block; width:100%; height:230px; object-fit:contain; background:var(--website2-light); }
.website2-landing-card > div { display:flex; flex:1; flex-direction:column; padding:var(--space-6); }
@media(max-width:900px) {
 .website2-landing-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .page-hero.dcaa-photo-hero { min-height:460px; }
 .dcaa-photo-hero::before { width:70%; }
 .page-hero.dcaa-photo-hero:is(.dcaa-photo-hero--gallery,.dcaa-photo-hero--learner-support) { min-height:580px; padding-bottom:260px; align-items:flex-start; }
 .dcaa-photo-hero:is(.dcaa-photo-hero--gallery,.dcaa-photo-hero--learner-support)::before { inset:auto 5% 25px auto; width:65%; height:215px; background-size:contain; }
 .dcaa-photo-hero:is(.dcaa-photo-hero--gallery,.dcaa-photo-hero--learner-support) .page-hero__title,.dcaa-photo-hero:is(.dcaa-photo-hero--gallery,.dcaa-photo-hero--learner-support) .page-hero__desc { max-width:100%; }
}
@media(max-width:650px) {
 .website2-landing-grid { grid-template-columns:1fr; }
 .page-hero.dcaa-photo-hero { min-height:450px; }
 .dcaa-photo-hero::before { inset:auto 0 0; width:100%; height:55%; background-position:center; -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 60%); mask-image:linear-gradient(180deg,transparent 0%,#000 60%); }
 .dcaa-photo-hero::after { background:linear-gradient(180deg,#001A2E 0%,rgba(0,26,46,.96) 45%,rgba(0,26,46,.7) 100%); }
 .page-hero.dcaa-photo-hero:is(.dcaa-photo-hero--gallery,.dcaa-photo-hero--learner-support) { min-height:0; padding-bottom:220px; }
 .dcaa-photo-hero:is(.dcaa-photo-hero--gallery,.dcaa-photo-hero--learner-support)::before { inset:auto 5% 22px; width:90%; height:175px; background-size:contain; background-position:center; -webkit-mask-image:none; mask-image:none; opacity:1; }
 .website2-landing-card img { height:210px; }
}

/* Final hero positioning leaves room above subjects without changing the shared hero. */
.dcaa-photo-hero--bot::before { background-image:var(--dcaa-hero-image); background-size:cover; background-position:center right; }
.dcaa-photo-hero--directory::after { background:linear-gradient(90deg,#001A2E 0%,rgba(0,26,46,.96) 35%,rgba(0,26,46,.3) 67%,rgba(0,26,46,0) 100%); }
.website2-gallery-social { margin-top:var(--space-7,3rem); padding:var(--space-6,2rem); border:1px solid var(--color-border-subtle,#d9e1e8); border-left:3px solid var(--website2-cyan); border-radius:var(--radius-sm,6px); background:var(--website2-light); }
.website2-gallery-social h2 { margin:0 0 .75rem; }
.website2-gallery-social p { margin:0 0 1.25rem; }
.website2-gallery-social .btn { display:inline-flex; align-items:center; gap:.65rem; }
.website2-gallery-social .btn svg { width:19px; height:19px; flex:none; }
@media(max-width:650px) { .dcaa-photo-hero--bot::before { inset:0; width:100%; height:100%; background-size:cover; background-position:35% center; -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.25) 0%,#000 55%); mask-image:linear-gradient(180deg,rgba(0,0,0,.25) 0%,#000 55%); } }

@media(max-width:650px) { .dcaa-photo-hero--corporate::after { background:linear-gradient(180deg,#001A2E 0%,rgba(0,26,46,.96) 43%,rgba(0,26,46,.18) 100%); } }

@media(max-width:650px) { .page-hero.dcaa-photo-hero--corporate { min-height:530px; } .dcaa-photo-hero--corporate::before { height:52%; background-position:right center; } }

/* Approved enhanced hero assignments: preserve the supplied landscape composition. */
.dcaa-photo-hero:is(.dcaa-photo-hero--about,.dcaa-photo-hero--directory,.dcaa-photo-hero--learning-pathways,.dcaa-photo-hero--training-faq)::before { width:100%; background-image:var(--dcaa-hero-image); background-size:auto 100%; background-position:right center; -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 48%); mask-image:linear-gradient(90deg,transparent 0%,#000 48%); }
.dcaa-photo-hero:is(.dcaa-photo-hero--about,.dcaa-photo-hero--directory,.dcaa-photo-hero--learning-pathways,.dcaa-photo-hero--training-faq)::after { background:linear-gradient(90deg,#001A2E 0%,rgba(0,26,46,.94) 32%,rgba(0,26,46,.18) 60%,rgba(0,26,46,0) 82%); }
.dcaa-photo-hero:is(.dcaa-photo-hero--training-methods,.dcaa-photo-hero--why-epi-training)::before { filter:brightness(1.08); }
.dcaa-photo-hero:is(.dcaa-photo-hero--training-methods,.dcaa-photo-hero--why-epi-training)::after { background:linear-gradient(90deg,#001A2E 0%,rgba(0,26,46,.96) 35%,rgba(0,26,46,.25) 67%,rgba(0,26,46,0) 100%); }
@media(max-width:650px) {
 .dcaa-photo-hero:is(.dcaa-photo-hero--about,.dcaa-photo-hero--directory,.dcaa-photo-hero--learning-pathways,.dcaa-photo-hero--training-faq)::before { height:60%; background-size:auto 100%; background-position:right bottom; -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 42%); mask-image:linear-gradient(180deg,transparent 0%,#000 42%); }
 .dcaa-photo-hero:is(.dcaa-photo-hero--about,.dcaa-photo-hero--directory,.dcaa-photo-hero--learning-pathways,.dcaa-photo-hero--training-faq,.dcaa-photo-hero--training-methods,.dcaa-photo-hero--why-epi-training)::after { background:linear-gradient(180deg,#001A2E 0%,rgba(0,26,46,.96) 43%,rgba(0,26,46,.18) 100%); }
}

/* Keep replacement subjects clear of the established left text area. */
@media(min-width:651px) {
 .dcaa-photo-hero:is(.dcaa-photo-hero--about,.dcaa-photo-hero--directory,.dcaa-photo-hero--learning-pathways,.dcaa-photo-hero--training-faq) .page-hero__title,
 .dcaa-photo-hero:is(.dcaa-photo-hero--about,.dcaa-photo-hero--directory,.dcaa-photo-hero--learning-pathways,.dcaa-photo-hero--training-faq) .page-hero__desc { max-width:min(50%,620px); }
}
@media(max-width:650px) {
 .page-hero.dcaa-photo-hero:is(.dcaa-photo-hero--about,.dcaa-photo-hero--directory,.dcaa-photo-hero--learning-pathways,.dcaa-photo-hero--training-faq) { align-items:flex-start; padding-top:var(--space-6,2rem); }
 .dcaa-photo-hero:is(.dcaa-photo-hero--about,.dcaa-photo-hero--directory)::before { height:35%; }
 .dcaa-photo-hero:is(.dcaa-photo-hero--learning-pathways,.dcaa-photo-hero--training-faq)::before { height:50%; }
 .dcaa-photo-hero:is(.dcaa-photo-hero--about,.dcaa-photo-hero--directory,.dcaa-photo-hero--learning-pathways,.dcaa-photo-hero--training-faq)::before { -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 15%); mask-image:linear-gradient(180deg,transparent 0%,#000 15%); }
 .dcaa-photo-hero:is(.dcaa-photo-hero--about,.dcaa-photo-hero--directory,.dcaa-photo-hero--learning-pathways,.dcaa-photo-hero--training-faq)::after { background:linear-gradient(180deg,#001A2E 0%,rgba(0,26,46,.96) 43%,rgba(0,26,46,.15) 65%,rgba(0,26,46,0) 100%); }
}

/* Three-page correction: real ILT photography, Philippine editorial visual and audit inspection. */
.dcaa-photo-hero:is(.dcaa-photo-hero--audit,.dcaa-photo-hero--articles)::before { inset:0; width:100%; height:100%; background-size:auto 100%; background-position:right center; -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 48%); mask-image:linear-gradient(90deg,transparent 0%,#000 48%); }
.dcaa-photo-hero:is(.dcaa-photo-hero--audit,.dcaa-photo-hero--articles)::after { display:block; background:linear-gradient(90deg,#001A2E 0%,rgba(0,26,46,.94) 32%,rgba(0,26,46,.14) 60%,rgba(0,26,46,0) 82%); }
@media(min-width:651px) {
 .dcaa-photo-hero:is(.dcaa-photo-hero--audit,.dcaa-photo-hero--articles) .page-hero__title,
 .dcaa-photo-hero:is(.dcaa-photo-hero--audit,.dcaa-photo-hero--articles) .page-hero__desc { max-width:min(50%,620px); }
}
@media(max-width:650px) {
 .page-hero.dcaa-photo-hero:is(.dcaa-photo-hero--audit,.dcaa-photo-hero--articles) { align-items:flex-start; padding-top:var(--space-6,2rem); }
 .dcaa-photo-hero:is(.dcaa-photo-hero--audit,.dcaa-photo-hero--articles,.dcaa-photo-hero--training-faq)::before { inset:auto 0 0; width:100%; height:45%; background-size:contain; background-position:right bottom; -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 12%); mask-image:linear-gradient(180deg,transparent 0%,#000 12%); }
 .dcaa-photo-hero:is(.dcaa-photo-hero--audit,.dcaa-photo-hero--articles,.dcaa-photo-hero--training-faq)::after { background:linear-gradient(180deg,#001A2E 0%,rgba(0,26,46,.96) 43%,rgba(0,26,46,.1) 65%,rgba(0,26,46,0) 100%); }
}

/* Fade from the real classroom photograph's own edge, rather than the viewport edge. */
.dcaa-photo-hero--training-faq::before { width:min(100%,calc(clamp(420px,37vw,520px) * 1080 / 761)); background-size:100% 100%; -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%); mask-image:linear-gradient(90deg,transparent 0%,#000 30%); }
@media(min-width:651px) and (max-width:900px) { .dcaa-photo-hero--training-faq::before { width:calc(460px * 1080 / 761); } }
@media(max-width:650px) { .dcaa-photo-hero--training-faq::before { width:100%; height:55%; background-size:cover; background-position:center bottom; -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%); mask-image:linear-gradient(180deg,transparent 0%,#000 18%); } }

/* Approved Insights and Audit-only blend correction. */
.dcaa-photo-hero--articles::before { inset:0 0 0 auto; width:min(100%,calc(clamp(420px,37vw,520px) * 1672 / 941)); background-size:auto 100%; background-position:right center; -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%); mask-image:linear-gradient(90deg,transparent 0%,#000 22%); }
.dcaa-photo-hero--articles::after { background:linear-gradient(90deg,#001A2E 0%,rgba(0,26,46,.96) 28%,rgba(0,26,46,.16) 52%,rgba(0,26,46,0) 66%); }
.dcaa-photo-hero--audit::before { inset:0 0 0 auto; width:60%; height:100%; background-size:cover; background-position:right bottom; -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%); mask-image:linear-gradient(90deg,transparent 0%,#000 22%); }
.dcaa-photo-hero--audit::after { background:linear-gradient(90deg,#001A2E 0%,rgba(0,26,46,.96) 32%,rgba(0,26,46,.28) 48%,rgba(0,26,46,0) 65%); }
@media(min-width:651px) and (max-width:900px) { .dcaa-photo-hero--articles::before { width:100%; } }
@media(max-width:650px) {
 .dcaa-photo-hero:is(.dcaa-photo-hero--articles,.dcaa-photo-hero--audit)::before { inset:auto 0 0; width:100%; height:45%; -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 16%); mask-image:linear-gradient(180deg,transparent 0%,#000 16%); }
 .dcaa-photo-hero--articles::before { background-size:contain; background-position:right bottom; }
 .dcaa-photo-hero--audit::before { background-size:cover; background-position:right bottom; }
 .dcaa-photo-hero:is(.dcaa-photo-hero--articles,.dcaa-photo-hero--audit)::after { background:linear-gradient(180deg,#001A2E 0%,rgba(0,26,46,.96) 43%,rgba(0,26,46,.1) 65%,rgba(0,26,46,0) 100%); }
}

@media(max-width:650px) { .dcaa-photo-hero.dcaa-photo-hero--articles::before { height:50%; background-size:cover; background-position:right bottom; } }

@media(max-width:650px) { .dcaa-photo-hero.dcaa-photo-hero--audit::before { background-size:cover; background-position:right bottom; } }

/* Supplied colour-balanced hero revisions retain the shared layout and Contact benchmark. */
.dcaa-photo-hero:is(.dcaa-photo-hero--training-methods,.dcaa-photo-hero--why-epi-training)::before { filter:brightness(1.12); }
.dcaa-photo-hero--training-faq::before { filter:brightness(.94) saturate(.94); }
.dcaa-photo-hero--training-faq::after { background:linear-gradient(90deg,#001A2E 0%,rgba(0,26,46,.94) 32%,rgba(0,26,46,.18) 60%,rgba(0,26,46,.10) 100%); }
@media(min-width:651px) {
 .dcaa-photo-hero:is(.dcaa-photo-hero--about,.dcaa-photo-hero--directory,.dcaa-photo-hero--learning-pathways,.dcaa-photo-hero--articles,.dcaa-photo-hero--audit)::before { inset:0 0 0 auto; width:min(100%,calc(clamp(420px,37vw,520px) * 1916 / 821)); height:100%; background-size:auto 100%; background-position:right center; -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28%); mask-image:linear-gradient(90deg,transparent 0%,#000 28%); }
 .dcaa-photo-hero:is(.dcaa-photo-hero--about,.dcaa-photo-hero--directory,.dcaa-photo-hero--learning-pathways,.dcaa-photo-hero--articles,.dcaa-photo-hero--audit)::after { background:linear-gradient(90deg,#001A2E 0%,rgba(0,26,46,.96) 28%,rgba(0,26,46,.18) 52%,rgba(0,26,46,.06) 72%,rgba(0,26,46,0) 100%); }
}
@media(max-width:650px) {
 .dcaa-photo-hero:is(.dcaa-photo-hero--about,.dcaa-photo-hero--directory,.dcaa-photo-hero--learning-pathways,.dcaa-photo-hero--articles,.dcaa-photo-hero--audit)::before { inset:auto 0 0; width:100%; height:50%; background-size:cover; background-position:right bottom; -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%); mask-image:linear-gradient(180deg,transparent 0%,#000 18%); }
 .dcaa-photo-hero:is(.dcaa-photo-hero--about,.dcaa-photo-hero--directory)::before { height:45%; }
 .dcaa-photo-hero:is(.dcaa-photo-hero--about,.dcaa-photo-hero--directory,.dcaa-photo-hero--learning-pathways,.dcaa-photo-hero--articles,.dcaa-photo-hero--audit,.dcaa-photo-hero--training-faq)::after { background:linear-gradient(180deg,#001A2E 0%,rgba(0,26,46,.96) 43%,rgba(0,26,46,.12) 68%,rgba(0,26,46,.04) 100%); }
}

/* Restore the approved header and use a text row followed by an image row on phones. */
.dcaa-mobile-hero-media { display:none; }
@media (max-width:767px) {
 :root { --header-height:114px; }
 .site-header { height:var(--header-height); }
 .site-brand__official-logo { width:clamp(200px,calc(51vw + 20px),230px); max-width:100%; height:auto; aspect-ratio:840 / 250; object-fit:fill; }
 .mobile-nav-toggle { min-width:44px; min-height:44px; }
 .website2-mobile-parent { display:flex; align-items:center; gap:4px; }
 .website2-mobile-parent > .mobile-drawer__link { flex:1; min-width:0; }
 .website2-mobile-parent > .website2-mobile-expand { flex:0 0 44px; width:44px; min-height:44px; padding:0; border:0; border-radius:0; background:transparent; font-size:14px; line-height:1; }
 .website2-mobile-expand:focus-visible { outline:2px solid var(--website2-light-cyan); outline-offset:2px; }
 .hero-premium .website2-hero-gold { position:static; transform:none; display:block; width:115px; height:auto; margin:0 auto 20px; }
 .page-hero.dcaa-photo-hero:is([class]) { display:block; height:auto; min-height:0; padding:0; background:#001A2E; }
 .dcaa-photo-hero .page-hero__container { padding-top:24px; padding-bottom:28px; }
 .page-hero.dcaa-photo-hero .page-hero__title { font-size:clamp(1.625rem,7vw,2rem); line-height:1.2; max-width:100%; margin-bottom:14px; }
 .page-hero.dcaa-photo-hero .page-hero__desc { font-size:.9375rem; line-height:1.45; max-width:100%; }
 .page-hero.dcaa-photo-hero .page-hero__badge { margin-bottom:12px; }
 .page-hero.dcaa-photo-hero .page-hero__grid-pattern { display:none; }
 .page-hero.dcaa-photo-hero::before { display:none; }
 /* The same two rows remain usable if JavaScript is unavailable. */
 .page-hero.dcaa-photo-hero::after { content:""; display:block; position:relative; inset:auto; width:100%; height:clamp(220px,62vw,480px); background-image:var(--dcaa-hero-image); background-size:cover; background-position:center; box-shadow:inset 0 0 0 1000px rgba(0,26,46,.25); -webkit-mask-image:none; mask-image:none; filter:none; }
 .page-hero.dcaa-photo-hero.dcaa-photo-hero--mobile-ready::after { display:none; }
 .dcaa-photo-hero .dcaa-mobile-hero-media { display:block; position:relative; width:100%; height:clamp(220px,62vw,480px); overflow:hidden; }
 .dcaa-mobile-hero-media img { position:absolute; display:block; max-width:none; width:100%; height:100%; object-fit:cover; object-position:center; }
 .dcaa-mobile-hero-media::after { content:""; position:absolute; inset:0; background:#001A2E; opacity:.25; pointer-events:none; }
 /* Frame the photographic content, excluding space reserved for desktop headings. */
 .dcaa-photo-hero--about { --dcaa-mobile-crop-left:.40; --dcaa-mobile-focal-y:.12; }
 .dcaa-photo-hero--directory { --dcaa-mobile-crop-left:.32; --dcaa-mobile-focal-y:.10; }
 .dcaa-photo-hero--learning-pathways { --dcaa-mobile-crop-left:.38; --dcaa-mobile-focal-y:.18; }
 .dcaa-photo-hero--training { --dcaa-mobile-crop-left:.30; --dcaa-mobile-focal-y:.35; }
 .dcaa-photo-hero--training-methods { --dcaa-mobile-crop-left:.32; --dcaa-mobile-focal-y:.12; }
 .dcaa-photo-hero--why-epi-training { --dcaa-mobile-crop-left:.35; --dcaa-mobile-focal-y:.12; }
 .dcaa-photo-hero--corporate { --dcaa-mobile-crop-left:.35; --dcaa-mobile-focal-y:.08; }
 .dcaa-photo-hero--certification-support { --dcaa-mobile-crop-left:.16; --dcaa-mobile-crop-right:.04; --dcaa-mobile-focal-y:.08; }
 .dcaa-photo-hero--recertification { --dcaa-mobile-crop-left:.38; --dcaa-mobile-focal-y:.08; }
 .dcaa-photo-hero--bot { --dcaa-mobile-crop-left:.12; --dcaa-mobile-crop-right:.12; --dcaa-mobile-focal-y:.08; }
 .dcaa-photo-hero--articles { --dcaa-mobile-crop-left:.34; --dcaa-mobile-focal-y:.50; }
 .dcaa-photo-hero--audit { --dcaa-mobile-crop-left:.42; --dcaa-mobile-focal-y:.75; }
 .dcaa-photo-hero--contact { --dcaa-mobile-crop-left:.40; --dcaa-mobile-focal-y:.08; }
 .dcaa-photo-hero--training-faq,.dcaa-photo-hero--learner-support { --dcaa-mobile-focal-y:.35; }
 .dcaa-photo-hero--gallery { --dcaa-mobile-focal-y:.65; }
 .page-hero .recert-page__hero-support { font-size:.9375rem; line-height:1.45; margin-top:8px; }
 .page-hero .recert-page__actions { margin-top:16px; gap:8px; }
 .page-hero .recert-page__actions .btn { min-height:44px; padding:10px 14px; }
 .page-hero .insight-article__byline { margin-top:12px; }
}


/* Persistent official partner mark inside the existing sticky header. */
.site-header__gold-badge { display:block; height:50px; width:auto; aspect-ratio:729 / 887; object-fit:contain; flex:0 0 auto; }
@media (max-width:767px) {
 .site-header__gold-badge { height:48px; }
}
@media (max-width:359px) {
 .site-header__gold-badge { height:42px; }
 .site-header__container { padding-left:16px; padding-right:16px; }
 .site-header__actions { gap:6px; }
}

/* Scoped Insights category navigation: retain geometry and existing card language. */
.insights-category-nav > .website2-card {
  border-top:3px solid var(--website2-cyan);
  padding-top:calc(var(--space-6,2rem) - 2px);
  transition:transform .2s ease,box-shadow .2s ease;
}
@media (hover:hover) and (pointer:fine) {
  .insights-category-nav > .website2-card:hover {
    transform:translateY(-3px);
    box-shadow:0 12px 28px rgba(0,26,46,.12);
  }
}
.insights-category-nav > .website2-card:focus-visible {
  outline:3px solid var(--website2-cyan);
  outline-offset:3px;
  box-shadow:0 12px 28px rgba(0,26,46,.12);
}
@media (prefers-reduced-motion:reduce) {
  .insights-category-nav > .website2-card { transition:none; }
  .insights-category-nav > .website2-card:hover { transform:none; }
}