:root {
  --ndn-blue: #183b4e;
  --ndn-blue-mid: #285a70;
  --ndn-red: #b4232f;
  --ndn-red-dark: #7f1822;
  --ndn-graphite: #292725;
  --ndn-ink-muted: #5f6366;
  --ndn-line: #d9dddf;
  --ndn-surface: #f5f7f8;
  --ndn-white: #fff;
  --ndn-success: #24643b;
  --ndn-warning: #8a5a00;
  --font-editorial: "Source Serif 4", Georgia, serif;
  --font-interface: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --radius: 3px;
  --container: 1280px;
  --reading: 740px;
  --transition: 160ms ease;
}

*,
*::before,
*::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  background: var(--ndn-white);
  color: var(--ndn-graphite);
  font-family: var(--font-interface);
  font-size: 16px;
  line-height: 1.55;
  text-rendering: optimizeLegibility;
}

body.nav-open { overflow: hidden; }

img { display: block; height: auto; max-width: 100%; }

a { color: var(--ndn-blue); text-decoration-thickness: .08em; text-underline-offset: .16em; }
a:hover { color: var(--ndn-red); }
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
summary:focus-visible { outline: 3px solid var(--ndn-red); outline-offset: 3px; }

button,
input,
select { font: inherit; }

button { cursor: pointer; }

h1,
h2,
h3,
h4,
p { margin-top: 0; }

h1,
h2,
h3,
h4 {
  color: var(--ndn-graphite);
  font-family: var(--font-editorial);
  font-weight: 700;
  line-height: 1.08;
  text-wrap: balance;
}

