/* ============================================================
   ASCENDION · IN THE MEDIA DETAIL — Figma 1082:32417
   ============================================================ */
/* In the media listing */
/* ============================================================
   ASCENDION · NEWS LISTING  [news_listing]
   Enqueued by news-listing.php (wp_enqueue_style, gated on
   has_shortcode) from get_stylesheet_directory_uri() . '/fluid/…' —
   update the path in that file's enqueue call if this file lives
   somewhere else in your theme.

   Year tabs across the top, a 3-column grid of press-mention cards
   (source logo, headline, divider, "Featuring {name}", arrow badge),
   then numbered pagination with pixel-arrow prev/next.
   ============================================================ */
.page-id-1643 a.cta-primary.cta-primary--mint.il-card__cta.al-card__cta {
    background: var(--neutral-deep-black);
}

.page-id-1643 a.cta-primary.cta-primary--mint.il-card__cta.al-card__cta span.cta-primary__text {
    color: #fff;
	background:var(--neutral-deep-black);
}
a.cta-primary.cta-primary--mint.il-card__cta {
    background:var(--neutral-deep-black);
}

a.cta-primary.cta-primary--mint.il-card__cta span.cta-primary__arrow {
    background: var(--neutral-deep-black);
}

a.cta-primary.cta-primary--mint.il-card__cta span.cta-primary__arrow span.pixel-arrow {
    color: #fff;
}

.page-id-1902 .wwd-cap:hover .wwd-cap__name {
    color: var(--brand-dark-teal) !important;
}


a.cta-primary.cta-primary--mint.il-card__cta span.cta-primary__text {
    color: #fff;
}

a.cta-primary.cta-primary--mint.il-card__cta:hover span.cta-primary__arrow {
    background: var(--brand-neural-mint);
}

a.cta-primary.cta-primary--mint.il-card__cta:hover span.cta-primary__arrow span.pixel-arrow {
    color: #000;
}

.page-id-1643 a.cta-primary.cta-primary--mint.il-card__cta.al-card__cta span.cta-primary__arrow {
    background: var(--neutral-deep-black);
}
.page-id-1643 a.cta-primary.cta-primary--mint.il-card__cta.al-card__cta span.pixel-arrow {
    color: #fff;
}
.page-id-1643 a.cta-primary.cta-primary--mint.il-card__cta.al-card__cta:hover span.cta-primary__arrow {
    background: var(--brand-neural-mint);
}

.page-id-1643 a.cta-primary.cta-primary--mint.il-card__cta.al-card__cta:hover span.cta-primary__arrow span.pixel-arrow {
    color: #000;
}


.page-id-2070 .sp-platforms__cards p {
    color: #fff;
}.what-page,.page-id-2070 .acc-item__icn-box {
    display: none;
}.page.page-id-1258 .fwt__text {
    margin: 0;
    padding-top: 0;
    font-family: var(--typeface-primary);
    font-size: var(--font-h2);
    line-height: var(--lh-h2);
    color: var(--neutral-black);
    width: 100%;
}
.page.page-id-1258 .bn__pixels{
	background:#fff;
}
.page.page-id-1258 section.fwt {
    background: #fff;
    position: relative;
}

.bn__pixels {}

.page.page-id-1258 section.fwt:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--space-20);
    pointer-events: none;
    z-index: 5;
    background-image: linear-gradient(#f4f4f4, #f4f4f4), linear-gradient(#f4f4f4, var(--pixel-bottom, #f4f4f4));
    background-position: bottom left, bottom right;
    background-size: var(--space-20) var(--space-20);
    background-repeat: no-repeat;
}
.page.page-id-1258 .ci-voices{
    position:relative;
}
.page.page-id-1258 .ci-voices::before {
    content: "";
    position: absolute;
    display:block !important;
    top: 0;
    left: 0;
    right: 0;
    height: var(--space-20);
    pointer-events: none;
    z-index: 5;
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
    background-position: top left, top right;
    background-size: var(--space-20) var(--space-20);
    background-repeat: no-repeat;
    }

