/* DBIM home page */

/* Sections */
@media (min-width: 1200px) { .dbim-home .dbim-container { max-width: var(--dbim-wide); } }
/* shared section styles are in dbim-chrome.css */
/* tighter band spacing on the home page */
.dbim-home { --dbim-section-pad: var(--dbim-space-6); }
@media (max-width: 767.98px) { .dbim-home { --dbim-section-pad: var(--dbim-space-5); } }
.dbim-home > .dbim-section--alt + .dbim-section--alt { padding-top: 0; }
.dbim-section--alt { background: var(--dbim-surface-alt); }
.dbim-section--tight { padding: var(--dbim-space-5) 0; }
.dbim-section__title { color: var(--dbim-heading-accent); font-size: var(--dbim-size-h2); margin: 0 0 var(--dbim-space-5); }
/* section icon */
.dbim-section__title:has(> .dbim-section__icon), .dbim-newsdesk__title:has(> .dbim-section__icon) { display: flex; align-items: center; gap: var(--dbim-space-3); }
.dbim-section__icon { width: 3rem; height: 3rem; flex: none; }
@media (max-width: 767.98px) { .dbim-section__icon { width: 2rem; height: 2rem; } }
/* white areas of an icon take the band colour */
.dbim-newsdesk, .dbim-media, .dbim-social { --dbim-icon-knock: var(--dbim-band); }
.dbim-section__more { margin: var(--dbim-space-4) 0 0; }
.dbim-columns-2, .dbim-columns-3 { display: grid; gap: var(--dbim-space-6); }
@media (min-width: 768px) { .dbim-columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 992px) { .dbim-columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Banner */
/* pictures cover the band, cropped at the edges, never stretched */
.dbim-home { --dbim-stage-h: clamp(16rem, 62vw, 30rem); }
@media (min-width: 992px) { .dbim-home { --dbim-stage-h: clamp(22rem, 35.4vw, 47.5rem); } }
.dbim-hero {
  --dbim-hero-control: color-mix(in srgb, var(--dbim-black) 72%, transparent);
  position: relative; height: var(--dbim-stage-h); overflow: hidden; background: var(--dbim-band);
}
.dbim-hero__track { list-style: none; margin: 0; padding: 0; height: 100%; }
.dbim-hero__slide { display: none; }
.dbim-hero__slide.is-active { display: block; height: 100%; }
.dbim-hero__slide img, .dbim-hero__link { display: block; width: 100%; height: 100%; }
.dbim-hero__slide img { object-fit: cover; object-position: center; }
.dbim-hero__link:focus-visible { outline-color: var(--dbim-focus-on-dark); outline-offset: -4px; }
/* missing slides are skipped (dbim-widgets.js) */
.dbim-hero__slide img { color: var(--dbim-text-on-band); font-size: var(--dbim-size-p1); }
.dbim-hero img[data-dbim-missing] { background-color: var(--dbim-band); outline: 0; }
.dbim-hero .dbim-missing__text, .dbim-hero a .dbim-missing__text { color: var(--dbim-text-on-band); font-size: var(--dbim-size-h3); font-weight: var(--dbim-weight-semibold); padding: 0 4.5rem; }
.dbim-hero__empty { display: none; }
.dbim-hero__name { margin: 0; padding: var(--dbim-space-4) 0; font-size: var(--dbim-size-h3); font-weight: var(--dbim-weight-semibold); line-height: var(--dbim-leading-heading); color: var(--dbim-text-on-band); }
.dbim-hero.is-empty { height: auto; }
.dbim-hero.is-empty .dbim-hero__track, .dbim-hero.is-empty .dbim-hero__controls,
.dbim-hero.is-single .dbim-hero__controls { display: none; }
.dbim-hero.is-empty .dbim-hero__empty { display: block; }
.dbim-home > h1 + .dbim-explore, .dbim-hero.is-empty + .dbim-explore { background: var(--dbim-surface-alt); }
.dbim-home > h1 + .dbim-explore li, .dbim-hero.is-empty + .dbim-explore li { border-color: var(--dbim-grey-1); }
/* no script: first picture only, no controls */
html:not(.dbim-js) .dbim-hero__controls { display: none; }
.dbim-section--alt img[data-dbim-missing] { background-color: var(--dbim-surface); }
/* images hidden: show each slide's description */
html[data-dbim-images="off"] .dbim-hero__slide.is-active .dbim-hero__alt {
  display: block; min-height: 9rem; padding: var(--dbim-space-6) 0; font-size: var(--dbim-size-h3); font-weight: var(--dbim-weight-semibold);
  line-height: var(--dbim-leading-heading); color: var(--dbim-text-on-band);
}
/* controls over the picture; clicks pass through to the slide link */
.dbim-hero__controls { position: absolute; inset: 0; pointer-events: none; }
.dbim-hero__arrow, .dbim-hero__pause, .dbim-hero__dots { pointer-events: auto; }
.dbim-hero__arrow, .dbim-hero__pause {
  display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; padding: 0;
  color: var(--dbim-text-on-band); background: var(--dbim-hero-control); border: 1px solid var(--dbim-text-on-band); border-radius: var(--dbim-radius-control); cursor: pointer;
}
.dbim-hero__arrow { position: absolute; top: 50%; transform: translateY(-50%); }
.dbim-hero__arrow--prev { left: var(--dbim-space-3); }
.dbim-hero__arrow--next { right: var(--dbim-space-3); }
.dbim-hero__arrow:hover, .dbim-hero__pause:hover { background: var(--dbim-black); }
.dbim-hero__arrow:focus-visible, .dbim-hero__pause:focus-visible, .dbim-hero__dot:focus-visible {
  outline: 3px solid var(--dbim-focus-on-dark); outline-offset: 0; box-shadow: 0 0 0 6px var(--dbim-black);
}
.dbim-hero__tools { position: absolute; right: var(--dbim-space-3); bottom: var(--dbim-space-3); display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: var(--dbim-space-2); max-width: calc(100% - 2 * var(--dbim-space-3)); }
.dbim-hero__dots { display: flex; align-items: center; padding: 0 var(--dbim-space-2); background: var(--dbim-hero-control); border: 1px solid var(--dbim-text-on-band); border-radius: var(--dbim-radius-control); }
/* 12 px dot in a larger hit area */
.dbim-hero__dot { display: inline-flex; align-items: center; justify-content: center; width: 1.5rem; height: 2.625rem; padding: 0; background: transparent; border: 0; cursor: pointer; }
.dbim-hero__dot-mark { display: block; width: 0.75rem; height: 0.75rem; border: 2px solid var(--dbim-text-on-band); border-radius: 50%; box-sizing: border-box; }
.dbim-hero__dot.is-active .dbim-hero__dot-mark { background: var(--dbim-text-on-band); }
.dbim-hero__dot[hidden] { display: none; }
.dbim-hero__pause .dbim-hero__pause-icon, .dbim-hero.is-playing .dbim-hero__pause .dbim-hero__play-icon { display: none; }
.dbim-hero.is-playing .dbim-hero__pause .dbim-hero__pause-icon { display: block; }
@media (prefers-reduced-motion: no-preference) { .dbim-hero__arrow, .dbim-hero__pause { transition: background-color 0.15s; } }
/* 3:1 banner, small controls on light backings */
.dbim-hero { height: auto; aspect-ratio: 3 / 1; max-height: 40rem; }
.dbim-hero.is-empty { aspect-ratio: auto; }
.dbim-hero__arrow {
  width: 2.25rem; height: 2.25rem; color: var(--dbim-blue-1); border: 0; border-radius: 50%;
  background: color-mix(in srgb, var(--dbim-white) 70%, transparent);
}
.dbim-hero__arrow:hover { background: var(--dbim-white); }
.dbim-hero__arrow .dbim-icon { width: 1.25rem; height: 1.25rem; }
.dbim-hero__tools {
  right: var(--dbim-space-4); bottom: var(--dbim-space-3); gap: 0; flex-wrap: nowrap; padding: 0 var(--dbim-space-1);
  background: color-mix(in srgb, var(--dbim-blue-5) 92%, transparent); border-radius: 0.5rem; max-width: calc(100% - 2 * var(--dbim-space-3));
}
.dbim-hero__dots { padding: 0; background: transparent; border: 0; border-radius: 0; }
.dbim-hero__dot { width: 1.5rem; height: 2rem; }
.dbim-hero__dot-mark { width: 0.5rem; height: 0.5rem; border: 0; border-radius: 50%; background: color-mix(in srgb, var(--dbim-blue-1) 45%, transparent); }
.dbim-hero__dot.is-active .dbim-hero__dot-mark { width: 1rem; border-radius: 0.25rem; background: var(--dbim-blue-1); }
.dbim-hero__pause { width: 2rem; height: 2rem; color: var(--dbim-blue-1); background: transparent; border: 0; }
/* five dots at a time (dbim-widgets.js) */
.dbim-hero__dot.is-edge .dbim-hero__dot-mark { width: 0.3125rem; height: 0.3125rem; }
.dbim-hero__pause:hover { background: color-mix(in srgb, var(--dbim-white) 60%, transparent); }
.dbim-hero__pause .dbim-icon { width: 1rem; height: 1rem; }
.dbim-hero__arrow:focus-visible, .dbim-hero__pause:focus-visible, .dbim-hero__dot:focus-visible { box-shadow: 0 0 0 4px var(--dbim-white); }
@media (max-width: 767.98px) {
  .dbim-hero__tools { right: auto; left: 50%; bottom: var(--dbim-space-1); transform: translateX(-50%); }
  .dbim-hero__dot { width: 1.5rem; height: 1.5rem; }
  .dbim-hero__pause { width: 1.5rem; height: 1.5rem; }
  .dbim-hero__arrow { width: 1.75rem; height: 1.75rem; }
  .dbim-hero__arrow--prev { left: var(--dbim-space-1); }
  .dbim-hero__arrow--next { right: var(--dbim-space-1); }
  .dbim-hero__arrow .dbim-icon { width: 1rem; height: 1rem; }
}

/* Highlight links */
.dbim-explore { background: var(--dbim-surface); border-bottom: var(--dbim-rule); }
.dbim-explore__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(9.5rem, 50%), 1fr)); list-style: none; margin: 0; padding: 0; }
.dbim-explore__list > li { display: flex; min-width: 0; border-left: var(--dbim-rule); }
.dbim-explore__list > li:last-child { border-right: var(--dbim-rule); }
.dbim-explore__list a {
  display: block; flex: 1 1 auto; min-width: 0; min-height: 3rem; padding: var(--dbim-space-3) var(--dbim-space-3); align-content: center;
  font-size: var(--dbim-size-p1); font-weight: var(--dbim-weight-semibold); line-height: var(--dbim-leading-heading);
  color: var(--dbim-link); text-align: center; text-decoration: none; overflow-wrap: break-word;
}
.dbim-explore__list a:hover { color: var(--dbim-link); background: var(--dbim-surface-selected); text-decoration: underline; }
.dbim-explore__list a:focus-visible { outline-offset: -3px; }
/* up to eight links in one row from 1,280 px */
@media (min-width: 1280px) {
  html:is(:not([data-dbim-text]), [data-dbim-text="-1"]) .dbim-explore__list:not(:has(> li:nth-child(9))) { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
}
@media (max-width: 767.98px) {
  .dbim-explore__list > li { border-bottom: var(--dbim-rule); }
  .dbim-explore { border-bottom: 0; }
}

/* About CRPF and leadership */
.dbim-about__grid { display: grid; gap: var(--dbim-space-6); align-items: start; }
@media (min-width: 992px) { .dbim-about__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 6fr); } }
.dbim-about__text p { max-width: var(--dbim-measure); }
.dbim-about__more a { display: inline-flex; align-items: center; min-height: var(--dbim-target-min); font-weight: var(--dbim-weight-semibold); }
.dbim-quicklinks { display: flex; flex-wrap: wrap; gap: var(--dbim-space-3); list-style: none; margin: var(--dbim-space-4) 0 0; padding: 0; }
.dbim-quicklink {
  display: inline-flex; align-items: center; gap: var(--dbim-space-2); min-height: var(--dbim-target-min); padding: var(--dbim-space-2) var(--dbim-space-4);
  font-size: var(--dbim-size-p2); font-weight: var(--dbim-weight-semibold); line-height: var(--dbim-leading-heading);
  color: var(--dbim-link); background: var(--dbim-surface); text-decoration: none;
  border: 1px solid var(--dbim-link); border-radius: var(--dbim-radius-control);
}
.dbim-quicklink:hover { color: var(--dbim-link); background: var(--dbim-surface-selected); text-decoration: underline; }
.dbim-leaders__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--dbim-space-4); list-style: none; margin: 0; padding: 0; }
.dbim-leaders__list:has(> li:nth-child(3)) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dbim-leaders__list:has(> li:only-child) { grid-template-columns: minmax(0, 1fr); }
.dbim-leader { text-align: center; }
.dbim-leader__photo {
  display: block; width: 100%; max-width: 10rem; aspect-ratio: 1; height: auto; margin: 0 auto var(--dbim-space-3);
  object-fit: cover; object-position: top center; background: var(--dbim-white); border: var(--dbim-rule); border-radius: var(--dbim-radius-panel);
}
.dbim-leader p { margin: 0; }
.dbim-leader__name { font-weight: var(--dbim-weight-semibold); line-height: var(--dbim-leading-heading); }
.dbim-leader__role { margin-top: var(--dbim-space-1) !important; color: var(--dbim-text-muted); font-size: var(--dbim-size-p2); line-height: var(--dbim-leading-heading); }
.dbim-leader__link { margin-top: var(--dbim-space-1) !important; font-size: var(--dbim-size-p2); }
.dbim-leader__link a { display: inline-flex; align-items: center; min-height: var(--dbim-target-min); }
@media (max-width: 575.98px) {
  .dbim-leaders__list { gap: var(--dbim-space-2); }
  .dbim-leader__name { font-size: var(--dbim-size-p2); }
}
/* no portraits: officers as ruled rows */
.dbim-leader .dbim-missing { display: none; }
.dbim-leaders__title { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.dbim-leaders:not(:has(.dbim-leader__photo:not([data-dbim-missing]))) .dbim-leaders__title {
  position: static; width: auto; height: auto; margin: 0 0 var(--dbim-space-3); overflow: visible; clip: auto; white-space: normal;
  font-size: var(--dbim-size-h3); color: var(--dbim-text);
}
.dbim-leaders:not(:has(.dbim-leader__photo:not([data-dbim-missing]))) .dbim-leaders__list { grid-template-columns: minmax(0, 1fr); gap: 0; border-top: var(--dbim-rule); }
.dbim-leaders:not(:has(.dbim-leader__photo:not([data-dbim-missing]))) .dbim-leader { padding: var(--dbim-space-3) 0; text-align: left; border-bottom: var(--dbim-rule); }
.dbim-leaders:not(:has(.dbim-leader__photo:not([data-dbim-missing]))) .dbim-leader__name { font-size: var(--dbim-size-p1); }

/* Director General's message */
.dbim-dgquote { padding: var(--dbim-section-pad) 0; background: var(--dbim-surface-alt); border-block: 1px solid var(--dbim-grey-1); }
html[data-dbim-contrast="high"] .dbim-dgquote { border-color: var(--dbim-white); }
.dbim-dgquote__grid { display: grid; gap: var(--dbim-space-5); align-items: center; justify-items: start; }
.dbim-dgquote__grid > * { min-width: 0; }
.dbim-dgquote__photo {
  display: block; width: 10rem; max-width: 100%; aspect-ratio: 1; height: auto; border-radius: 50%;
  object-fit: cover; object-position: top center; background: var(--dbim-white); border: var(--dbim-rule);
}
.dbim-dgquote__body { margin: 0; width: 100%; }
.dbim-dgquote__mark { display: block; height: 3rem; font-size: 5rem; line-height: 1; font-weight: var(--dbim-weight-semibold); color: var(--dbim-heading-accent); }
.dbim-dgquote__text { margin: 0; padding: 0; border: 0; }
.dbim-dgquote__text p {
  max-width: none; margin: 0; font-size: 1.5rem; font-weight: var(--dbim-weight-regular); line-height: 1.4; text-align: left;
  color: var(--dbim-heading-accent); overflow-wrap: break-word;
}
.dbim-dgquote__foot {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--dbim-space-3) var(--dbim-space-5);
  margin-top: var(--dbim-space-4); padding-top: var(--dbim-space-4); border-top: 1px solid var(--dbim-border-strong);
}
.dbim-dgquote__who { color: var(--dbim-text); font-size: var(--dbim-size-p1); font-weight: var(--dbim-weight-semibold); line-height: var(--dbim-leading-heading); }
@media (max-width: 575.98px) { .dbim-dgquote__button { width: 100%; } .dbim-dgquote__text p { font-size: 1.25rem; } }
@media (min-width: 768px) {
  .dbim-dgquote__grid { grid-template-columns: 16rem minmax(0, 1fr); gap: var(--dbim-space-7); justify-items: stretch; }
  .dbim-dgquote__photo { width: 16rem; }
}
@media (min-width: 768px) { .dbim-dgquote__grid:not(:has(> .dbim-dgquote__photo)) { grid-template-columns: minmax(0, 1fr); } }
@media print { .dbim-dgquote__photo { display: none; } }