.sr-only {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.skip-link {
  background: var(--ndn-red);
  color: var(--ndn-white);
  left: var(--space-4);
  padding: var(--space-3) var(--space-4);
  position: fixed;
  top: -100%;
  z-index: 1000;
}

.skip-link:focus { top: var(--space-4); }

.ndn-container,
.ndn-container-wide,
.ndn-container-reading {
  margin-inline: auto;
  padding-inline: var(--space-4);
  width: 100%;
}

.ndn-container,
.ndn-container-wide { max-width: var(--container); }
.ndn-container-reading { max-width: calc(var(--reading) + 2rem); }

.site-main { min-height: 55vh; }

/* Header */
.site-header { background: var(--ndn-white); border-bottom: 1px solid var(--ndn-line); position: relative; z-index: 50; }
.site-header__brand { align-items: center; display: flex; height: 64px; justify-content: space-between; }
.site-brand { display: inline-flex; overflow: hidden; position: relative; }
.site-brand img { max-width: none; position: absolute; }
.site-brand__lockup { height: 44px; width: 255px; }
.site-brand__lockup img { height: 245px; left: -58px; top: -89px; width: 347px; }
.site-brand__monogram { height: 36px; width: 94px; }
.site-brand__monogram img { height: 118px; left: -36px; top: -41px; width: 167px; }
.brand-desktop { display: none; }
.brand-mobile { display: flex; }
.icon-button { align-items: center; background: transparent; border: 0; color: var(--ndn-blue); display: inline-flex; font-size: 1.5rem; height: 44px; justify-content: center; min-width: 44px; }
.site-nav-wrap { background: var(--ndn-white); display: none; }
.primary-navigation { align-items: center; display: flex; gap: var(--space-8); }
.primary-navigation > a,
.primary-navigation summary { color: var(--ndn-graphite); font-size: .85rem; font-weight: 700; letter-spacing: .045em; text-decoration: none; text-transform: uppercase; }
.primary-navigation details { position: relative; }
.primary-navigation summary { cursor: pointer; list-style: none; padding-block: var(--space-4); }
.primary-navigation summary::-webkit-details-marker { display: none; }
.primary-navigation summary::after { content: "⌄"; margin-left: var(--space-2); }
.nav-dropdown { background: var(--ndn-white); border: 1px solid var(--ndn-line); box-shadow: 0 12px 30px rgb(24 59 78 / 12%); display: grid; gap: var(--space-2); left: 0; min-width: 250px; padding: var(--space-4); position: absolute; top: calc(100% - 2px); }
.nav-dropdown a { color: var(--ndn-graphite); padding: var(--space-2); text-decoration: none; }
.nav-dropdown--sectors { grid-template-columns: repeat(2, minmax(220px, 1fr)); min-width: 520px; }
.site-nav-row { align-items: center; display: flex; height: 48px; justify-content: space-between; }
.sticky-brand { display: none; }
.secondary-navigation { border-top: 1px solid var(--ndn-line); overflow-x: auto; scrollbar-width: none; }
.secondary-navigation__inner { display: flex; gap: var(--space-6); min-width: max-content; }
.secondary-navigation a { color: var(--ndn-ink-muted); font-size: .8rem; font-weight: 600; padding-block: var(--space-3); text-decoration: none; }
.secondary-navigation a:first-child { color: var(--ndn-red); }
.site-search { background: var(--ndn-surface); border-top: 1px solid var(--ndn-line); }
.site-search__inner { align-items: center; display: flex; gap: var(--space-4); padding-block: var(--space-4); }
.search-form { display: flex; flex: 1; gap: var(--space-2); }
.search-form label { flex: 1; }
.search-field { border: 1px solid var(--ndn-line); min-height: 44px; padding: var(--space-3); width: 100%; }
.search-submit,
.search-close,
.button,
.filters button,
.article-share button { background: var(--ndn-blue); border: 0; border-radius: var(--radius); color: var(--ndn-white); font-family: var(--font-interface); font-weight: 700; min-height: 44px; padding: var(--space-3) var(--space-4); text-decoration: none; }
.search-close { background: transparent; color: var(--ndn-graphite); }
.mobile-navigation { background: var(--ndn-white); inset: 64px 0 0; overflow-y: auto; padding: var(--space-6) var(--space-4) var(--space-16); position: fixed; z-index: 100; }
.mobile-navigation__brand { border-bottom: 1px solid var(--ndn-line); margin-bottom: var(--space-4); padding-bottom: var(--space-4); }
.mobile-navigation__brand .site-brand__lockup { height: 44px; width: 255px; }
.mobile-navigation > a,
.mobile-navigation summary,
.mobile-navigation details a { border-bottom: 1px solid var(--ndn-line); color: var(--ndn-graphite); display: block; font-weight: 700; min-height: 48px; padding: var(--space-3) 0; text-decoration: none; }
.mobile-navigation summary { cursor: pointer; }
.mobile-navigation details a { font-weight: 500; padding-left: var(--space-4); }

/* Headings and labels */
.section-heading { align-items: end; border-bottom: 1px solid var(--ndn-graphite); display: flex; justify-content: space-between; margin-bottom: var(--space-6); padding-bottom: var(--space-3); position: relative; }
.section-heading::after { background: var(--ndn-red); bottom: -2px; content: ""; height: 3px; left: 0; position: absolute; width: 42px; }
.section-heading h2 { font-size: clamp(1.75rem, 3vw, 2.5rem); margin: 0; }
.section-heading > a { font-size: .85rem; font-weight: 700; }
.section-heading--light { border-color: rgb(255 255 255 / 42%); }
.section-heading--light h2 { color: var(--ndn-white); }
.subsection-heading { align-items: baseline; display: flex; justify-content: space-between; }
.subsection-heading h3 { font-size: 1.5rem; }
.story-label { color: var(--ndn-blue); display: inline-block; font-family: var(--font-interface); font-size: .72rem; font-weight: 700; letter-spacing: .08em; margin-bottom: var(--space-2); text-decoration: none; text-transform: uppercase; }
.story-label::before { background: currentcolor; content: ""; display: inline-block; height: 3px; margin-right: var(--space-2); transform: skewX(-45deg); vertical-align: middle; width: 9px; }
.story-label--advertising { color: var(--ndn-red); }

/* Story system */
.story { min-width: 0; }
.story-media { aspect-ratio: 3 / 2; background: var(--ndn-surface); display: block; margin-bottom: var(--space-4); overflow: hidden; text-decoration: none; }
.story-media__image { height: 100%; object-fit: cover; width: 100%; }
.story-media__fallback { align-items: center; background: linear-gradient(135deg, var(--ndn-blue), var(--ndn-blue-mid)); color: rgb(255 255 255 / 25%); display: flex; font-family: var(--font-interface); font-size: clamp(2rem, 8vw, 6rem); font-weight: 700; height: 100%; justify-content: center; overflow: hidden; position: relative; }
.story-media__fallback::after { background: rgb(255 255 255 / 10%); content: ""; height: 180%; position: absolute; transform: rotate(-45deg); width: 25%; }
.story-title { font-size: clamp(1.3rem, 2.1vw, 1.7rem); margin-bottom: var(--space-3); }
.story-title a { color: var(--ndn-graphite); text-decoration: none; }
.story-title a:hover { color: var(--ndn-blue); text-decoration: underline; }
.story-excerpt { color: var(--ndn-ink-muted); font-family: var(--font-editorial); font-size: 1.05rem; line-height: 1.45; margin-bottom: 0; }
.story-meta { color: var(--ndn-ink-muted); display: flex; flex-wrap: wrap; font-size: .75rem; gap: var(--space-3); }
.story-updated::before { content: "·"; margin-right: var(--space-3); }
.story--hero .story-media { aspect-ratio: 16 / 9; }
.story--hero .story-title { font-size: clamp(2.15rem, 4.6vw, 3.5rem); line-height: 1.02; }
.story--principal .story-title { font-size: clamp(1.75rem, 3vw, 2.35rem); }
.story--secondary { border-bottom: 1px solid var(--ndn-line); display: grid; gap: var(--space-3); grid-template-columns: 120px 1fr; padding-block: var(--space-3); }
.story--secondary .story-media { margin: 0; }
.story--secondary .story-title { font-size: 1.12rem; margin-bottom: 0; }
.story--secondary .story-label { margin: 0; }
.story--compact,
.story--compact-no-image { border-bottom: 1px solid var(--ndn-line); padding-block: var(--space-4); }
.story--compact .story-title,
.story--compact-no-image .story-title { font-size: 1.16rem; margin: 0; }
.story--compact { display: grid; gap: var(--space-3); grid-template-columns: 110px 1fr; }
.story--compact .story-media { margin: 0; }
.story--headline { align-items: baseline; border-bottom: 1px solid var(--ndn-line); display: grid; gap: var(--space-3); grid-template-columns: 1fr; padding: var(--space-3) 0; }
.story--headline .story-title { font-family: var(--font-interface); font-size: 1rem; margin: 0; }
.story--headline .story-label { margin: 0; }
.story--list { border-bottom: 1px solid var(--ndn-line); display: grid; gap: var(--space-4); grid-template-columns: minmax(120px, 34%) 1fr; padding-block: var(--space-6); }
.story--list .story-media { margin: 0; }

/* Home */
.home-main { padding-bottom: var(--space-16); }
.home-lead { display: grid; gap: var(--space-6); padding-block: var(--space-6); }
.home-lead__secondary { border-top: 1px solid var(--ndn-graphite); }
.home-latest { margin-block: var(--space-8) var(--space-12); }
.home-section { margin-block: var(--space-12); }
.story-grid { display: grid; gap: var(--space-8) var(--space-6); }
.sector-feature { display: grid; gap: var(--space-8); }
.compact-list { border-top: 1px solid var(--ndn-line); }
.sector-links { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-6); }
.sector-links a { border: 1px solid var(--ndn-line); color: var(--ndn-graphite); font-size: .82rem; font-weight: 600; padding: var(--space-2) var(--space-3); text-decoration: none; }
.home-work__grid { display: grid; gap: var(--space-8); }
.home-work__jobs { background: var(--ndn-surface); border-left: 4px solid var(--ndn-blue); padding: var(--space-6); }
.work-jobs-callout { align-items: center; background: var(--ndn-surface); border-left: 4px solid var(--ndn-blue); display: flex; flex-wrap: wrap; gap: var(--space-6); justify-content: space-between; margin-bottom: var(--space-12); padding: var(--space-6); }
.work-jobs-callout h2 { font-size: clamp(1.75rem, 4vw, 2.5rem); margin-bottom: var(--space-2); }
.work-jobs-callout p { margin: 0; max-width: 65ch; }
.service-note { color: var(--ndn-ink-muted); font-size: .85rem; }
.home-conversations { background: linear-gradient(135deg, var(--ndn-blue), var(--ndn-blue-mid)); margin-inline: calc(var(--space-4) * -1); overflow: hidden; padding: var(--space-8) var(--space-4); position: relative; }
.home-conversations::after { background: rgb(255 255 255 / 8%); content: ""; height: 160%; pointer-events: none; position: absolute; right: 8%; top: -30%; transform: rotate(45deg); width: 12%; }
.home-conversations .story-title a,
.home-conversations .story-excerpt,
.home-conversations .story-label { color: var(--ndn-white); }
.home-conversations .story--secondary { border-color: rgb(255 255 255 / 25%); }
.conversation-grid { display: grid; gap: var(--space-6); position: relative; z-index: 1; }
.conversations-hero { background: linear-gradient(135deg, var(--ndn-blue), var(--ndn-blue-mid)); color: var(--ndn-white); overflow: hidden; padding-block: var(--space-12); position: relative; }
.conversations-hero::after { background: rgb(255 255 255 / 8%); content: ""; height: 180%; position: absolute; right: 12%; top: -40%; transform: rotate(45deg); width: 14%; }
.conversations-hero h1 { color: var(--ndn-white); font-size: clamp(3rem, 8vw, 5.5rem); margin-bottom: var(--space-4); }
.conversations-hero p { font-family: var(--font-editorial); font-size: 1.25rem; max-width: 50ch; }
.conversations-hero .story-label { color: var(--ndn-white); }

