@charset "UTF-8";
/* Font stacks (faces loaded in _fonts.scss) */
/* Brand palette */
/* Neutral palette */
/* Accents & states */
/* Component tokens — intro / help (Figma) */
/* Component tokens — accordion (Figma FAQ 115:1823, SERVICES 7:4185) */
/* Component tokens — story */
/* Footer (Figma FOOTER / node 754:45–754:49) */
/* Header */
/* stylelint-disable-next-line wrap-rem-on-px/wrap-rem-on-px */
/* stylelint-disable wrap-rem-on-px/wrap-rem-on-px */
/* stylelint-enable wrap-rem-on-px/wrap-rem-on-px */
/*
USAGE:
font-size: fluid(12, 62); : from rem(12)@390px to  rem(62)@1440px
gap: fluid(10, 33, 992);  : from rem(10)@991px to  rem(33)@1440px
margin-right: fluid(32, 65, 320, 2560);  : from rem(32)@320px to  rem(65)@2560px
*/
/*
AUTOFILL

USAGE:
@include mixin.autofill(background-color, text-color);
@include mixin.autofill;

Note: Call this mixin in the wrapper or container to where you intend to manipulate the
      default chrome autofill styles for input, textarea and select elements.
*/
/* stylelint-disable */
/* stylelint-enable */
/* Our Work detail (single our_work) - Figma 20:1115 / 220:3881 hero, 20:1193 / 220:3928 sidebar, 26:1354 / 220:3935 body, 26:1374 / 229:4974 related */
/* Slick base styles loaded via assets/css/vendor/slick.css on detail pages. */
/* Stack spacing — include after typography margin resets so margin-top is not cleared */
.page-work-detail .site-main {
  overflow: visible;
}

.work-detail-page {
  background-color: #fff;
}

/* Work detail hero — scoped overrides (do not change global hero.scss) */
.cc.hero.hero--static.hero--work-detail {
  min-height: 31.25rem;
}
@media screen and (min-width:768px) {
  .cc.hero.hero--static.hero--work-detail {
    min-height: 46.25rem;
  }
}
.cc.hero.hero--static.hero--work-detail .hero__background > figure.hero__slide-frame {
  position: static;
  inset: auto;
  aspect-ratio: auto;
  max-height: none;
  width: 100%;
  height: 100%;
}

/* Hero subtitle (client) - white on image; green variant in sidebar only */
.cc.hero.hero--work-detail .hero__tagline {
  margin: 0;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: clamp(1.25rem, 0.38095vw + 1.157143125rem, 1.5rem);
  font-weight: 700;
  line-height: 1.2;
}

/* Main layout */
.work-detail-main {
  padding: 2.5rem 1rem;
}
@media screen and (min-width:991px) {
  .work-detail-main {
    padding: 6.25rem 5rem;
  }
}

.work-detail-main .container--xl {
  padding: 0;
}