/* Tabs beside the Latest news panel */
.dbim-desk { display: grid; gap: var(--dbim-space-6); align-items: start; }
/* let grid children shrink below their content */
.dbim-desk > *, .dbim-about__grid > *, .dbim-columns-2 > *, .dbim-columns-3 > *, .dbim-media__grid > * { min-width: 0; }
.dbim-desk > :only-child { grid-column: 1 / -1; }
@media (min-width: 992px) { .dbim-desk { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } }

/* Segmented tabs */
.dbim-tabs__list { display: flex; flex-wrap: wrap; margin-bottom: var(--dbim-space-3); border: 1px solid var(--dbim-band); border-radius: var(--dbim-radius-control); background: var(--dbim-surface); overflow: hidden; }
.dbim-tabs__tab {
  flex: 1 1 auto; min-height: var(--dbim-target-min); padding: var(--dbim-space-2) var(--dbim-space-4);
  font: inherit; font-size: var(--dbim-size-p1); font-weight: var(--dbim-weight-semibold); line-height: var(--dbim-leading-heading);
  color: var(--dbim-link); background: var(--dbim-surface); border: 0; border-right: 1px solid var(--dbim-band); cursor: pointer;
}
.dbim-tabs__tab:last-child { border-right: 0; }
.dbim-tabs__tab:hover { background: var(--dbim-surface-selected); text-decoration: underline; }
.dbim-tabs__tab[aria-selected="true"] { color: var(--dbim-text-on-band); background: var(--dbim-band); text-decoration: none; }
.dbim-tabs__tab:focus-visible { outline-offset: -4px; }
.dbim-tabs__tab[aria-selected="true"]:focus-visible { outline-color: var(--dbim-focus-on-dark); }
.dbim-tabs.is-enhanced .dbim-tabs__panel:not(.is-active) { display: none; }
.dbim-tabs:not(.is-enhanced) .dbim-tabs__list { display: none; }
.dbim-tabs.is-enhanced .dbim-tabs__fallback-title { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.dbim-tabs__fallback-title { font-size: var(--dbim-size-h3); }
.dbim-tabs__panel:focus-visible { outline-offset: 2px; }
@media (max-width: 767.98px) {
  /* phones: two equal columns */
  .dbim-tabs__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--dbim-band); }
  .dbim-tabs__tab { border-right: 0; padding: var(--dbim-space-2) var(--dbim-space-3); }
  .dbim-tabs__tab:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .dbim-quicklink { font-size: var(--dbim-size-p1); }
}