/* Ads remain collapsed until a delivery system injects an identified creative. */
.ndn-ad-slot:empty { display: none; }
.ndn-ad-slot:not(:empty) { align-items: center; background: var(--ndn-surface); display: flex; justify-content: center; margin: var(--space-8) auto; max-width: min(var(--container), calc(100% - 2rem)); min-height: 90px; position: relative; }
.ndn-ad-slot:not(:empty)::before { color: var(--ndn-ink-muted); content: "PUBLICIDAD"; font-size: .62rem; left: 0; letter-spacing: .08em; position: absolute; top: -1rem; }
.ndn-ad-slot--h2:not(:empty),
.ndn-ad-slot--a1:not(:empty) { min-height: 250px; }

/* Archives */
.archive-shell,
.service-shell { padding-block: var(--space-8) var(--space-16); }
.archive-header,
.service-header { border-bottom: 1px solid var(--ndn-line); margin-bottom: var(--space-8); max-width: 860px; padding-bottom: var(--space-6); }
.archive-header h1,
.service-header h1 { color: var(--ndn-blue); font-size: clamp(2.4rem, 6vw, 4.5rem); margin-bottom: var(--space-4); }
.archive-description,
.service-header p { color: var(--ndn-ink-muted); font-family: var(--font-editorial); font-size: 1.2rem; }
.archive-feature { display: grid; gap: var(--space-6); margin-bottom: var(--space-12); }
.archive-list { max-width: 960px; }
.breadcrumbs { color: var(--ndn-ink-muted); font-size: .78rem; margin-bottom: var(--space-6); }
.breadcrumbs a { color: inherit; }
.pagination { margin-top: var(--space-8); }
.pagination ul { display: flex; flex-wrap: wrap; gap: var(--space-2); list-style: none; padding: 0; }
.pagination a,
.pagination .current { align-items: center; border: 1px solid var(--ndn-line); color: var(--ndn-graphite); display: flex; justify-content: center; min-height: 44px; min-width: 44px; padding: var(--space-2); text-decoration: none; }
.pagination .current { background: var(--ndn-blue); color: var(--ndn-white); }