.case__grid:before {
    position: absolute;
    content: "";
    background: #fff;
    width: 20px;
    height: 20px;
    bottom: 0;
    left: 0;
    z-index: 9;
}

.page-id-2070  .what-page {
    text-align: center;
    display: flex;
    justify-content: left;
}
.page.page-id-2070 .pe-work__inner:after{
	display:none;
}
.page-id-2070 article.pe-stat:last-child {
    border: none;
}
.page-id-2333 section.shortcode-section:before {
    display: block !important;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--space-20);
    pointer-events: none;
    z-index: 5;
    background-image: linear-gradient(#000, var(--pixel-bottom, #000)), linear-gradient(#000, var(--pixel-bottom, #000));
    background-position: bottom left, bottom right;
    background-size: var(--space-20) var(--space-20);
    background-repeat: no-repeat;
}
.page-id-2333 section.shortcode-section:after {
	
		display:none !important;
	}
*, *::before, *::after { box-sizing: border-box; }
img { max-width: 100%; display: block; }
a { text-decoration: none; color: inherit; }

/* ── Shared components (copied per this repo's convention — each
   fluid/*.css file carries its own copy rather than importing one) ── */

.pixel-arrow { display: inline-block; width: 11px; flex-shrink: 0; color: currentColor; }
.pixel-arrow svg { width: 100%; height: auto; fill: currentColor; display: block; }

/* Pixel-corner notch on the shortcode wrapper — matches the same
   top-left/top-right pixel transition used on other sections site-wide.
   `.shortcode-section` isn't emitted by this file's markup; it's the
   wrapper this site's shortcode renderer adds automatically around any
   shortcode's output. */