/* Board: lists side by side on wide screens */
@media (min-width: 992px) {
  .dbim-board .dbim-tabs { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: var(--dbim-space-5); align-items: start; }
  .dbim-board .dbim-tabs .dbim-tabs__list { display: none; }
  .dbim-board .dbim-tabs.is-enhanced .dbim-tabs__panel:not(.is-active) { display: block; }
  .dbim-board .dbim-tabs.is-enhanced .dbim-tabs__fallback-title { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; }
  .dbim-board .dbim-tabs__fallback-title { margin: 0 0 var(--dbim-space-3); color: var(--dbim-text); }
  .dbim-board .dbim-rows > li:nth-child(n+4) { display: none; }
  .dbim-board .dbim-row--dated .dbim-row__text { display: block; }
  .dbim-board .dbim-row--dated .dbim-row__date { display: block; margin-bottom: var(--dbim-space-1); font-size: var(--dbim-size-p2); font-weight: var(--dbim-weight-regular); color: var(--dbim-text-muted); }
  .dbim-board .dbim-row__chevron { display: none; }
  .dbim-board .dbim-section__more--repeat { display: none; }
}

/* Register rows */
.dbim-rows { list-style: none; margin: 0; padding: 0; background: var(--dbim-surface); border: var(--dbim-rule); border-radius: var(--dbim-radius-panel); }
.dbim-section--alt .dbim-rows { border-color: var(--dbim-grey-1); }
.dbim-rows > li + li { border-top: var(--dbim-rule); }
.dbim-row {
  display: flex; align-items: center; justify-content: space-between; gap: var(--dbim-space-3);
  min-height: 3rem; padding: var(--dbim-space-3) var(--dbim-space-4); color: var(--dbim-text); text-decoration: none;
}
.dbim-row:hover { color: var(--dbim-text); background: var(--dbim-row-hover); }
.dbim-row:hover .dbim-row__title { text-decoration: underline; }
.dbim-row[data-external]::after { content: none; }
.dbim-row__text { display: block; flex: 1 1 auto; min-width: 0; }
.dbim-row--dated .dbim-row__text { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); column-gap: var(--dbim-space-4); align-items: baseline; }
.dbim-row--dated .dbim-row__date { grid-row: 1; grid-column: 1; margin: 0; font-size: var(--dbim-size-p1); color: var(--dbim-text); font-weight: var(--dbim-weight-semibold); }
.dbim-row--dated .dbim-row__main { grid-column: 2; }
@media (max-width: 575.98px) {
  .dbim-row--dated .dbim-row__text { display: block; }
  .dbim-row--dated .dbim-row__date { display: block; margin-bottom: var(--dbim-space-1); color: var(--dbim-text-muted); font-weight: var(--dbim-weight-regular); }
}
.dbim-row__title { color: var(--dbim-link); font-weight: var(--dbim-weight-semibold); line-height: var(--dbim-leading-heading); }
.dbim-row__date { display: block; margin-top: var(--dbim-space-1); color: var(--dbim-text-muted); font-size: var(--dbim-size-p2); font-variant-numeric: tabular-nums; }
.dbim-row__chevron { color: var(--dbim-link); }
/* record without a file */
.dbim-row--static:hover { background: transparent; }
.dbim-row--static .dbim-row__title, .dbim-row--static:hover .dbim-row__title { color: var(--dbim-text); text-decoration: none; }
.dbim-rows__empty { padding: var(--dbim-space-4); margin: 0; background: var(--dbim-surface); border: var(--dbim-rule); border-radius: var(--dbim-radius-panel); }