/* Article */
.article-main { padding-bottom: var(--space-16); }
.article-header { max-width: 1000px; padding-block: var(--space-8) var(--space-6); }
.article-header h1 { font-size: clamp(2.35rem, 7vw, 4.5rem); line-height: 1.01; margin-bottom: var(--space-6); max-width: 980px; }
.article-deck { color: var(--ndn-ink-muted); font-family: var(--font-editorial); font-size: clamp(1.2rem, 3vw, 1.5rem); line-height: 1.45; max-width: 820px; }
.article-byline { align-items: baseline; color: var(--ndn-ink-muted); display: flex; flex-wrap: wrap; font-size: .82rem; gap: var(--space-3); margin-top: var(--space-6); }
.article-share { margin-top: var(--space-4); }
.article-share button { background: transparent; border: 1px solid var(--ndn-line); color: var(--ndn-blue); }
.share-status { color: var(--ndn-success); font-size: .82rem; margin-left: var(--space-3); }
.article-hero { margin-bottom: var(--space-8); }
.article-hero img { aspect-ratio: 16 / 9; object-fit: cover; width: 100%; }
.article-hero figcaption { color: var(--ndn-ink-muted); font-size: .78rem; padding-top: var(--space-2); }
.article-content { font-family: var(--font-editorial); font-size: clamp(1.125rem, 2.2vw, 1.25rem); line-height: 1.65; margin-inline: auto; max-width: var(--reading); padding-inline: var(--space-4); }
.article-content > * + * { margin-top: 1.35em; }
.article-content h2 { color: var(--ndn-blue); font-size: clamp(1.75rem, 4vw, 2.4rem); margin-top: 2em; }
.article-content h3 { font-size: clamp(1.4rem, 3vw, 1.8rem); margin-top: 1.7em; }
.article-content blockquote { border-left: 4px solid var(--ndn-red); color: var(--ndn-blue); font-size: 1.35em; margin-inline: 0; padding-left: var(--space-6); }
.article-content a { text-decoration: underline; }
.article-content figure { margin-inline: 0; }
.article-content table { border-collapse: collapse; display: block; max-width: 100%; overflow-x: auto; }
.article-content th,
.article-content td { border: 1px solid var(--ndn-line); padding: var(--space-3); text-align: left; }
.article-footer { border-top: 1px solid var(--ndn-line); margin-top: var(--space-8); padding-block: var(--space-6); }
.related-content { margin-top: var(--space-12); }
.ndn-commercial-story .article-header { border-top: 4px solid var(--ndn-red); margin-top: var(--space-6); }