.work-detail-layout {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media screen and (min-width:991px) {
  .work-detail-layout {
    flex-direction: row;
    align-items: flex-start;
    gap: 4.25rem;
  }
}
@media screen and (min-width:1199px) {
  .work-detail-layout {
    gap: 8rem;
  }
}

/* Sidebar - static on mobile, sticky on desktop */
.work-detail-sidebar {
  flex: 0 0 auto;
  width: 100%;
}
@media screen and (min-width:991px) {
  .work-detail-sidebar {
    flex: 0 0 19.0625rem;
    max-width: 19.0625rem;
    align-self: stretch;
  }
}

.work-detail-sidebar__sticky {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media screen and (min-width:991px) {
  .work-detail-sidebar__sticky {
    position: sticky;
    z-index: 2;
    top: 8.125rem;
    width: 100%;
  }
}

.work-detail-sidebar__intro {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.work-detail-sidebar__title {
  margin: 0;
  color: #252b69;
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  word-break: break-word;
}
@media screen and (min-width:991px) {
  .work-detail-sidebar__title {
    font-size: 3rem;
  }
}

.work-detail-sidebar__client {
  margin: 0;
  color: #32a460;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  word-break: break-word;
}
@media screen and (min-width:991px) {
  .work-detail-sidebar__client {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

.work-detail-sidebar__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.work-detail-sidebar__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1rem;
  background-color: #252b69;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}
.work-detail-sidebar__tag:hover {
  background-color: #b4d8f3;
  color: #252b69;
  text-decoration: none;
}
@media screen and (min-width:991px) {
  .work-detail-sidebar__tag {
    font-size: 1.25rem;
    line-height: 1.4;
  }
}

/* Article + Gutenberg */
.work-detail-article {
  flex: 1 1 auto;
  min-width: 0;
}

.work-detail__content {
  display: flex;
  flex-direction: column;
}
.work-detail__content > * {
  margin: 0;
}
.work-detail__content p {
  margin: 0;
  color: #222223;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (min-width:991px) {
  .work-detail__content p {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}
.work-detail__content h2,
.work-detail__content h3,
.work-detail__content h4,
.work-detail__content h5,
.work-detail__content h6 {
  margin: 0;
  color: #252b69;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  line-height: 1.2;
}
.work-detail__content h2,
.work-detail__content h2.wp-block-heading {
  font-size: 1.5rem;
}
@media screen and (min-width:991px) {
  .work-detail__content h2,
  .work-detail__content h2.wp-block-heading {
    font-size: 2rem;
  }
}
.work-detail__content h3,
.work-detail__content h3.wp-block-heading {
  font-size: 1.25rem;
}
@media screen and (min-width:991px) {
  .work-detail__content h3,
  .work-detail__content h3.wp-block-heading {
    font-size: 1.5rem;
  }
}
.work-detail__content h4,
.work-detail__content h4.wp-block-heading {
  font-size: 1.125rem;
  line-height: 1.2;
}
@media screen and (min-width:991px) {
  .work-detail__content h4,
  .work-detail__content h4.wp-block-heading {
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
.work-detail__content strong,
.work-detail__content b {
  color: #252b69;
  font-weight: 700;
}
.work-detail__content a,
.work-detail__content a strong,
.work-detail__content a b {
  color: #252b69;
  font-weight: 700;
  text-decoration: underline;
  word-break: break-word;
}
.work-detail__content a:focus-visible,
.work-detail__content a strong:focus-visible,
.work-detail__content a b:focus-visible {
  outline: 0.125rem solid #252b69;
  outline-offset: 0.125rem;
}
.work-detail__content ul,
.work-detail__content .wp-block-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.work-detail__content ul li,
.work-detail__content .wp-block-list li {
  margin-bottom: 0.9375rem;
  color: #222223;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  padding-left: 0.5rem;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  list-style: none;
}
.work-detail__content ul li::before,
.work-detail__content .wp-block-list li::before {
  content: "";
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #32a460;
}
@media screen and (min-width:991px) {
  .work-detail__content ul li,
  .work-detail__content .wp-block-list li {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}
.work-detail__content ul li:last-child,
.work-detail__content .wp-block-list li:last-child {
  margin-bottom: 0;
}
.work-detail__content ol {
  margin: 0;
  padding: 0;
  padding-left: 1.5rem;
  list-style: none;
}
.work-detail__content ol li {
  display: list-item;
  margin-bottom: 0.5rem;
  list-style-type: decimal;
  list-style-position: outside;
  color: #222223;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (min-width:991px) {
  .work-detail__content ol li {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}
.work-detail__content ol li::before {
  content: none;
  display: none;
}
.work-detail__content ol li:last-child {
  margin-bottom: 0;
}
.work-detail__content img,
.work-detail__content figure {
  display: block;
  max-width: 100%;
  margin: 0;
}
.work-detail__content figcaption {
  margin-top: 0.5rem;
  color: #222223;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
}
.work-detail__content .wp-block-image img,
.work-detail__content img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.work-detail__content .wp-block-gallery,
.work-detail__content .wp-block-gallery.has-nested-images,
.work-detail__content .wp-block-gallery.is-layout-flex,
.work-detail__content .blocks-gallery-grid {
  --wp--style--gallery-gap: 1.25rem;
  --gallery-block--gutter-size: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.work-detail__content .wp-block-gallery > .wp-block-image,
.work-detail__content .wp-block-gallery > figure.wp-block-image,
.work-detail__content .wp-block-gallery > .blocks-gallery-item,
.work-detail__content .wp-block-gallery > li,
.work-detail__content .wp-block-gallery.has-nested-images > .wp-block-image,
.work-detail__content .wp-block-gallery.has-nested-images > figure.wp-block-image,
.work-detail__content .wp-block-gallery.has-nested-images > .blocks-gallery-item,
.work-detail__content .wp-block-gallery.has-nested-images > li,
.work-detail__content .wp-block-gallery.is-layout-flex > .wp-block-image,
.work-detail__content .wp-block-gallery.is-layout-flex > figure.wp-block-image,
.work-detail__content .wp-block-gallery.is-layout-flex > .blocks-gallery-item,
.work-detail__content .wp-block-gallery.is-layout-flex > li,
.work-detail__content .blocks-gallery-grid > .wp-block-image,
.work-detail__content .blocks-gallery-grid > figure.wp-block-image,
.work-detail__content .blocks-gallery-grid > .blocks-gallery-item,
.work-detail__content .blocks-gallery-grid > li {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
}
@media screen and (min-width:991px) {
  .work-detail__content .wp-block-gallery > .wp-block-image,
  .work-detail__content .wp-block-gallery > figure.wp-block-image,
  .work-detail__content .wp-block-gallery > .blocks-gallery-item,
  .work-detail__content .wp-block-gallery > li,
  .work-detail__content .wp-block-gallery.has-nested-images > .wp-block-image,
  .work-detail__content .wp-block-gallery.has-nested-images > figure.wp-block-image,
  .work-detail__content .wp-block-gallery.has-nested-images > .blocks-gallery-item,
  .work-detail__content .wp-block-gallery.has-nested-images > li,
  .work-detail__content .wp-block-gallery.is-layout-flex > .wp-block-image,
  .work-detail__content .wp-block-gallery.is-layout-flex > figure.wp-block-image,
  .work-detail__content .wp-block-gallery.is-layout-flex > .blocks-gallery-item,
  .work-detail__content .wp-block-gallery.is-layout-flex > li,
  .work-detail__content .blocks-gallery-grid > .wp-block-image,
  .work-detail__content .blocks-gallery-grid > figure.wp-block-image,
  .work-detail__content .blocks-gallery-grid > .blocks-gallery-item,
  .work-detail__content .blocks-gallery-grid > li {
    flex: 0 0 calc(50% - 0.625rem);
    width: calc(50% - 0.625rem);
    max-width: calc(50% - 0.625rem);
  }
}
@media screen and (min-width:991px) {
  .work-detail__content .wp-block-gallery.columns-3 > .wp-block-image, .work-detail__content .wp-block-gallery.columns-3 > figure.wp-block-image, .work-detail__content .wp-block-gallery.columns-3 > .blocks-gallery-item, .work-detail__content .wp-block-gallery.columns-3 > li,
  .work-detail__content .wp-block-gallery.has-nested-images.columns-3 > .wp-block-image,
  .work-detail__content .wp-block-gallery.has-nested-images.columns-3 > figure.wp-block-image,
  .work-detail__content .wp-block-gallery.has-nested-images.columns-3 > .blocks-gallery-item,
  .work-detail__content .wp-block-gallery.has-nested-images.columns-3 > li,
  .work-detail__content .wp-block-gallery.is-layout-flex.columns-3 > .wp-block-image,
  .work-detail__content .wp-block-gallery.is-layout-flex.columns-3 > figure.wp-block-image,
  .work-detail__content .wp-block-gallery.is-layout-flex.columns-3 > .blocks-gallery-item,
  .work-detail__content .wp-block-gallery.is-layout-flex.columns-3 > li,
  .work-detail__content .blocks-gallery-grid.columns-3 > .wp-block-image,
  .work-detail__content .blocks-gallery-grid.columns-3 > figure.wp-block-image,
  .work-detail__content .blocks-gallery-grid.columns-3 > .blocks-gallery-item,
  .work-detail__content .blocks-gallery-grid.columns-3 > li {
    flex: 0 0 calc(33.333% - 0.8333125rem);
    width: calc(33.333% - 0.8333125rem);
    max-width: calc(33.333% - 0.8333125rem);
  }
}
.work-detail__content .wp-block-gallery,
.work-detail__content .wp-block-gallery.has-nested-images,
.work-detail__content .wp-block-gallery.is-layout-flex,
.work-detail__content .blocks-gallery-grid {
  /* Beat WP core .is-cropped gallery object-fit: contain */
}
.work-detail__content .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .work-detail__content .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img,
.work-detail__content .wp-block-gallery.has-nested-images.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,
.work-detail__content .wp-block-gallery.has-nested-images.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img,
.work-detail__content .wp-block-gallery.is-layout-flex.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,
.work-detail__content .wp-block-gallery.is-layout-flex.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img,
.work-detail__content .blocks-gallery-grid.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,
.work-detail__content .blocks-gallery-grid.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
  flex: 1 0 0%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.work-detail__content blockquote,
.work-detail__content .wp-block-quote {
  margin: 0;
  padding: 1.5rem 2rem;
  border-left: 0.25rem solid #252b69;
  background-color: rgba(180, 216, 243, 0.2);
  color: #252b69;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (min-width:991px) {
  .work-detail__content blockquote,
  .work-detail__content .wp-block-quote {
    font-size: 1.25rem;
  }
}
.work-detail__content blockquote p,
.work-detail__content .wp-block-quote p {
  margin: 0;
  color: inherit;
}
.work-detail__content table,
.work-detail__content .wp-block-table table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1rem;
  line-height: 1.4;
}
.work-detail__content table th,
.work-detail__content table td,
.work-detail__content .wp-block-table table th,
.work-detail__content .wp-block-table table td {
  padding: 0.75rem 1rem;
  border: 0.0625rem solid #b4d8f3;
  text-align: left;
}
.work-detail__content table th,
.work-detail__content .wp-block-table table th {
  color: #252b69;
  font-weight: 700;
}
.work-detail__content .wp-block-embed,
.work-detail__content .wp-block-video,
.work-detail__content iframe {
  display: block;
  max-width: 100%;
  margin: 0;
}
.work-detail__content .wp-block-columns,
.work-detail__content .wp-block-columns.is-layout-flex {
  --wp--style--block-gap: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin: 0;
}
@media screen and (min-width:991px) {
  .work-detail__content .wp-block-columns,
  .work-detail__content .wp-block-columns.is-layout-flex {
    flex-direction: row;
    gap: 1.25rem;
  }
}
.work-detail__content .wp-block-column {
  flex: 1 1 auto;
  min-width: 0;
}
.work-detail__content .wp-block-column.is-layout-flow, .work-detail__content .wp-block-column.wp-block-column-is-layout-flow {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
  padding: 0;
}
.work-detail__content .wp-block-column.is-layout-flow > *, .work-detail__content .wp-block-column.wp-block-column-is-layout-flow > * {
  margin: 0;
  max-width: 100%;
}
.work-detail__content .wp-block-column.is-layout-flow, .work-detail__content .wp-block-column.wp-block-column-is-layout-flow {
  /* Panel only on the column that directly wraps heading + audio */
}
.work-detail__content .wp-block-column.is-layout-flow:has(> .work-detail-audio), .work-detail__content .wp-block-column.is-layout-flow:has(> .wp-block-acf-work-audio-spot), .work-detail__content .wp-block-column.is-layout-flow:has(> .wp-block-audio), .work-detail__content .wp-block-column.wp-block-column-is-layout-flow:has(> .work-detail-audio), .work-detail__content .wp-block-column.wp-block-column-is-layout-flow:has(> .wp-block-acf-work-audio-spot), .work-detail__content .wp-block-column.wp-block-column-is-layout-flow:has(> .wp-block-audio) {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.75rem 1rem !important;
  background-color: #b4d8f3;
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width:768px) {
  .work-detail__content .wp-block-column.is-layout-flow:has(> .work-detail-audio), .work-detail__content .wp-block-column.is-layout-flow:has(> .wp-block-acf-work-audio-spot), .work-detail__content .wp-block-column.is-layout-flow:has(> .wp-block-audio), .work-detail__content .wp-block-column.wp-block-column-is-layout-flow:has(> .work-detail-audio), .work-detail__content .wp-block-column.wp-block-column-is-layout-flow:has(> .wp-block-acf-work-audio-spot), .work-detail__content .wp-block-column.wp-block-column-is-layout-flow:has(> .wp-block-audio) {
    padding: 1.75rem 2.5rem !important;
  }
}
.work-detail__content {
  /* Gutenberg group block - heading + audio nested groups */
}
.work-detail__content .wp-block-group {
  margin: 0;
  /* Blocks stacked directly in group (no inner-container), e.g. image + columns */
}
.work-detail__content .wp-block-group:not(:has(> .wp-block-group__inner-container)) {
  display: flex;
  flex-direction: column;
}
.work-detail__content .wp-block-group:not(:has(> .wp-block-group__inner-container)) > * {
  margin: 0;
}
.work-detail__content .wp-block-group .wp-block-group__inner-container {
  margin: 0;
  padding: 0;
}
.work-detail__content .wp-block-group .wp-block-group__inner-container.is-layout-constrained:has(> .work-detail-audio), .work-detail__content .wp-block-group .wp-block-group__inner-container.is-layout-constrained:has(> .wp-block-acf-work-audio-spot), .work-detail__content .wp-block-group .wp-block-group__inner-container.is-layout-constrained:has(> .wp-block-audio), .work-detail__content .wp-block-group .wp-block-group__inner-container.wp-block-group-is-layout-constrained:has(> .work-detail-audio), .work-detail__content .wp-block-group .wp-block-group__inner-container.wp-block-group-is-layout-constrained:has(> .wp-block-acf-work-audio-spot), .work-detail__content .wp-block-group .wp-block-group__inner-container.wp-block-group-is-layout-constrained:has(> .wp-block-audio) {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.75rem 1rem !important;
  background-color: #b4d8f3;
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width:768px) {
  .work-detail__content .wp-block-group .wp-block-group__inner-container.is-layout-constrained:has(> .work-detail-audio), .work-detail__content .wp-block-group .wp-block-group__inner-container.is-layout-constrained:has(> .wp-block-acf-work-audio-spot), .work-detail__content .wp-block-group .wp-block-group__inner-container.is-layout-constrained:has(> .wp-block-audio), .work-detail__content .wp-block-group .wp-block-group__inner-container.wp-block-group-is-layout-constrained:has(> .work-detail-audio), .work-detail__content .wp-block-group .wp-block-group__inner-container.wp-block-group-is-layout-constrained:has(> .wp-block-acf-work-audio-spot), .work-detail__content .wp-block-group .wp-block-group__inner-container.wp-block-group-is-layout-constrained:has(> .wp-block-audio) {
    padding: 1.75rem 2.5rem !important;
  }
}
.work-detail__content {
  /* Audio spot (Figma 26:1215) - panel bg on parent wrapper; inner block is layout only */
}
.work-detail__content .work-detail-audio,
.work-detail__content .wp-block-acf-work-audio-spot {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
.work-detail__content .work-detail-audio__title {
  margin: 0;
  color: #252b69;
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.2;
  word-break: break-word;
}
@media screen and (min-width:991px) {
  .work-detail__content .work-detail-audio__title {
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
.work-detail__content .work-detail-audio__player,
.work-detail__content .wp-block-audio audio {
  display: block;
  width: 100%;
  min-height: 3.25rem;
  height: 3.25rem;
  border: 0;
  border-radius: 12.5rem;
  background-color: #f1f3f4;
}
.work-detail__content .work-detail-audio__player .media-controls.inline.audio > .controls-bar,
.work-detail__content .wp-block-audio audio .media-controls.inline.audio > .controls-bar {
  left: auto;
  height: 100%;
  top: 0px !important;
}
.work-detail__content .wp-block-audio {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  margin: 0;
}
.work-detail__content .wp-block-audio figcaption {
  margin: 0;
  color: #252b69;
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width:991px) {
  .work-detail__content .wp-block-audio figcaption {
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
.work-detail__content {
  /* Nested Gutenberg groups + direct content stack (after margin:0 on p/h/ul) */
}
.work-detail__content .wp-block-group__inner-container:not(:has(> .wp-block-audio)) {
  display: flex;
  flex-direction: column;
}
.work-detail__content .wp-block-group__inner-container:not(:has(> .wp-block-audio)) > * {
  margin: 0;
}
@media screen and (max-width: 990px) {
  .work-detail__content .wp-block-group__inner-container:not(:has(> .wp-block-audio)) {
    gap: 1.75rem;
  }
  .work-detail__content .wp-block-group__inner-container:not(:has(> .wp-block-audio)) > * + * {
    margin-top: 0;
  }
  .work-detail__content .wp-block-group__inner-container:not(:has(> .wp-block-audio)) > :is(figure.wp-block-image:not(.wp-block-audio),
  .wp-block-gallery,
  .wp-block-columns,
  .wp-block-group:has(.wp-block-image):not(:has(.wp-block-audio)),
  .wp-block-group:has(.wp-block-audio),
  figure.wp-block-audio) + :is(figure.wp-block-image:not(.wp-block-audio),
  .wp-block-gallery,
  .wp-block-columns,
  .wp-block-group:has(.wp-block-image):not(:has(.wp-block-audio)),
  .wp-block-group:has(.wp-block-audio),
  figure.wp-block-audio) {
    margin-top: 0;
  }
}
@media screen and (min-width:991px) {
  .work-detail__content .wp-block-group__inner-container:not(:has(> .wp-block-audio)) {
    gap: 2.5rem;
  }
  .work-detail__content .wp-block-group__inner-container:not(:has(> .wp-block-audio)) > :is(figure.wp-block-image:not(.wp-block-audio),
  .wp-block-gallery,
  .wp-block-columns,
  .wp-block-group:has(.wp-block-image):not(:has(.wp-block-audio)),
  .wp-block-group:has(.wp-block-audio),
  figure.wp-block-audio) + :is(figure.wp-block-image:not(.wp-block-audio),
  .wp-block-gallery,
  .wp-block-columns,
  .wp-block-group:has(.wp-block-image):not(:has(.wp-block-audio)),
  .wp-block-group:has(.wp-block-audio),
  figure.wp-block-audio) {
    margin-top: -1.25rem;
  }
}
@media screen and (max-width: 990px) {
  .work-detail__content .wp-block-group:not(:has(> .wp-block-group__inner-container)) {
    gap: 1.75rem;
  }
  .work-detail__content .wp-block-group:not(:has(> .wp-block-group__inner-container)) > * + * {
    margin-top: 0;
  }
  .work-detail__content .wp-block-group:not(:has(> .wp-block-group__inner-container)) > :is(figure.wp-block-image:not(.wp-block-audio),
  .wp-block-gallery,
  .wp-block-columns,
  .wp-block-group:has(.wp-block-image):not(:has(.wp-block-audio)),
  .wp-block-group:has(.wp-block-audio),
  figure.wp-block-audio) + :is(figure.wp-block-image:not(.wp-block-audio),
  .wp-block-gallery,
  .wp-block-columns,
  .wp-block-group:has(.wp-block-image):not(:has(.wp-block-audio)),
  .wp-block-group:has(.wp-block-audio),
  figure.wp-block-audio) {
    margin-top: 0;
  }
}
@media screen and (min-width:991px) {
  .work-detail__content .wp-block-group:not(:has(> .wp-block-group__inner-container)) {
    gap: 2.5rem;
  }
  .work-detail__content .wp-block-group:not(:has(> .wp-block-group__inner-container)) > :is(figure.wp-block-image:not(.wp-block-audio),
  .wp-block-gallery,
  .wp-block-columns,
  .wp-block-group:has(.wp-block-image):not(:has(.wp-block-audio)),
  .wp-block-group:has(.wp-block-audio),
  figure.wp-block-audio) + :is(figure.wp-block-image:not(.wp-block-audio),
  .wp-block-gallery,
  .wp-block-columns,
  .wp-block-group:has(.wp-block-image):not(:has(.wp-block-audio)),
  .wp-block-group:has(.wp-block-audio),
  figure.wp-block-audio) {
    margin-top: -1.25rem;
  }
}
@media screen and (max-width: 990px) {
  .work-detail__content {
    gap: 1.75rem;
  }
  .work-detail__content > * + * {
    margin-top: 0;
  }
  .work-detail__content > :is(figure.wp-block-image:not(.wp-block-audio),
  .wp-block-gallery,
  .wp-block-columns,
  .wp-block-group:has(.wp-block-image):not(:has(.wp-block-audio)),
  .wp-block-group:has(.wp-block-audio),
  figure.wp-block-audio) + :is(figure.wp-block-image:not(.wp-block-audio),
  .wp-block-gallery,
  .wp-block-columns,
  .wp-block-group:has(.wp-block-image):not(:has(.wp-block-audio)),
  .wp-block-group:has(.wp-block-audio),
  figure.wp-block-audio) {
    margin-top: 0;
  }
}
@media screen and (min-width:991px) {
  .work-detail__content {
    gap: 2.5rem;
  }
  .work-detail__content > :is(figure.wp-block-image:not(.wp-block-audio),
  .wp-block-gallery,
  .wp-block-columns,
  .wp-block-group:has(.wp-block-image):not(:has(.wp-block-audio)),
  .wp-block-group:has(.wp-block-audio),
  figure.wp-block-audio) + :is(figure.wp-block-image:not(.wp-block-audio),
  .wp-block-gallery,
  .wp-block-columns,
  .wp-block-group:has(.wp-block-image):not(:has(.wp-block-audio)),
  .wp-block-group:has(.wp-block-audio),
  figure.wp-block-audio) {
    margin-top: -1.25rem;
  }
}

/* WP core gallery cropped images: object-fit contain → cover (detail page only) */
.page-work-detail .work-detail__content .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,
.page-work-detail .work-detail__content .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
  flex: 1 0 0%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Impact stats block (Figma 74:824) */
.work-detail-impact {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.work-detail-impact__row {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media screen and (min-width:768px) {
  .work-detail-impact__row {
    flex-direction: row;
  }
}

.work-detail-impact__stat {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  min-height: 8.4375rem;
  padding: 0;
}
@media screen and (min-width:768px) {
  .work-detail-impact__stat--half {
    flex: 1 1 calc(50% - 0.625rem);
    min-width: 0;
  }
}
.work-detail-impact__stat--full {
  width: 100%;
}

.work-detail-impact__stat-bg {
  position: absolute;
  z-index: 0;
  inset: 0;
  margin: 0;
  overflow: hidden;
  pointer-events: none;
}
.work-detail-impact__stat-bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.work-detail-impact__stat-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 8.4375rem;
  padding: 1.25rem 2rem;
  gap: 0.25rem;
}

.work-detail-impact__stat--full .work-detail-impact__stat-content {
  justify-content: center;
  padding: 2.25rem 2rem;
}

.work-detail__content .work-detail-impact__value {
  margin: 0;
  color: #252b69;
  font-family: "Montserrat", sans-serif;
  font-size: clamp(2rem, 1.52381vw + 1.62857125rem, 3rem);
  font-weight: 700;
  line-height: 1.2;
  word-break: break-word;
}

.work-detail__content .work-detail-impact__label {
  margin: 0;
  color: #252b69;
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  word-break: break-word;
}
@media screen and (min-width:991px) {
  .work-detail__content .work-detail-impact__label {
    font-size: 1.5rem;
  }
}
.work-detail-impact__stat--full .work-detail__content .work-detail-impact__label {
  font-size: 1.25rem;
}
@media screen and (min-width:991px) {
  .work-detail-impact__stat--full .work-detail__content .work-detail-impact__label {
    font-size: 1.5rem;
  }
}

/* Awards block (Figma 26:1279) */
.work-detail-awards {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.work-detail-awards__heading {
  margin: 0;
  color: #252b69;
  font-family: "Montserrat", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width:991px) {
  .work-detail-awards__heading {
    font-size: 2rem;
  }
}

.work-detail-awards__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.work-detail-awards__item {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  list-style: none;
}
.work-detail-awards__item::before {
  content: "";
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #32a460;
}

.work-detail-awards__text {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  color: #222223;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (min-width:991px) {
  .work-detail-awards__text {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

/* Related work carousel (Figma 26:1374 / 229:4974) */
.work-detail-related {
  padding: 2.5rem 1rem;
  background-color: #fff;
}
@media screen and (min-width:991px) {
  .work-detail-related {
    padding: 5rem;
  }
}

.work-detail-related .container--xl {
  padding: 0;
}

.work-detail-related__heading {
  margin: 0 0 2.375rem;
  color: #252b69;
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width:991px) {
  .work-detail-related__heading {
    font-size: 3rem;
  }
}

.work-detail-related__carousel {
  position: relative;
  padding: 0;
}
@media screen and (min-width:768px) {
  .work-detail-related__carousel {
    padding: 0 0.75rem;
  }
}

.work-detail-related__arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: none;
  width: 2rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: #000;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width:768px) {
  .work-detail-related__arrow {
    display: flex;
  }
}
@media screen and (min-width:991px) {
  .work-detail-related__arrow {
    height: 4.375rem;
  }
}
.work-detail-related__arrow svg {
  display: block;
  width: 100%;
  height: auto;
  max-height: 100%;
}
.work-detail-related__arrow:hover, .work-detail-related__arrow:focus-visible {
  opacity: 0.75;
}
.work-detail-related__arrow.slick-disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}

.work-detail-related__arrow--prev {
  left: -0.5rem;
}
@media screen and (min-width:991px) {
  .work-detail-related__arrow--prev {
    left: -2.5rem;
  }
}

.work-detail-related__arrow--next {
  right: -0.5rem;
}
@media screen and (min-width:991px) {
  .work-detail-related__arrow--next {
    right: -2.5rem;
  }
}

.work-detail-related__chevron--prev {
  transform: scaleX(-1);
}

.work-detail-related__slider {
  margin: 0 -0.625rem;
}
.work-detail-related__slider .slick-list {
  overflow: hidden;
}
.work-detail-related__slider .slick-track {
  display: flex;
  align-items: stretch;
  margin: 0;
}
.work-detail-related__slider .slick-slide {
  height: auto;
}
.work-detail-related__slider .slick-slide > div {
  height: 100%;
}

/* Mobile dots - Figma 221:4046: left-aligned, 38px below carousel */
.work-detail-related__carousel > .slick-dots {
  position: static;
  bottom: auto;
  left: 0;
  display: flex !important;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  max-width: 3rem;
  margin: 2.375rem 0 0;
  padding: 0;
  gap: 0.75rem;
  list-style: none;
  transform: none;
}
@media screen and (min-width:768px) {
  .work-detail-related__carousel > .slick-dots {
    display: none !important;
  }
}
.work-detail-related__carousel > .slick-dots li {
  margin: 0;
  padding: 0;
  line-height: 0;
  width: auto;
  height: auto;
}
.work-detail-related__carousel > .slick-dots button {
  width: 0.5rem;
  height: 0.5rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: #b4d8f3;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}
.work-detail-related__carousel > .slick-dots button::before {
  display: none;
}
.work-detail-related__carousel > .slick-dots li.slick-active button {
  background-color: #252b69;
}

.work-detail-related__slide {
  padding: 0;
  margin: 0 0.625rem;
  height: 100%;
}

.work-detail-related__card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  height: 23.125rem;
  background-color: #252b69;
}
@media screen and (min-width:991px) {
  .work-detail-related__card {
    height: 26.5rem;
  }
}

.work-detail-related__hit {
  position: absolute;
  z-index: 2;
  inset: 0;
  cursor: pointer;
  text-decoration: none;
}
.work-detail-related__hit:focus-visible {
  outline: 0.1875rem solid #252b69;
  outline-offset: -0.1875rem;
}

.work-detail-related__card:has(.work-detail-related__hit) .work-detail-related__media,
.work-detail-related__card:has(.work-detail-related__hit) .work-detail-related__overlay {
  pointer-events: none;
}

.work-detail-related__media {
  position: absolute;
  inset: 0;
}
.work-detail-related__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
  transform: scale3d(1, 1, 1);
}

.work-detail-related__overlay {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 1.25rem;
  background-color: rgba(16, 16, 18, 0.75);
}
@media screen and (min-width:991px) {
  .work-detail-related__overlay {
    padding: 1.25rem 2rem;
  }
}

.work-detail-related__title {
  margin: 0;
  max-width: 42.5rem;
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  word-break: break-word;
}
@media screen and (min-width:991px) {
  .work-detail-related__title {
    font-size: 1.5rem;
  }
}

.work-detail-related__title--coral {
  color: #ef6164;
}

.work-detail-related__title--gold {
  color: #d2925c;
}

.work-detail-related__title--sky {
  color: #b4d8f3;
}

.work-detail-related__title--lavender {
  color: #d395c1;
}

.work-detail-related__title--lime {
  color: #bcd871;
}

.work-detail-related__client {
  margin: 0;
  max-height: none;
  overflow: hidden;
  opacity: 1;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (min-width:991px) {
  .work-detail-related__client {
    max-height: 0;
    opacity: 0;
    font-size: 1.25rem;
    line-height: 1.5;
    transition: max-height 0.45s ease, opacity 0.3s ease 0.05s;
  }
}

@media screen and (min-width:991px) {
  .work-detail-related__card:hover .work-detail-related__media img,
  .work-detail-related__card:focus-within .work-detail-related__media img {
    transform: scale3d(1.1, 1.1, 1);
  }
  .work-detail-related__card:hover .work-detail-related__client,
  .work-detail-related__card:focus-within .work-detail-related__client {
    max-height: 7.5rem;
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .work-detail-related__media img {
    transition: none;
  }
}
@media screen and (prefers-reduced-motion: reduce) and (min-width:991px) {
  .work-detail-related__card:hover .work-detail-related__media img,
  .work-detail-related__card:focus-within .work-detail-related__media img {
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .work-detail-related__client {
    transition: none;
    max-height: none;
    opacity: 1;
  }
}