/* Latest news panel */
.dbim-newsdesk { color: var(--dbim-text-on-band); background: var(--dbim-band); border-radius: var(--dbim-radius-panel); padding: var(--dbim-space-5); }
.dbim-newsdesk :focus-visible { outline-color: var(--dbim-focus-on-dark); }
.dbim-newsdesk__title { color: var(--dbim-text-on-band); font-size: var(--dbim-size-h2); margin: 0 0 var(--dbim-space-3); }
.dbim-newsdesk__list { list-style: none; margin: 0; padding: 0; }
.dbim-newsdesk__list li + li { border-top: 1px solid var(--dbim-band-rule); }
.dbim-newsdesk__item { display: block; padding: var(--dbim-space-3) 0; color: var(--dbim-text-on-band); text-decoration: none; }
.dbim-newsdesk__item:hover { color: var(--dbim-text-on-band); }
.dbim-newsdesk__item:hover .dbim-newsdesk__text { text-decoration: underline; }
.dbim-newsdesk__item--static:hover .dbim-newsdesk__text { text-decoration: none; }
.dbim-newsdesk__item[data-external]::after { content: none; }
.dbim-newsdesk__date { display: block; margin-bottom: var(--dbim-space-1); color: var(--dbim-band-text-soft); font-size: var(--dbim-size-p2); font-variant-numeric: tabular-nums; }
.dbim-newsdesk__text { font-weight: var(--dbim-weight-semibold); line-height: var(--dbim-leading-heading); }
.dbim-newsdesk .dbim-file, .dbim-media .dbim-file { color: var(--dbim-band-text-soft); }
.dbim-newsdesk__empty { margin: 0; }
.dbim-newsdesk__more { margin: var(--dbim-space-4) 0 0; }
.dbim-newsdesk .dbim-button--on-dark, .dbim-media .dbim-button--on-dark { color: var(--dbim-text-on-band); background: transparent; border-color: var(--dbim-text-on-band); }
.dbim-newsdesk .dbim-button--on-dark:hover, .dbim-media .dbim-button--on-dark:hover { color: var(--dbim-band); background: var(--dbim-white); }