/* Jobs and events */
.filters { align-items: end; background: var(--ndn-surface); display: grid; gap: var(--space-4); margin-bottom: var(--space-8); padding: var(--space-4); }
.filters label { color: var(--ndn-graphite); font-size: .8rem; font-weight: 700; }
.filters select { background: var(--ndn-white); border: 1px solid var(--ndn-line); display: block; min-height: 44px; padding: var(--space-2); width: 100%; }
.job-list,
.event-list { display: grid; gap: var(--space-4); }
.job-card { border: 1px solid var(--ndn-line); border-left: 4px solid var(--ndn-blue); padding: var(--space-6); }
.job-card__top { align-items: center; color: var(--ndn-ink-muted); display: flex; flex-wrap: wrap; font-size: .75rem; gap: var(--space-3); justify-content: space-between; }
.job-card h2 { font-size: 1.45rem; margin: var(--space-3) 0 var(--space-2); }
.job-card h2 a { color: var(--ndn-graphite); text-decoration: none; }
.job-card__company { color: var(--ndn-blue); font-weight: 700; margin-bottom: var(--space-1); }
.job-card__details { color: var(--ndn-ink-muted); margin: 0; }
.status-badge { background: var(--ndn-surface); border: 1px solid currentcolor; color: var(--ndn-blue); display: inline-block; font-size: .7rem; font-weight: 700; letter-spacing: .04em; padding: var(--space-1) var(--space-2); text-transform: uppercase; }
.status-badge--cancelled,
.status-badge--withdrawn,
.status-badge--expired { color: var(--ndn-red); }
.status-badge--active,
.status-badge--scheduled,
.status-badge--reopened { color: var(--ndn-success); }
.event-list--home { grid-template-columns: 1fr; }
.event-card { align-items: start; border-bottom: 1px solid var(--ndn-line); display: grid; gap: var(--space-4); grid-template-columns: 64px 1fr; padding-block: var(--space-5, 1.25rem); }
.event-card__date time { background: var(--ndn-blue); color: var(--ndn-white); display: grid; font-family: var(--font-interface); padding: var(--space-2); place-items: center; }
.event-card__date strong { font-size: 1.5rem; line-height: 1; }
.event-card__date span { font-size: .65rem; letter-spacing: .08em; }
.event-card h2 { font-size: 1.25rem; margin: var(--space-2) 0; }
.event-card h2 a { color: var(--ndn-graphite); text-decoration: none; }
.event-card p { color: var(--ndn-ink-muted); margin: 0; }
.detail-card { padding-block: var(--space-8) var(--space-16); }
.detail-card h1 { font-size: clamp(2.3rem, 6vw, 4rem); margin-block: var(--space-4); }
.detail-lead { color: var(--ndn-blue); font-size: 1.3rem; font-weight: 700; }
.detail-facts { background: var(--ndn-surface); display: grid; gap: var(--space-4); margin-block: var(--space-6); padding: var(--space-6); }
.detail-facts div { border-bottom: 1px solid var(--ndn-line); padding-bottom: var(--space-3); }
.detail-facts dt { color: var(--ndn-ink-muted); font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.detail-facts dd { margin: var(--space-1) 0 0; }
.entry-content { font-family: var(--font-editorial); font-size: 1.16rem; line-height: 1.65; }
.button { display: inline-flex; margin-block: var(--space-4); }
.button:hover { background: var(--ndn-red); color: var(--ndn-white); }
.notice { border-left: 4px solid var(--ndn-red); background: #fff6f6; padding: var(--space-4); }

/* Search, empty and footer */
.search-results-list { max-width: 960px; }
.empty-state { background: var(--ndn-surface); padding: var(--space-8); position: relative; }
.empty-state__mark { background: var(--ndn-blue); display: block; height: 4px; margin-bottom: var(--space-4); transform: skewX(-45deg); width: 28px; }
.empty-state h2 { font-size: 1.6rem; }
.error-page { padding-block: var(--space-16); }
.site-footer { background: var(--ndn-graphite); color: var(--ndn-white); margin-top: var(--space-12); padding-top: var(--space-12); }
.site-footer__grid { display: grid; gap: var(--space-8); }
.site-footer__brand .site-brand { background: var(--ndn-white); }
.site-footer h2 { color: var(--ndn-white); font-family: var(--font-interface); font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; }
.site-footer a { color: var(--ndn-white); display: block; margin-block: var(--space-2); }
.site-footer p { color: #d4d1cf; max-width: 34ch; }
.site-footer__bottom { border-top: 1px solid rgb(255 255 255 / 20%); margin-top: var(--space-8); padding-block: var(--space-4); }
.site-footer__bottom p { font-size: .75rem; margin: 0; }

@media (min-width: 600px) {
  .ndn-container,
  .ndn-container-wide,
  .ndn-container-reading { padding-inline: var(--space-6); }
  .story-grid--three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .story--headline { grid-template-columns: 130px 1fr auto; }
  .home-conversations { margin-inline: calc(var(--space-6) * -1); padding-inline: var(--space-6); }
  .filters { grid-template-columns: repeat(2, minmax(0, 1fr)) auto; }
  .event-list--home { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .site-footer__grid { grid-template-columns: 2fr 1fr 1fr; }
  .site-footer__brand { grid-column: 1 / -1; }
}

@media (min-width: 768px) {
  .site-header__brand { height: 84px; justify-content: center; }
  .brand-desktop { display: block; }
  .brand-mobile,
  .site-header__brand .nav-toggle,
  .site-header__brand .search-toggle { display: none; }
  .site-header__brand .site-brand__lockup { height: 54px; width: 313px; }
  .site-header__brand .site-brand__lockup img { height: 300px; left: -71px; top: -109px; width: 425px; }
  .site-nav-wrap { border-top: 1px solid var(--ndn-line); display: block; position: sticky; top: 0; z-index: 80; }
  .site-nav-wrap.is-stuck { box-shadow: 0 6px 18px rgb(24 59 78 / 10%); }
  .site-nav-wrap.is-stuck .sticky-brand { display: block; }
  .site-nav-wrap.is-stuck .sticky-brand .site-brand__monogram { height: 28px; width: 73px; }
  .site-nav-wrap.is-stuck .sticky-brand img { height: 91px; left: -28px; top: -32px; width: 129px; }
  .home-lead { grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr); padding-block: var(--space-8); }
  .story--secondary { display: block; padding-top: 0; }
  .story--secondary .story-media { margin-bottom: var(--space-3); }
  .story--secondary + .story--secondary { padding-top: var(--space-4); }
  .story-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sector-feature { grid-template-columns: minmax(0, 1.4fr) minmax(300px, .8fr); }
  .home-work__grid { grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr); }
  .conversation-grid { grid-template-columns: 2fr 1fr 1fr; }
  .archive-feature { grid-template-columns: 2fr 1fr 1fr; }
  .story--list { grid-template-columns: 260px 1fr; }
  .detail-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .detail-facts div { border-bottom: 0; border-right: 1px solid var(--ndn-line); padding: 0 var(--space-4) 0 0; }
  .site-footer__grid { grid-template-columns: 2fr 1fr 1fr 1fr; }
  .site-footer__brand { grid-column: auto; }
}

@media (min-width: 1200px) {
  .ndn-container,
  .ndn-container-wide { padding-inline: var(--space-8); }
  .home-conversations { border-radius: var(--radius); margin-inline: 0; padding: var(--space-8); }
}

@media (max-width: 899px) {
  .primary-navigation { gap: var(--space-4); }
  .primary-navigation > a,
  .primary-navigation summary { font-size: .75rem; }
  .secondary-navigation { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}