/* x.ai-inspired clarity, adapted to an editorial site. No marketing hero,
   looping animations, new content, wider shell, or changes to the black footer. */
:root {
  --bs-ink: #171717;
  --bs-accent: #171717;
  --bs-link: #171717;
  --bs-surface: #f5f5f5;
  --bs-state-hover: #ededed;
  --bs-line: #dedede;
  --bs-muted: #666666;
  --bs-header-height: 80px;
  --bs-admin-offset: 0px;
  --bs-control-size: 44px;
  --bs-button-radius: 999px;
}

/* Keep the editorial index available during reading, without a new heavy frame. */
.bs-masthead {
  position: relative;
  top: auto;
  background: #ffffff;
  border-bottom-color: #eaeaea;
}
.wp-site-blocks > header.wp-block-template-part:has(.bs-masthead) {
  position: sticky;
  top: var(--bs-admin-offset);
  z-index: 20;
}
body.admin-bar { --bs-admin-offset: 32px; }
.bs-header { width: min(1120px, calc(100% - 112px)); height: var(--bs-header-height); gap: 40px; }
.bs-masthead .bs-logo img { width: 128px; height: auto; }
.bs-nav { gap: 26px; }
.bs-nav a { font-weight: 500; transition: color var(--bs-motion); }
.bs-nav a[aria-current] { font-weight: 650; }
.bs-nav a::after { height: 1px; bottom: 9px; }
.bs-header-search, .bs-menu-toggle, .bs-dialog-heading > button { border-radius: 50%; }
.bs-header-search, .bs-menu-toggle { background: var(--bs-surface); }
.bs-header-search:hover, .bs-menu-toggle:hover, .bs-dialog-heading > button:hover { background: #f0f0f0; }
.bs-login { height: 44px; min-height: 44px; padding: 0 20px; border-radius: var(--bs-button-radius); font-size: 14px; line-height: 20px; font-weight: 550; }
.bs-login:hover { background: #303030; }

/* Treat image and copy as one feature. Keep the text stack grouped instead
   of pinning its action to the far edge of the stretched panel. */
.bs-home { padding-top: 56px; }
.bs-home .bs-lead { gap: 0; }
.bs-home .bs-lead-visual { position: relative; border-radius: 4px 0 0 4px; }
.bs-home .bs-lead-copy { padding: 32px; background: var(--bs-surface); border-radius: 0 4px 4px 0; justify-content: center; }
.bs-home .bs-lead .bs-post-meta { margin-bottom: 16px; }
.bs-home .bs-lead h2 { font-size: clamp(28px, 2.25vw, 32px); font-weight: 600; line-height: 1.42; }
.bs-home .bs-lead-summary { font-size: 18px; line-height: 1.7; margin: 20px 0 24px; }
.bs-home .bs-lead-deck { display: none; }
.bs-home .bs-lead .bs-read-link {
  margin-top: 0;
  min-height: 44px;
  min-width: 0;
  padding: 10px 22px;
  border-radius: var(--bs-button-radius);
  background: #111111;
  color: #ffffff;
  font-size: 14px;
  line-height: 24px;
  font-weight: 550;
  transition: background var(--bs-motion);
}
.bs-home .bs-lead .bs-read-link:hover { background: #303030; }
.bs-home .bs-section-heading { margin-bottom: 32px; }
.bs-home .bs-section-heading h2 { font-size: 30px; font-weight: 600; }
.bs-home .bs-section-heading > a {
  padding: 8px 12px;
  margin-right: -12px;
  border-radius: 4px;
  color: #505050;
  transition: background var(--bs-motion), color var(--bs-motion);
}
.bs-home .bs-section-heading > a:hover { background: #f5f5f5; color: #111111; text-decoration: none; }
.bs-home .bs-home-cards { gap: 28px; }
.bs-home .bs-card .bs-post-meta { margin: 18px 0 10px; }
.bs-home .bs-card h3 { font-weight: 400; line-height: 1.55; }
.bs-home .bs-recent-grid { gap: 48px 28px; }
.bs-home .bs-issue-card { background: transparent; border-radius: 0; padding: 24px 0; border-top: 1px solid #e5e5e5; }
.bs-home .bs-issue-card h3 { font-weight: 600; }
.bs-home .bs-issue-grid { gap: 24px 44px; }
.bs-home .bs-method-card h3 { font-weight: 400; }
.bs-home .bs-video-feature { background: #f5f5f5; }
.bs-home .bs-video-copy h3 { font-weight: 600; }
.bs-home .bs-news-feed li { border-color: #e5e5e5; }
.bs-home .bs-news-feed h3 { font-weight: 400; }
.bs-card-image img { transition: transform 220ms ease; }
.bs-card-image:hover img { transform: scale(1.015); }

/* Legacy video library composition: uniform landscape art, portrait nameplates,
   play affordance and duration; player poster and video geometry stay untouched. */
.post-type-archive-brandstar_video .bs-card-image.bs-video-library-art {
  position:relative;display:block;overflow:hidden;aspect-ratio:16/9;
  margin-bottom:var(--bs-space-2);background:#f1f1ee;
}
.post-type-archive-brandstar_video .bs-video-library-art img {
  display:block;width:100%;height:100%;object-fit:cover;object-position:center top;
}
.post-type-archive-brandstar_video .bs-video-library-art:hover img {transform:none;}
.bs-video-library-art[data-video-slug="mixc"] img {object-position:center 32%;transform:scale(1.13)!important;}
.bs-video-library-art[data-video-slug="lilanz"] img {object-position:center 35%;}
.bs-video-library-art[data-video-slug="ralph-lauren"] img {object-position:center 50%;}
.bs-video-library-art[data-video-slug="adidas-evo-sl"] img {object-position:center 21%;transform:scale(1.08)!important;}
.bs-video-library-art[data-video-slug="brooks-global-cmo-interview-melanie-allen"] img {object-position:center;}
.bs-video-library-art[data-video-slug="brooks-retail-stores"],
.bs-video-library-art[data-video-slug="brooks-runner-relationships"] {background:#dce6ed!important;}
.bs-video-library-art[data-video-slug="impact"] {background:#e8e9e5!important;}
.post-type-archive-brandstar_video .bs-video-library-art[data-video-slug="brooks-retail-stores"] img,
.post-type-archive-brandstar_video .bs-video-library-art[data-video-slug="brooks-runner-relationships"] img,
.post-type-archive-brandstar_video .bs-video-library-art[data-video-slug="impact"] img {width:50%;object-position:center 24%;}
.bs-video-portrait-caption {position:absolute;left:60%;right:4%;top:14%;display:flex;flex-direction:column;gap:12px;color:#222;font-size:13px;font-weight:400;line-height:1.3;}
.bs-video-portrait-caption .bs-video-person-name {font-size:clamp(18px,1.7vw,25px);line-height:1.12;font-weight:400;}
.bs-video-portrait-caption small {font-size:11px;color:#555;}
.bs-video-library-play {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#fff;color:#111;box-shadow:0 2px 10px #00000012;}
.bs-video-library-play svg {width:30px;height:30px;margin-left:3px;}
.bs-video-library-art:hover .bs-video-library-play {background:#f2f2f2;}
.bs-video-library-duration {position:absolute;right:12px;bottom:12px;background:#0009;color:#fff;padding:4px 8px;font-size:13px;line-height:1.4;border-radius:3px;font-variant-numeric:tabular-nums;}
@media (min-width:681px) and (max-width:980px) {
  .post-type-archive-brandstar_video .bs-card-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:680px) {
  .bs-video-portrait-caption .bs-video-person-name {font-size:23px;}
}

/* Search is one quiet surface with one focus boundary, not concentric boxes. */
.bs-search-dialog { padding: 36px; border-radius: 12px; box-shadow: 0 24px 80px #00000020; }
.bs-search-dialog .bs-dialog-heading { margin-bottom: 28px; }
.bs-search-dialog .bs-dialog-heading h2 { font-weight: 550; }
.bs-search-form { min-height: 60px; background: #f5f5f5; border-color: #d5d5d5; border-radius: 4px; }
.bs-search-form:focus-within { background: #ffffff; border-color: #171717; outline: none; box-shadow: none; }
.bs-search-form input { font-size: 17px; }
.bs-search-hint { font-size: 14px; }
.bs-search-suggestions a { min-height: 44px; padding: 10px 18px; border-radius: var(--bs-button-radius); font-size: 14px; line-height: 24px; }
html { scroll-padding-top: calc(var(--bs-header-height) + var(--bs-admin-offset) + 24px); }

/* A single introduction and discovery area, not three disconnected rows. */
.bs-research-index > .bs-listing-head {
  max-width: none; padding: 32px; margin-bottom: 32px;
  background: var(--bs-surface); border-radius: 4px;
}
.bs-research-index .bs-listing-head h1 { font-size: 36px; font-weight: 600; line-height: 1.3; margin: 0 0 12px; }
.bs-research-index .bs-listing-head > p { font-size: 17px; line-height: 1.7; margin: 0; }
.bs-research-index .bs-listing-head > .bs-structure-nav { padding: 0; margin: 24px 0 0; gap: 8px 12px; }
.bs-research-index .bs-structure-nav > span { font-size: 14px; padding-right: 8px; }
.bs-research-index .bs-listing-head > .bs-structure-nav:not(.bs-research-archives) a {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px; padding: 10px 18px; border: 0; border-radius: var(--bs-button-radius);
  background: #ffffff; color: var(--bs-ink); font-size: 15px; line-height: 24px;
  transition: background var(--bs-motion);
}
.bs-research-index .bs-listing-head > .bs-structure-nav:not(.bs-research-archives) a:hover { background: #e7e7e7; }
.bs-research-index .bs-listing-head > .bs-research-archives { margin-top: 20px; padding-top: 12px; border-top: 1px solid var(--bs-line); gap: 8px 28px; }
.bs-research-index .bs-research-archives a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 0; border: 0; font-size: 15px; line-height: 24px; }
.bs-research-index .bs-research-archives a:hover { text-decoration: underline; text-underline-offset: 5px; }
.bs-research-index > .bs-result-count { margin: 0 0 24px; font-size: 14px; }

/* Restore the original /news/ daily feed, not the simplified migration list. */
.bs-curated-list { padding-top: 24px; }
.bs-curated-breadcrumb { display: flex; gap: 5px; font-size: 12px; color: #666; }
.bs-curated-list > .bs-listing-head { padding: 16px 0 18px; margin: 0; max-width: none; }
.bs-curated-chip { display: inline-block; font-size: 10px; letter-spacing: .16em; background: #171717; color: #fff; padding: 4px 9px; }
.bs-curated-list .bs-listing-head h1 { font-size: clamp(26px, 3.6vw, 40px); font-weight: 800; line-height: 1.65; margin: 12px 0 8px; }
.bs-curated-list .bs-listing-head > p { font-size: 14px; line-height: 1.6; margin: 0 0 20px; max-width: 680px; }
.bs-curated-guide { margin: 24px 0; font-size: 13px; }
.bs-curated-guide summary { cursor: pointer; }
.bs-curated-guide summary > span { margin-left: 20px; color: #666; font-size: 12px; }
.bs-curated-guide nav { display: flex; flex-wrap: wrap; gap: 12px 24px; padding: 20px 0; }
.bs-curated-radar { background: #f2f2f2; padding: 28px 30px 18px; margin: 8px 0 18px; }
.bs-curated-radar-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.bs-curated-eyebrow { font-size: 10px; letter-spacing: .16em; font-weight: 700; }
.bs-curated-radar-heading h2 { font-size: 28px; font-weight: 700; margin: 12px 0 8px; }
.bs-curated-radar-heading p { font-size: 13px; color: #666; margin: 0 0 16px; }
.bs-curated-radar-heading > a { font-size: 13px; white-space: nowrap; border-bottom: 1px solid #171717; padding-bottom: 6px; margin-bottom: 16px; }
.bs-curated-radar ol { list-style: none; padding: 0; margin: 0; }
.bs-curated-radar li > a { display: flex; align-items: start; gap: 22px; padding: 20px 0; border-top: 1px solid #ddd; }
.bs-curated-rank { flex: 0 0 30px; font-size: 16px; font-weight: 700; }
.bs-curated-radar li > a > div { flex: 1; min-width: 0; }
.bs-curated-radar li strong { font-size: 18px; line-height: 1.4; }
.bs-curated-radar li p { font-size: 12px; color: #666; line-height: 1.6; margin: 8px 0 0; }
.bs-curated-heat { flex: 0 0 60px; text-align: right; }
.bs-curated-heat b { display: block; font-size: 18px; }
.bs-curated-heat small { font-size: 10px; color: #666; }
.bs-curated-list .bs-curated-radar-time { font-size: 11px; color: #666; margin: 4px 0 0; }
.bs-curated-list .bs-curated-filters { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 8px; padding: 20px 0 4px; margin: 0; border: 0; }
.bs-curated-list .bs-curated-filters a { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 6px 15px; border: 1px solid #ddd; background: #fff; color: #666; font-size: 13px; white-space: nowrap; border-radius: 0; }
.bs-curated-list .bs-curated-filters a[aria-current] { background: #171717; color: #fff; border-color: #171717; }
.bs-curated-feed { padding-top: 14px; }
.bs-curated-day { margin-bottom: 4px; }
.bs-curated-day-head { padding: 18px 0 8px; margin: 0; font-weight: 400; }
.bs-curated-day-head time { display: flex; align-items: baseline; gap: 11px; }
.bs-curated-day-head strong { font-size: 26px; font-weight: 800; line-height: 1; }
.bs-curated-day-head span { font-size: 12px; letter-spacing: .04em; color: #666; }
.bs-curated-list .bs-curated-items li { position: relative; isolation: isolate; display: flex; align-items: start; gap: 16px; padding: 15px 0; border: 0; border-top: 1px solid #dedede; transition: background var(--bs-motion); }
.bs-curated-list .bs-curated-card-body { flex: 1; min-width: 0; }
.bs-curated-list .no-cover .bs-curated-card-body { border-left: 2px solid #dedede; padding-left: 15px; }
.bs-curated-list .bs-curated-items h2 { font-size: 17px; font-weight: 700; line-height: 1.36; margin: 0 0 5px; }
.bs-curated-list .bs-curated-card-reason { color: #171717; font-size: 13.5px; line-height: 1.55; margin: 0 0 8px; }
.bs-curated-list .bs-curated-card-summary { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #666; font-size: 13.5px; line-height: 1.55; margin: 0 0 8px; }
.bs-curated-card-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; font-size: 12px; color: #666; }
.bs-curated-card-meta strong { font-weight: 700; color: #171717; }
.bs-curated-origin { font-size: 10px; letter-spacing: .06em; padding: 1px 6px; border: 1px solid #171717; color: #171717; }
.bs-curated-origin.is-external { background: #171717; color: #fff; }
.bs-curated-list .bs-curated-thumb { flex: 0 0 132px; width: 132px; height: 88px; aspect-ratio: auto; border-radius: 8px; }
.bs-curated-list .bs-curated-thumb img { transition: transform 220ms ease; }
.bs-curated-list .bs-curated-items h2 a::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: 8px; }
.bs-curated-list .bs-curated-items h2 a:focus-visible { outline: none; }
.bs-curated-list .bs-curated-items h2 a:focus-visible::after { outline: 2px solid var(--bs-ink); outline-offset: 4px; }
.bs-curated-list .bs-curated-items li:has(h2 a:focus-visible) { background: #f5f5f5; }
.bs-curated-list .bs-curated-items li:has(h2 a:active) { background: #ededed; }
.bs-curated-detail .bs-curated-cover img { border-radius: 8px; }
.bs-curated-more { display: flex; justify-content: center; gap: 24px; padding: 28px 0; }
.bs-curated-more a { display: inline-flex; min-height: 44px; align-items: center; padding: 8px 28px; border: 1px solid #171717; font-size: 13px; }
.bs-curated-more a:hover { background: #f2f2f2; }
.bs-curated-status { font-size: 13px; color: #666; text-align: center; min-height: 24px; margin: 0; }
.bs-curated-list[aria-busy] [aria-disabled] { opacity: .6; cursor: progress; }
@media (max-width: 640px) {
  .bs-curated-list .bs-curated-thumb { flex-basis: 100px; width: 100px; height: 70px; }
  .bs-curated-list .bs-curated-items h2 { font-size: 15.5px; }
  .bs-curated-day-head strong { font-size: 22px; }
  .bs-curated-radar { padding: 20px 18px 12px; }
  .bs-curated-radar-heading { display: block; }
  .bs-curated-radar-heading > a { display: inline-block; }
  .bs-curated-radar li > a { gap: 10px; }
  .bs-curated-rank { flex-basis: 24px; }
  .bs-curated-radar li strong { font-size: 16px; }
  .bs-curated-heat { flex-basis: 48px; }
  .bs-curated-guide summary > span { display: block; margin: 8px 0 0; }
}
@media (hover: hover) and (pointer: fine) {
  .bs-curated-list .bs-curated-items li:hover { background: #fafafa; }
  .bs-curated-list .bs-curated-items li:hover .bs-curated-thumb img { transform: scale(1.025); }
  .bs-curated-list .bs-curated-items li:hover h2 a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
}

@media (min-width: 981px) {
  .bs-home .bs-lead-visual { min-height: 0; aspect-ratio: 8 / 5; }
}
@media (max-width: 980px) {
  .bs-home .bs-lead { grid-template-columns: 1fr; }
  .bs-home .bs-lead-visual { min-height: 0; height: auto; aspect-ratio: 8 / 5; border-radius: 4px 4px 0 0; }
  .bs-home .bs-lead-visual img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  .bs-home .bs-lead-copy { border-radius: 0 0 4px 4px; }
}
/* Collapse before the seven-link navigation can collide with the controls. */
@media (max-width: 1040px) {
  :root { --bs-header-height: 72px; }
  .bs-header { gap: 24px; }
  .bs-menu-toggle { display: inline-flex; }
  .bs-nav {
    position: absolute; top: var(--bs-header-height); left: 0; right: 0;
    flex-direction: column; align-items: stretch; gap: 0;
    padding: 16px max(32px, calc((100vw - 1120px) / 2)) 24px;
    background: #ffffff; border-bottom: 1px solid #eaeaea;
    min-height: calc(100dvh - var(--bs-header-height) - var(--bs-admin-offset));
    max-height: calc(100dvh - var(--bs-header-height) - var(--bs-admin-offset));
    overflow-y: auto; overscroll-behavior: contain;
    box-shadow: 0 16px 24px #00000008;
  }
  .bs-masthead-en .bs-nav { gap: 0; }
  .bs-js .bs-nav:not(.bs-menu-open) { display: none; }
  .bs-nav a { min-height: 48px; font-size: 18px; padding-inline: 8px; }
  .bs-nav a::after { display: none; }
  .bs-nav a[aria-current] { color: #111111; font-weight: 650; }
  .bs-nav a:not([aria-current]) { color: #606060; }
  .bs-nav a:hover { background: #f5f5f5; color: #111111; }
  html:has(.bs-menu-open) { overflow: hidden; }
  html:not(.bs-js) .bs-header { height: auto; flex-wrap: wrap; padding-block: 16px; }
  /* Override the desktop flex:1 basis too: width alone still shrinks this
     no-script fallback into a narrow third column beside the account links. */
  html:not(.bs-js) .bs-nav { position: static; order: 3; flex: 0 0 100%; width: 100%; padding: 12px 0; box-shadow: none; min-height: 0; max-height: none; }
  html:not(.bs-js) .bs-menu-toggle { display: none; }
}
@media (max-width: 980px) {
  .bs-header { width: calc(100% - 64px); }
  .bs-masthead .bs-logo img { width: 112px; }
}
@media (max-width: 800px) {
  .bs-home { padding-top: 40px; }
  .bs-home .bs-lead { gap: 0; }
  .bs-home .bs-lead-visual { aspect-ratio: 8 / 5; }
  .bs-home .bs-lead h2 { font-size: 32px; }
}
@media (max-width: 782px) { body.admin-bar { --bs-admin-offset: 46px; } }
@media (max-width: 680px) {
  :root { --bs-header-height: 68px; }
  .bs-header { width: calc(100% - 40px); gap: 12px; }
  .bs-header-actions { gap: 4px; }
  .bs-masthead .bs-logo img { width: 104px; }
  .bs-login { padding-inline: 12px; }
  .bs-nav { padding: 16px 20px 24px; }
  .bs-home { padding-top: 32px; }
  .bs-home .bs-lead { gap: 0; }
  .bs-home .bs-lead-copy { padding: 24px; }
  .bs-home .bs-lead h2 { font-size: 28px; }
  .bs-home .bs-lead-summary { font-size: 18px; margin: 18px 0 24px; }
  .bs-home .bs-section-heading { gap: 12px; margin-bottom: 24px; }
  .bs-home .bs-section-heading h2 { font-size: 24px; }
  .bs-home .bs-home-cards { gap: 36px; }
  .bs-home .bs-recent-grid { gap: 36px 20px; }
  .bs-home .bs-issue-grid { gap: 12px; }
  .bs-search-dialog { width: calc(100% - 32px); padding: 24px; }
  .bs-search-dialog .bs-dialog-heading { margin-bottom: 24px; }
  .bs-search-form input { font-size: 16px; padding-left: 14px; }
  .bs-research-index > .bs-listing-head { padding: 24px; margin-bottom: 24px; }
  .bs-research-index .bs-listing-head h1 { font-size: 30px; }
  .bs-research-index .bs-listing-head > p { font-size: 16px; }
  .bs-research-index .bs-structure-nav > span { flex-basis: 100%; padding-right: 0; }
  .bs-research-index .bs-listing-head > .bs-research-archives { gap: 4px 20px; }
}
@media (max-width: 600px) { body.admin-bar { --bs-admin-offset: 0px; } }
@media (max-width: 360px) {
  .bs-header { width: calc(100% - 32px); gap: 8px; }
  .bs-masthead .bs-logo img { width: 98px; }
  .bs-login { min-width: 48px; padding-inline: 8px; }
  .bs-header-actions { gap: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .bs-card-image img { transition: none; }
  .bs-card-image:hover img { transform: none; }
  .bs-curated-list .bs-curated-items li, .bs-curated-list .bs-curated-thumb img { transition: none; }
  .bs-curated-list .bs-curated-items li:hover .bs-curated-thumb img { transform: none; }
}