/* Zones and sectors */
.dbim-zones { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(15rem, 46%), 1fr)); gap: var(--dbim-space-4); list-style: none; margin: 0 0 var(--dbim-space-5); padding: 0; }
@media (min-width: 992px) { .dbim-zones { grid-template-columns: repeat(auto-fit, minmax(min(12rem, 46%), 1fr)); } }
.dbim-zone { position: relative; display: block; overflow: hidden; border-radius: var(--dbim-radius-panel); color: var(--dbim-text-on-band); background: var(--dbim-band); text-decoration: none; }
.dbim-zone img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.dbim-zone__name {
  display: block; padding: var(--dbim-space-3) var(--dbim-space-4); font-weight: var(--dbim-weight-semibold); line-height: var(--dbim-leading-heading);
  color: var(--dbim-text-on-band); background: var(--dbim-band);
}
.dbim-zone:hover .dbim-zone__name { background: var(--dbim-band-hover); text-decoration: underline; }
.dbim-zone:focus-visible { outline-offset: 3px; }
/* missing picture keeps the 3:2 box */
.dbim-zone .dbim-missing { display: block; width: 100%; aspect-ratio: 3 / 2; background: var(--dbim-band-hover); }
.dbim-zone .dbim-missing > img, .dbim-zone .dbim-missing__text { display: none; }
.dbim-zones:not(:has(img:not([data-dbim-missing]))) .dbim-zone .dbim-missing { display: none; }
.dbim-zones > li { display: flex; }
.dbim-zone { display: flex; flex-direction: column; flex: 1 1 auto; }
.dbim-zone img { flex: none; }
.dbim-zone__name { display: flex; align-items: center; min-height: var(--dbim-target-min); margin-top: auto; }
.dbim-zones__sub { font-size: var(--dbim-size-h3); color: var(--dbim-text); margin: 0 0 var(--dbim-space-3); }
.dbim-sectors { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(14rem, 100%), 1fr)); column-gap: var(--dbim-space-5); list-style: none; margin: 0; padding: 0; }
.dbim-sectors li { border-bottom: 1px solid var(--dbim-grey-1); }
.dbim-sectors__link { display: flex; align-items: center; min-height: var(--dbim-target-min); font-weight: var(--dbim-weight-semibold); text-decoration: none; }
.dbim-sectors__link:hover { text-decoration: underline; }
@media (max-width: 575.98px) {
  .dbim-sectors { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--dbim-space-4); }
  .dbim-sectors__link { padding: var(--dbim-space-2) 0; line-height: var(--dbim-leading-heading); overflow-wrap: anywhere; }
}