section.shortcode-section {
  position: relative;
  background: #ffffff;
}
section.shortcode-section:after {
  display: block !important;
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: var(--space-20);
  pointer-events: none;
  z-index: 5;
  background-image: linear-gradient(#000, var(--pixel-top, #000)), linear-gradient(#000, var(--pixel-top, #000));
  background-position: top left, top right;
  background-size: var(--space-20) var(--space-20);
  background-repeat: no-repeat;
}

/* ── Section ── */


/* ── Year tabs ── */

.nl__tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  border-bottom: 1px solid #e0e0e0;
}
.nl__inner {
    padding: var(--responsive-spacing-60) var(--margin-margin);
}
.nl__tab {
  padding: 10px 16px;
  font-weight: 500;
   font-size: var(--font-body_s);
  line-height:  var(--lh-body_s);
  color: #000000;
  background: transparent;
  transition: background 200ms ease, color 200ms ease;
}
.nl__tab.is-active { background: var( --brand-dark-teal); color: #fff; }
.nl__tab:not(.is-active):hover { color: #008567; }

/* ── Grid ── */

.nl__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.nl-card {
  display: flex;
flex-direction: column;
    height: 290px;
    padding: 20px;
    background: var(--neutral-soft-grey);
    transition: background 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    border: 1px solid var(--neutral-white);
}
.nl-card__logo {   width: 65%;
    height: 65px;          /* change to 50px/70px if needed */
	margin-bottom: var(--responsive-spacing-32);
    object-fit: contain;
    object-position: left center;
    display: block;}
.nl-card__source { margin: 0 0 16px;  font-size: 18px; color: #000000; }
.nl-card__title {
     margin: 0;
    color: #000000;
    flex: 1 1 auto;
    font-size: var(--font-body_s);
    line-height: var(--lh-body_s);
}
.page.page-id-2430 .bn__pixels {
    background: #fff;
}

.page.page-id-2430 section.shortcode-section:after {
    display: none !important;
}
.nl__inner {
     padding: var(--responsive-spacing-60) var(--margin-margin);
}

a.nl-card {
    position: relative;
}

a.nl-card:after {
    position: absolute;
    content: "";
    background: #fff;
    width: 20px;
    height: 20px;
    top: 0;
    right: 0;
}

a.nl-card:hover:after {
    background: #00FAC2;
}

a.nl-card:hover {
    background: #fff;
    border: 1px solid #ccc;
}
.nl-card__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #d9d9d9;
}
.nl-card__featuring { margin: 0; display: flex; flex-direction: column; gap: 2px; }
.nl-card__featuring-label {  font-size: var(--font-tags);
  line-height:  var(--lh-tags);
	color: #666666; }
.nl-card__featuring-name {
    color: #000000;
    font-size: var(--font-body_s);
    line-height: var(--lh-body_s);
}.nl-card__badge {
  flex-shrink: 0;
  width: 46px; height: 50px;
  display: flex; align-items: center; justify-content: center;
  background: #000000;
  color: #ffffff;
  transition: background 200ms ease, color 200ms ease;
}
.nl-card:hover .nl-card__badge { background: #00FAC2; color: #000000; }

.nl__empty { margin: 0; font-size: 15px; color: #666666; }

/* ── Pagination (WordPress core paginate_links() output) ── */

.nl__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 40px;
}
.nl__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 6px;
  font-size: var(--font-body_s);
  line-height:  var(--lh-body_s);
  font-weight: 400;
  color: #999999;
}
.page.page-id-2430 .bn__pixels {
    background: #fff;
}

.page.page-id-2430 section.shortcode-section:after {
    display: none !important;
}
.nl__pagination a.page-numbers:hover { color: #000000; }
.nl__pagination .page-numbers.current { color: #008567; font-weight: 400; }
.nl__pagination .page-numbers.dots { color: #cccccc; }
.nl__pagination a.prev.page-numbers,
.nl__pagination a.next.page-numbers {
  width: 32px; height: 32px;
  padding: 0;
  background: #fff;
  color: #000; !important
  transition: background 200ms ease, color 200ms ease;
}
.nl__pagination a.prev.page-numbers:hover,
.nl__pagination a.next.page-numbers:hover {     color: var(--brand-dark-teal);
 }
.nl__pagination a.prev.page-numbers { transform: scaleX(-1); }

/* ============================================================
   RESPONSIVE · Tablet ≤1023px · Mobile ≤719px
   ============================================================ */

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

@media (max-width: 768px) {
  .nl { padding: 40px 20px; }
  .nl__tabs { gap: 4px; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 16px; }
  .nl__tab { flex-shrink: 0; padding: 8px 14px; }
  .nl__grid { grid-template-columns: 1fr; gap: 16px; }
	.nl__inner {
    padding: 0;
}
	.itm-notches span {
    display: block;
    width: 10px;
    height: 10px;
}
	a.nl-card:after {
    position: absolute;
    content: "";
    background: var(--brand-neural-mint);
    width: 10px;
    height: 10px;
    top: 0;
    right: 0;
	}
	.nl-card__logo {
    width: 70%;
    height: 57px;
    margin-bottom: 32px;
    object-fit: contain;
    object-position: left center;
    display: block;
}
	.nl-card {
    display: flex;
    flex-direction: column;
    height: 290px;
    padding: 20px;
    background: var(--neutral-white);
    transition: background 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    border: 1px solid var(--neutral-soft-grey);
}
	
	.wwd-cap__name{
		color: var(--brand-dark-teal);
	}
	
	.page-id-1902 .wwd-cap:after {
    background:var(--brand-dark-teal); 
}
}

/* in the media lisitng */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; color: var(--neutral-black); font-family: var(--typeface-secondary); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
html { scroll-behavior: smooth; }
body { background: var(--neutral-white); }
img { max-width: 100%; display: block; }
a { text-decoration: none; color: inherit; }

.single.single-news-book .site-footer::before {
    display: none;
}
/* ============================================================
   NAV
   ============================================================ */
.nav { position: fixed; top: 0; left: 0; right: 0; z-index: 30; display: flex; align-items: center; justify-content: space-between; padding: var(--responsive-spacing-24) var(--margin-margin); background-color: transparent; backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px); transition: background-color 320ms ease, backdrop-filter 320ms ease; }
.nav--scrolled { background-color: var(--neutral-deep-black-60); backdrop-filter: blur(20px) saturate(160%); -webkit-backdrop-filter: blur(20px) saturate(160%); }
@media (min-width: 1024px) { .nav { padding-top: var(--responsive-spacing-12); padding-bottom: var(--responsive-spacing-12); } }
.nav__logo { display: inline-flex; align-items: center; color: var(--neutral-white); }
.nav__logo svg { height: var(--space-32); width: auto; fill: currentColor; display: block; }
.nav__actions { display: flex; align-items: center; gap: var(--space-12); }
.nav__icon { display: inline-flex; align-items: center; padding: 0; background: none; border: 0; cursor: pointer; }
.nav__icon svg { display: block; }
.nav__icon .nav__icon-mobile { display: none; }


/* ============================================================
   SHARED COMPONENTS
   ============================================================ */
.pixel-arrow { display: inline-block; width: var(--space-14); flex-shrink: 0; color: currentColor; }
.pixel-arrow svg { width: 100%; height: auto; fill: currentColor; display: block; }

.cta-primary { display: inline-flex; align-items: stretch; cursor: pointer; }
.cta-primary__text { display: flex; align-items: center; padding: var(--space-12) var(--space-8) var(--space-12) var(--space-16); font-family: var(--typeface-secondary); font-weight: var(--weight-medium); font-size: var(--font-cta); line-height: var(--lh-cta); }
.cta-primary__arrow { display: flex; align-items: center; justify-content: center; padding: var(--space-14) var(--space-16); transition: background 240ms ease, color 240ms ease; }
.extrabtn {
    display: flex;
}
.cta-primary--light { background: var(--neutral-deep-black-60); transition: background 320ms ease; }
.cta-primary--light .cta-primary__text, .cta-primary--light .cta-primary__arrow { color: var(--neutral-white); }
.cta-primary--light:hover { background: var(--neutral-black); }
.cta-primary--light:hover .cta-primary__arrow { background: var(--brand-neural-mint); color: var(--neutral-black); }

.cta-primary--mint { background: var(--brand-neural-mint); transition: background 240ms ease; }
.cta-primary--mint .cta-primary__text, .cta-primary--mint .cta-primary__arrow { color: var(--neutral-black); }
.single-news-book .cta-primary--mint:hover .cta-primary__text,.single-news-book .cta-primary--mint:hover .cta-primary__arrow { color: var(--neutral-white); }

.cta-primary--dark { background: var(--neutral-deep-black); transition: background 240ms ease; }
.cta-primary--dark .cta-primary__text, .cta-primary--dark .cta-primary__arrow { color: var(--neutral-white); }
.cta-primary--dark:hover .cta-primary__arrow { background: var(--brand-neural-mint); color: var(--neutral-black); }


/* ============================================================
   SCROLL-REVEAL
   ============================================================ */
[data-reveal] { opacity: 0; transform: translateY(24px); transition: opacity 700ms cubic-bezier(.2,.7,.2,1), transform 700ms cubic-bezier(.2,.7,.2,1); will-change: opacity, transform; }
[data-reveal].is-in { opacity: 1; transform: none; }


/* ============================================================
   1 · HERO
   ============================================================ */
.itm-hero { position: relative; overflow: hidden; background: var(--neutral-deep-black); display: flex; flex-direction: column; justify-content: space-between; height: 60dvh; padding: calc(var(--responsive-spacing-80) + 16px) var(--margin-margin) var(--responsive-spacing-60); }
.itm-hero__bg { position: absolute; inset: 0; z-index: 0; }
.itm-hero__bg img { width: 100%; height: 100%; object-fit: cover; }
.itm-hero__side-grad { position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(112deg, rgba(0,0,0,0.64) 3%, rgba(102,102,102,0) 22%); }
.itm-hero__bottom-grad { position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(0,0,0,0) 32%, rgba(14,14,14,0.99) 99%); }

.itm-hero__crumbs { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: var(--responsive-spacing-12); flex-wrap: wrap; }
.itm-hero__crumb { font-family: var(--typeface-secondary); font-weight: var(--weight-regular); font-size: var(--font-body_xxs); line-height: var(--lh-body_xxs); color: var(--neutral-white); }
.itm-hero__crumb a { color: inherit; }
.itm-hero__crumb-dot { width: 6px; height: 6px; background: var(--brand-neural-mint); flex-shrink: 0; display: inline-block; }

.itm-hero__foot { position: relative; z-index: 2; display: flex; align-items: flex-end; justify-content: space-between; gap: var(--responsive-spacing-20); }
.itm-hero__title { margin: 0; max-width: 900px; font-family: var(--typeface-primary); font-weight: var(--weight-plain-regular); font-size: var(--font-h2); line-height: var(--lh-h2); letter-spacing: -0.01em; color: var(--neutral-white); }
.itm-hero__scroll { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 46px; color: var(--brand-neural-mint); }
.itm-hero__scroll .pixel-arrow { width: var(--space-14); transform: rotate(90deg); display:none; }


/* ============================================================
   PIXEL NOTCHES  — section corner transitions
   Two 20×20px squares flush at left + right of the divider row.
   Color matches the NEXT section's background, appearing as
   cut-corner chips into the current section.
   ============================================================ */
.itm-notches { display: flex; justify-content: space-between; pointer-events: none; position: relative; z-index: 5; line-height: 0; }
.itm-notches span { display: block; width: 20px; height: 20px; }
/* hero → content: chips are white (content bg) cutting into hero dark */
.itm-notches--black    span { background: var(--neutral-black); }
/* content → news: chips are soft-grey (news bg) cutting into white content */
.itm-notches--softgrey span { background: var(--neutral-soft-grey); }
/* news → footer: chips are deep-black (footer bg) cutting into soft-grey news */
.itm-notches--dark     span { background: var(--neutral-deep-black); }


/* ============================================================
   2 · CONTENT (white bg)
   ============================================================ */
.itm-content { background: var(--neutral-white); }

/* outer + inner mirror ar-outer / ar-inner */
.itm-outer { padding: var(--responsive-spacing-80) var(--margin-margin); }
.itm-inner { padding: 0 112px; display: flex; flex-direction: column; gap: var(--responsive-spacing-32); }
.itm-block { display: flex; flex-direction: column; gap: var(--responsive-spacing-40); }

/* Author */
.itm-author { display: flex; align-items: flex-start; gap: var(--responsive-spacing-32); }
.itm-author__photo-wrap { flex-shrink: 0; width: 130px; height: 150px; overflow: hidden; }
.itm-author__photo { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.itm-author__info { display: flex; flex-direction: column; gap: var(--space-8); padding-top: var(--space-4); }
.itm-author__name { margin: 0; font-family: var(--typeface-primary); font-weight: var(--weight-plain-regular); font-size: var(--font-h3); line-height: var(--lh-h3); letter-spacing: -0.01em; color: var(--neutral-black); }
.itm-author__role { margin: 0; font-family: var(--typeface-secondary); font-weight: var(--weight-regular); font-size: var(--font-body_xxs); line-height: var(--lh-body_xxs); color: var(--neutral-charcoal); }
.itm-author__linkedin { display: inline-flex; margin-top: var(--space-8); }
.itm-author__linkedin svg { display: block; width: 32px; height: 32px; }

/* Summary */
.itm-summary { margin: 0; font-family: var(--typeface-secondary); font-weight: var(--weight-regular); font-size: var(--font-body_s); line-height: var(--lh-body_s); color: var(--neutral-black); }

/* Divider */
.itm-divider { border: 0; border-top: 1px solid var(--neutral-light-grey); margin: 0; }

/* Excerpt heading */
.itm-excerpt-head { margin: 0; font-family: var(--typeface-primary); font-weight: var(--weight-plain-regular); font-size: var(--font-h3); line-height: var(--lh-h3); letter-spacing: -0.01em; color: var(--neutral-black); }

/* Quote block */
.itm-quote { background: var(--neutral-soft-grey); padding: var(--responsive-spacing-40); display: flex; flex-direction: column; gap: var(--responsive-spacing-32); }
.itm-quote__marks { display: block; }
.itm-quote__body { display: flex; flex-direction: column; gap: var(--space-20); }
.itm-quote__body p { margin: 0; font-family: var(--typeface-secondary); font-weight: var(--weight-regular); font-size: var(--font-body_s); line-height: var(--lh-body_s); color: var(--neutral-black); }
.itm-quote__ctas { display: flex; align-items: center; gap: var(--responsive-spacing-20); flex-wrap: wrap; }


/* ============================================================
   3 · LATEST NEWS (soft-grey bg)
   ============================================================ */
.itm-news { background: var(--neutral-soft-grey); }
.itm-news__inner { padding: var(--responsive-spacing-80) var(--margin-margin); }
.itm-news__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--responsive-spacing-40); }
.itm-news__title { margin: 0; font-family: var(--typeface-primary); font-weight: var(--weight-plain-regular); font-size: var(--font-h2); line-height: var(--lh-h2); letter-spacing: -0.02em; color: var(--neutral-black); }

/* Carousel wrapper */
.itm-carousel { position: relative; }

/* Desktop: plain 3-col grid */
.itm-carousel__track { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--grid-gutter); }

/* Dot indicators — hidden on desktop */
.itm-carousel__dots { display: none; }


/* ── Card ── */
.itm-card { display: flex; flex-direction: column; background: transparent; overflow: hidden; }
.itm-card__media { position: relative; flex-shrink: 0; aspect-ratio: 16 / 10; overflow: hidden; }
.itm-card__img { width: 100%; height: 100%; object-fit: cover; transition: transform 480ms ease; }
.itm-card:hover .itm-card__img { transform: scale(1.04); }
.itm-card__tag { position: absolute; top: var(--responsive-spacing-16); right: var(--responsive-spacing-16); z-index: 2; padding: var(--space-4) var(--space-12); font-family: var(--typeface-secondary); font-weight: var(--weight-medium); font-size: var(--font-caption); line-height: var(--lh-caption); background: var(--neutral-white); color: var(--neutral-black); white-space: nowrap; }
h3.itm-card__title {
    font-weight: normal;
	    font-size: var(--font-body_s);
    line-height: var(--lh-body_s);
}
.itm-card__body { display: flex; flex-direction: column; justify-content: space-between; flex: 1; gap: var(--responsive-spacing-16); }
.itm-card__footer { display: flex; align-items: start; justify-content: space-between; gap: var(--space-12); }
.itm-card__meta { display: flex; flex-direction: column; gap: 2px; }
.itm-card__author { margin: 0; font-family: var(--typeface-secondary); font-weight: var(--weight-medium); font-size: var(--font-body_xxs); line-height: var(--lh-body_xxs); color: var(--neutral-black); }
.itm-card__role { margin: 0; font-family: var(--typeface-secondary); font-weight: var(--weight-regular); font-size: var(--font-caption); line-height: var(--lh-caption); color: var(--neutral-charcoal); }

/* Share button: dark square with upload icon */
.itm-card__share { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: var(--neutral-deep-black); border: 0; cursor: pointer; color: var(--neutral-white); transition: background 240ms ease;
font-weight:var(--weight-medium)
}
.itm-card__share:hover { background: var(--brand-neural-mint); color: var(--neutral-black); }
.itm-card__share svg { display: block; }


/* ============================================================
   RESPONSIVE · Tablet ≤1023px
   ============================================================ */
@media (max-width: 1023px) {
  .itm-inner { padding: 0 40px; }
  .itm-carousel__track { grid-template-columns: repeat(2, 1fr); }
  .itm-news__title { font-size: var(--font-h3); line-height: var(--lh-h3); }
  .itm-author__name { font-size: var(--font-h3); line-height: var(--lh-h3); }
  .site-footer__brand { flex-direction: row; align-items: center; min-height: unset; width: 100%; }
  .site-footer__mark { height: 72px; }
  .site-footer__top { flex-direction: column; gap: var(--responsive-spacing-48); }
  .site-footer__cols { grid-template-columns: 1fr 1fr; gap: var(--responsive-spacing-40) var(--grid-gutter); }
}


/* ============================================================
   RESPONSIVE · Mobile ≤719px
   ============================================================ */
@media (max-width: 719px) {
  /* nav */
	.case__grid:before {
    width: 10px;
    height: 10px;

}
  .nav__actions .cta-primary { display: none; }
  .nav__icon .nav__icon-desktop { display: none; }
  .nav__icon .nav__icon-mobile  { display: block; }

  /* hero */
  .itm-hero { min-height: 60dvh; padding-top: calc(var(--responsive-spacing-60) + 56px); padding-bottom: var(--responsive-spacing-40); }
  .itm-hero__foot { flex-direction: column; align-items: flex-start; gap: var(--space-24); }
  .itm-hero__title { font-size: var(--font-h3); line-height: var(--lh-h3); }

  /* content */
  .itm-outer { padding: var(--responsive-spacing-60) var(--margin-margin); }
  .itm-inner { padding: 0; gap: var(--responsive-spacing-60); }
  .itm-author { flex-direction: column; }
  .itm-author__photo-wrap { width: 100px; height: 115px; }
  .itm-author__name { font-size: var(--font-h5); line-height: var(--lh-h5); }
  .itm-quote { padding: var(--responsive-spacing-24); }
  .itm-quote__ctas { flex-direction: column; align-items: flex-start; }

  /* news */
  .itm-news__inner { padding: var(--responsive-spacing-48) var(--margin-margin); }
  .itm-news__head { flex-direction: column; align-items: flex-start; gap: var(--space-20); }
  .itm-news__title { font-size: var(--font-h2); line-height: var(--lh-h2); }

  /* carousel: horizontal scroll-snap */
  .itm-carousel__track {
    display: flex;
    grid-template-columns: unset;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 16px;
    /* bleed to show edge of next card */
    padding-right: var(--margin-margin);
  }
  .itm-carousel__track::-webkit-scrollbar { display: none; }
  .itm-card {
    flex: 0 0 calc(100vw - (var(--margin-margin) * 2) - 24px);
    scroll-snap-align: start;
  }

  /* dot indicators */
  .itm-carousel__dots {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 8px;
    margin-top: var(--space-24);
  }
  .itm-carousel__dot {
    display: block;
    width: 8px; height: 8px;
    background: var(--neutral-light-grey);
    cursor: pointer;
    transition: background 240ms ease;
  }
  .itm-carousel__dot.is-active { background: var(--neutral-black); }

  /* footer mobile */
  .site-footer { padding: var(--responsive-spacing-48) var(--margin-margin) var(--responsive-spacing-32); }
  .site-footer__mobile-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-32); }
  .site-footer__logomark { height: 44px; width: auto; fill: white; }
  .site-footer__social-icons { display: flex; align-items: center; gap: var(--space-16); }
  .site-footer__social-link { color: var(--neutral-medium-grey); }
  .site-footer__top { flex-direction: column; gap: 0; }
  .site-footer__cols { grid-template-columns: 1fr; gap: 0; }
  .site-footer__col { border-top: 1px solid var(--neutral-charcoal); }
  .site-footer__col:last-of-type { border-bottom: 1px solid var(--neutral-charcoal); }
  .site-footer__head { margin: 0; padding: var(--space-20) 0; cursor: pointer; user-select: none; }
  .site-footer__expand-icon { display: flex; }
  .site-footer__list { max-height: 0; transition: max-height 350ms ease; gap: var(--space-20); }
  .site-footer__head.is-open + .site-footer__list { padding-bottom: var(--space-24); }
  .site-footer__bottom { flex-direction: column; align-items: flex-start; gap: var(--space-16); margin-top: var(--space-32); }
}

@media (prefers-reduced-motion: reduce) {
  [data-reveal] { opacity: 1; transform: none; transition: none; }
  html { scroll-behavior: auto; }
}

.page-id-2070 .sp-platforms__head-nav {
    display: flex;
    align-items: center;
    gap: var(--space-12, 12px);
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}

@media (max-width: 719px) {
 .page-id-2070 .sp-platforms__dots {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-top: var(--space-32);
        display:none;
    }
.page-id-2070 .sp-platforms {
    background: var(--neutral-black);
    padding: var(--responsive-spacing-80) var(--margin-margin);
    display: flex;
    flex-direction: column;
    gap: var(--space-32);
}
	.page-id-2070 .sp-platforms--slider .sp-platforms__dots {
    display: none;
}
}