/* Media centre */
.dbim-media { color: var(--dbim-text-on-band); background: var(--dbim-band); }
.dbim-media :focus-visible { outline-color: var(--dbim-focus-on-dark); }
.dbim-media .dbim-section__title { color: var(--dbim-text-on-band); }
.dbim-media__grid { display: grid; gap: var(--dbim-space-6); }
@media (min-width: 768px) { .dbim-media__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* equal columns, buttons aligned at the foot */
.dbim-media__grid > .dbim-albums { display: flex; flex-direction: column; }
.dbim-media__grid > .dbim-albums > .dbim-section__more { margin-top: auto; padding-top: var(--dbim-space-4); }
.dbim-albums__title { display: flex; align-items: center; gap: var(--dbim-space-2); margin: 0 0 var(--dbim-space-3); font-size: var(--dbim-size-h3); }
.dbim-media .dbim-albums__title { color: var(--dbim-text-on-band); }
.dbim-album-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--dbim-space-4); list-style: none; margin: 0; padding: 0; }
.dbim-album { display: block; color: var(--dbim-link); text-decoration: none; }
.dbim-album img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: scale-down; border-radius: var(--dbim-radius-panel); color: var(--dbim-text); background: var(--dbim-surface-alt); }
.dbim-album__title { display: block; margin-top: var(--dbim-space-2); font-size: var(--dbim-size-p2); line-height: var(--dbim-leading-heading); }
.dbim-album:hover .dbim-album__title { text-decoration: underline; }
.dbim-media .dbim-album, .dbim-media .dbim-album:hover { color: var(--dbim-text-on-band); }
/* no thumbnails: titles as ruled rows */
.dbim-album .dbim-missing { display: block; width: 100%; aspect-ratio: 3 / 2; border-radius: var(--dbim-radius-panel); background: var(--dbim-surface-alt); }
.dbim-media .dbim-album .dbim-missing { background: var(--dbim-band-hover); }
.dbim-album .dbim-missing > img, .dbim-album .dbim-missing__text { display: none; }
.dbim-album-grid:not(:has(img:not([data-dbim-missing]))) .dbim-album .dbim-missing { display: none; }
.dbim-album-grid:not(:has(img:not([data-dbim-missing]))) { grid-template-columns: minmax(0, 1fr); gap: 0; border-top: var(--dbim-rule); }
.dbim-album-grid:not(:has(img:not([data-dbim-missing]))) > li { border-bottom: var(--dbim-rule); }
.dbim-album-grid:not(:has(img:not([data-dbim-missing]))) .dbim-album { display: flex; align-items: center; min-height: var(--dbim-target-min); padding: var(--dbim-space-2) 0; }
.dbim-album-grid:not(:has(img:not([data-dbim-missing]))) .dbim-album__title { margin: 0; font-size: var(--dbim-size-p1); font-weight: var(--dbim-weight-semibold); }
.dbim-media .dbim-album-grid:not(:has(img:not([data-dbim-missing]))) { border-top-color: var(--dbim-band-rule); }
.dbim-media .dbim-album-grid:not(:has(img:not([data-dbim-missing]))) > li { border-bottom-color: var(--dbim-band-rule); }

/* CCPS posts and overlay */
.dbim-ccps-posts__grid { display: grid; gap: var(--dbim-space-3); max-width: 60rem; list-style: none; margin: 0; padding: 0; }
.dbim-ccps-posts__grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dbim-ccps-posts__grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dbim-ccps-posts__grid a { display: block; border-radius: var(--dbim-radius-panel); overflow: hidden; }
.dbim-ccps-posts__grid img { display: block; width: 100%; height: auto; aspect-ratio: auto; background: var(--dbim-surface-alt); }
@media (max-width: 575.98px) { .dbim-ccps-posts__grid--2, .dbim-ccps-posts__grid--3 { grid-template-columns: minmax(0, 1fr); } }
.dbim-ccps-overlay { width: min(52rem, calc(100vw - 2rem)); }
.dbim-ccps-overlay img { display: block; width: 100%; height: auto; margin: 0 0 var(--dbim-space-4); }
.dbim-dialog__actions { display: flex; justify-content: flex-end; margin: 0; }

/* Central campaign strips */
.dbim-central { margin: 0; padding: 0; }
.dbim-central__list { list-style: none; margin: 0; padding: 0; }
.dbim-central__list > li { margin: 0; padding: 0; }
.dbim-central__list > li > a, .dbim-central__list > li > img { display: block; width: 100%; }
.dbim-central__list img { display: block; width: 100%; height: auto; }
.dbim-central a[data-external]::after { content: none; }

/* Explore by user */
.dbim-personas__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.5rem), 1fr)); gap: var(--dbim-space-4); list-style: none; margin: 0; padding: 0; }
@media (min-width: 992px) { .dbim-personas__list { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--dbim-space-5); } }
.dbim-personas__list > li { display: flex; min-width: 0; }
.dbim-persona {
  display: flex; flex: 1 1 auto; flex-direction: column; align-items: center; gap: var(--dbim-space-2); min-width: 0; min-height: var(--dbim-target-min);
  padding: var(--dbim-space-4) var(--dbim-space-3); text-align: center; color: var(--dbim-text); background: var(--dbim-surface);
  border: var(--dbim-rule); border-radius: var(--dbim-radius-panel); text-decoration: none;
}
.dbim-persona:hover { color: var(--dbim-text); background: var(--dbim-surface-selected); }
.dbim-persona:hover .dbim-persona__title { text-decoration: underline; }
.dbim-persona__picture { display: block; width: 100%; max-width: 9rem; height: auto; aspect-ratio: 1; object-fit: contain; background: var(--dbim-blue-5); border-radius: 50%; }
.dbim-persona .dbim-missing { display: none; }
.dbim-persona__title { font-size: var(--dbim-size-h3); font-weight: var(--dbim-weight-semibold); line-height: var(--dbim-leading-heading); color: var(--dbim-link); overflow-wrap: anywhere; }
.dbim-persona__line { font-size: var(--dbim-size-p2); line-height: 1.4; color: var(--dbim-text-muted); }

/* Social media */
.dbim-social { color: var(--dbim-text-on-band); background: var(--dbim-band); }
.dbim-social .dbim-section__title { color: var(--dbim-text-on-band); }
/* skip link past the feeds */
.dbim-social { position: relative; }
.dbim-social__skip:not(:focus) {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
  color: var(--dbim-text-on-band);   /* clipped text keeps a contrasting colour */
}
.dbim-social__skip:focus {
  position: absolute; z-index: 1; top: var(--dbim-space-2); left: var(--dbim-space-3);
  display: inline-flex; align-items: center; min-height: var(--dbim-target-min); padding: var(--dbim-space-2) var(--dbim-space-4);
  font-weight: var(--dbim-weight-semibold); color: var(--dbim-link); background: var(--dbim-surface); border-radius: var(--dbim-radius-control);
}
.dbim-social__skip:focus-visible { outline-color: var(--dbim-focus-on-dark); }
.dbim-social__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); gap: var(--dbim-space-5); list-style: none; margin: 0; padding: 0; }
.dbim-social__card {
  display: flex; flex-direction: column; gap: var(--dbim-space-3); min-width: 0; padding: var(--dbim-space-4);
  color: var(--dbim-text); background: var(--dbim-surface); border-radius: var(--dbim-radius-panel); --dbim-icon-knock: var(--dbim-surface);
}
.dbim-social__platform { display: flex; align-items: center; gap: var(--dbim-space-2); margin: 0; font-size: var(--dbim-size-h3); font-weight: var(--dbim-weight-semibold); line-height: var(--dbim-leading-heading); color: var(--dbim-link); }
/* fixed feed height; taller feeds scroll */
.dbim-social__feed { display: block; width: 100%; height: 26.25rem; border: var(--dbim-rule); border-radius: var(--dbim-radius-control); background: var(--dbim-surface); }
.dbim-social__feed--x { overflow-y: auto; }
/* feed the network does not show */
.dbim-social__call {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--dbim-space-3); height: 100%; padding: var(--dbim-space-4);
  font-weight: var(--dbim-weight-semibold); text-align: center; color: var(--dbim-link); background: var(--dbim-surface-alt); text-decoration: none;
}
a.dbim-social__call { height: 26.25rem; }
@media (max-width: 767.98px) { .dbim-social__feed, a.dbim-social__call { height: 22rem; } }
a.dbim-social__call::after, a.dbim-social__call[data-external]::after { content: none; }
.dbim-social__call:hover { text-decoration: underline; background: var(--dbim-surface-selected); }
.dbim-social__call .dbim-icon { width: 3rem; height: 3rem; }
.dbim-social__account { display: flex; flex-direction: column; justify-content: center; min-height: var(--dbim-target-min); margin-top: auto; font-weight: var(--dbim-weight-semibold); color: var(--dbim-link); }
.dbim-social__account[data-external]::after { content: none; }
.dbim-social__note { font-size: var(--dbim-size-p2); font-weight: var(--dbim-weight-regular); line-height: 1.4; color: var(--dbim-text-muted); }

/* Campaigns and Government of India websites */
.dbim-campaigns { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(22rem, 100%), 1fr)); gap: var(--dbim-space-4); list-style: none; margin: 0; padding: 0; }
.dbim-campaigns a { display: block; border-radius: var(--dbim-radius-panel); overflow: hidden; background: var(--dbim-white); }
/* reserve the picture box before it loads */
.dbim-campaigns img { display: block; width: 100%; height: auto; aspect-ratio: 960 / 245; object-fit: contain; }
.dbim-logo-strip {
  --dbim-strip-bg: var(--dbim-surface);
  /* fade to the section colour, not to black */
  --dbim-strip-bg-clear: transparent;
  --dbim-strip-edge-clear: transparent;
  position: relative; overflow-x: auto; scrollbar-width: thin; padding-bottom: var(--dbim-space-2);
  /* edge shadows on scrolling strips */
  background:
    linear-gradient(90deg, var(--dbim-strip-bg) 30%, var(--dbim-strip-bg-clear)) left center / 2rem 100% no-repeat local,
    linear-gradient(270deg, var(--dbim-strip-bg) 30%, var(--dbim-strip-bg-clear)) right center / 2rem 100% no-repeat local,
    linear-gradient(90deg, var(--dbim-border-strong), var(--dbim-strip-edge-clear)) left center / 0.75rem 100% no-repeat scroll,
    linear-gradient(270deg, var(--dbim-border-strong), var(--dbim-strip-edge-clear)) right center / 0.75rem 100% no-repeat scroll;
}
@supports (color: rgb(from red r g b / 0)) {
  .dbim-logo-strip {
    --dbim-strip-bg-clear: rgb(from var(--dbim-strip-bg) r g b / 0);
    --dbim-strip-edge-clear: rgb(from var(--dbim-border-strong) r g b / 0);
  }
}
.dbim-section--alt .dbim-logo-strip { --dbim-strip-bg: var(--dbim-surface-alt); }
/* keep hidden link text clipped inside the strip */
.dbim-tabs__list { position: relative; }
.dbim-logo-strip:focus-visible { outline-offset: 2px; }
.dbim-logo-grid { display: grid; grid-auto-flow: column; grid-auto-columns: 11rem; gap: var(--dbim-space-3); list-style: none; margin: 0; padding: 0; }
.dbim-logo-grid a { display: flex; align-items: center; justify-content: center; height: 5.5rem; padding: var(--dbim-space-2); background: var(--dbim-white); border: var(--dbim-rule); border-radius: var(--dbim-radius-panel); }
.dbim-section--alt .dbim-logo-grid a { border-color: var(--dbim-grey-1); }
.dbim-logo-grid a:hover { border-color: var(--dbim-link); }
.dbim-logo-grid img { display: block; width: 100%; height: 4rem; object-fit: contain; }
@media (max-width: 575.98px) {
  .dbim-logo-grid { grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* missing logo becomes a text tile; alt text stays readable */
.dbim-logo-grid img[data-dbim-missing], .dbim-campaigns img[data-dbim-missing] {
  position: absolute; display: block; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; outline: 0;
}
.dbim-campaigns a { position: relative; }
.dbim-logo-grid > li { display: flex; }
.dbim-logo-grid a { flex: 1 1 auto; }
.dbim-logo-grid a:has(img[data-dbim-missing]) { height: auto; min-height: 3rem; padding: var(--dbim-space-2) var(--dbim-space-3); text-decoration: none; }
.dbim-campaigns a:has(img[data-dbim-missing]) { display: flex; align-items: center; justify-content: center; min-height: 3rem; padding: var(--dbim-space-2) var(--dbim-space-3); border: 1px solid var(--dbim-grey-1); text-decoration: none; }
.dbim-logo-grid .dbim-missing__text, .dbim-campaigns .dbim-missing__text { font-size: var(--dbim-size-p2); }
.dbim-logo-grid a[data-external]:has(img[data-dbim-missing])::after { content: ""; }
.dbim-campaigns a[data-external]:has(img[data-dbim-missing])::after { content: ""; }
.dbim-logo-grid li:has(img[data-dbim-missing]):not(:has(.dbim-missing__text)) { display: none; }
.dbim-campaigns li:has(img[data-dbim-missing]):not(:has(.dbim-missing__text)) { display: none; }
@media (max-width: 575.98px) {
  .dbim-logo-grid .dbim-missing__text, .dbim-campaigns .dbim-missing__text { font-size: var(--dbim-size-p1); }
}

/* Phone spacing */
@media (max-width: 767.98px) {
  .dbim-section__title { margin-bottom: var(--dbim-space-4); }
  .dbim-desk, .dbim-about__grid, .dbim-columns-2, .dbim-media__grid { gap: var(--dbim-space-5); }
}

/* Zone and sector home pages */
.dbim-subsite__content > * + * { margin-top: var(--dbim-space-6); }
.dbim-subsite__intro img { max-width: 100%; height: auto; }
.dbim-subsite__lists { display: grid; gap: var(--dbim-space-6); }
@media (min-width: 992px) and (max-width: 1199px) { .dbim-subsite__lists.dbim-columns-2 { grid-template-columns: minmax(0, 1fr); } }
.dbim-inline-list { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: var(--dbim-space-2) var(--dbim-space-5); }
.dbim-subsite__galleries { display: grid; gap: var(--dbim-space-6); }
@media (min-width: 1200px) { .dbim-subsite__galleries { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.dbim-panel__title { font-size: var(--dbim-size-h2); color: var(--dbim-heading-accent); margin: 0 0 var(--dbim-space-3); }

/* High contrast */
html[data-dbim-contrast="high"] .dbim-hero,
html[data-dbim-contrast="high"] .dbim-newsdesk,
html[data-dbim-contrast="high"] .dbim-media,
html[data-dbim-contrast="high"] .dbim-zone,
html[data-dbim-contrast="high"] .dbim-zone__name { background: var(--dbim-black); }
html[data-dbim-contrast="high"] .dbim-newsdesk,
html[data-dbim-contrast="high"] .dbim-rows,
html[data-dbim-contrast="high"] .dbim-tabs__list,
html[data-dbim-contrast="high"] .dbim-quicklink { border: 1px solid var(--dbim-white); }
html[data-dbim-contrast="high"] .dbim-tabs__tab { border-color: var(--dbim-white); }
html[data-dbim-contrast="high"] .dbim-tabs__tab[aria-selected="true"] { color: var(--dbim-black); background: var(--dbim-warning); }
html[data-dbim-contrast="high"] .dbim-logo-grid a { background: var(--dbim-white); }
html[data-dbim-contrast="high"] .dbim-zone { border: 1px solid var(--dbim-white); }
html[data-dbim-contrast="high"] .dbim-logo-grid a:has(img[data-dbim-missing]) { background: var(--dbim-black); border-color: var(--dbim-white); }
html[data-dbim-contrast="high"] .dbim-campaigns a:has(img[data-dbim-missing]) { background: var(--dbim-black); border-color: var(--dbim-white); }

/* Print */
@media print {
  .dbim-hero__controls, .dbim-hero__empty, .dbim-hero__slide:not(:first-child), .dbim-logo-strip, .dbim-campaigns, .dbim-ccps-posts, .dbim-ccps-overlay, .dbim-tabs__list { display: none !important; }
  .dbim-tabs .dbim-tabs__panel { display: block !important; }
  .dbim-tabs .dbim-tabs__fallback-title { position: static !important; width: auto !important; height: auto !important; clip: auto !important; white-space: normal !important; }
  .dbim-hero, .dbim-hero__track, .dbim-hero__slide.is-active, .dbim-hero__link { height: auto; }
  .dbim-hero__slide img { height: auto; max-height: 8cm; }
  .dbim-newsdesk, .dbim-media, .dbim-section--alt { color: var(--dbim-black); background: var(--dbim-white); }
  .dbim-newsdesk__item, .dbim-newsdesk__title, .dbim-media .dbim-section__title, .dbim-media .dbim-albums__title, .dbim-media .dbim-album { color: var(--dbim-black); }
  .dbim-desk, .dbim-about__grid, .dbim-columns-2, .dbim-media__grid { display: block; }
  .dbim-zones, .dbim-album-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dbim-row, .dbim-newsdesk__item { break-inside: avoid; }
  .dbim-personas__list > li, .dbim-zones > li, .dbim-album, .dbim-sectors > li, .dbim-quicklinks > li { break-inside: avoid; }
  .dbim-social__list { display: block; }
  .dbim-social__list > li { display: block; margin-bottom: 3mm; break-inside: avoid; }
  .dbim-social__feed { display: none; }
}

/* Zone and sector home pages: galleries take the full width */
@media (min-width: 992px) {
  .dbim-subsite:has(.dbim-subsite__galleries) > .dbim-subsite__content { display: contents; }
  .dbim-subsite:has(.dbim-subsite__galleries) > .dbim-subnav { grid-column: 1; grid-row: 1 / span 2; }
  .dbim-subsite:has(.dbim-subsite__galleries) > .dbim-subsite__content > * { grid-column: 2; margin-top: 0; }
  .dbim-subsite:has(.dbim-subsite__galleries) > .dbim-subsite__content > .dbim-subsite__galleries { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Central campaign strips, inside the page width */
.dbim-central { padding: var(--dbim-space-5) 0; }
.dbim-central__list { display: grid; gap: var(--dbim-space-4); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 768px) { .dbim-central__list { grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 45rem)); justify-content: center; } }
.dbim-central__list > li { max-width: 45rem; }
.dbim-central__list img { border-radius: var(--dbim-radius-panel); }

/* About CRPF: text and leader cards side by side */
@media (min-width: 992px) {
  .dbim-about__grid { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); align-items: center; }
}
.dbim-about__grid > .dbim-leaders { align-self: center; }
.dbim-leaders__list { gap: var(--dbim-space-5); }
.dbim-leader__photo { width: 10rem; max-width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; }