/* Brand discovery journey. Extends the existing official noir and champagne identity. */
.brand-home .premiere-title { font-size: clamp(4.2rem, 6.4vw, 6.2rem); }
.brand-home .premiere-copy .lede { max-width: 490px; font-size: 1rem; }
.brand-home .premiere-hero-grid { min-height: 590px; }
.brand-home .premiere-copy .hero-actions { flex-wrap: wrap; gap: 12px 26px; }
.brand-home .premiere-community > span { font-size: .73rem; }
.brand-home .premiere-community strong { color: var(--ink); }
.brand-proof .metric-value--word { font-family: var(--display); font-size: 1.7rem; letter-spacing: 0; }
.brand-proof .metric { min-width: 0; }
.brand-proof .metric-label { font-size: .63rem; line-height: 1.6; }
.brand-decision { border-bottom: 1px solid var(--line-soft); }
.brand-decision-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 96px; align-items: start; }
.brand-decision-intro .eyebrow { margin-bottom: 22px; }
.brand-decision-intro .section-copy { margin-top: 24px; }
.brand-decision-intro .text-link { margin-top: 12px; }
.brand-objectives { border-top: 1px solid var(--line); }
.brand-objective { display: grid; grid-template-columns: 34px minmax(0, 1fr) 24px; gap: 20px; align-items: center; border-bottom: 1px solid var(--line); padding: 23px 8px; transition: background .25s, color .25s; }
.brand-objective:hover, .brand-objective:focus-visible { background: var(--panel-2); }
.brand-objective:active { transform: translateY(1px); }
.objective-number { font-family: var(--serif); font-size: 1.75rem; font-style: italic; color: var(--gold); }
.brand-objective h3 { font-family: var(--body); font-size: 1rem; text-transform: none; font-weight: 600; margin: 0 0 9px; letter-spacing: -.02em; }
.brand-objective p { color: var(--muted); font-size: .82rem; line-height: 1.65; margin: 0; }
.brand-objective > .material-symbols-rounded { color: var(--gold-light); font-size: 20px; }
.brand-home .discovery-toolbar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 12px; padding-block: 22px; }
.brand-home .discovery-toolbar > .button { width: 100%; }
.brand-home .filter-control { height: 48px; }
.brand-home .ranking-intro .section-title { font-size: clamp(2.7rem, 3.6vw, 3.5rem); }
.brand-home .ranking-intro .section-copy { font-size: .87rem; }
.brand-data-note { margin: 26px 0 0; color: var(--muted); font-size: .78rem; line-height: 1.8; max-width: 920px; }
.brand-data-note a { color: var(--gold-light); text-decoration: underline; text-underline-offset: 3px; }
.brand-voting-details { border-top: 1px solid var(--line-soft); padding-top: 15px; margin-top: 23px; font-size: .8rem; color: var(--muted); }
.brand-voting-details summary { cursor: pointer; min-height: 30px; }
.brand-voting-details > p { margin-block: 12px; line-height: 1.7; }
.brand-voting-details .voting-notice { margin-block: 12px 0; }
.brand-source-note { margin-top: 30px; padding-top: 24px; border-top: 1px solid #c9c0ad; display: flex; gap: 16px; align-items: start; color: #62594a; }
.brand-source-note p { font-size: .81rem; margin: 0; line-height: 1.8; }
.brand-source-note > span { color: #80662f; margin-top: 3px; }
.brand-faq-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 96px; }
.brand-faq .eyebrow { margin-bottom: 22px; }
.brand-faq .section-copy { margin-top: 24px; max-width: 360px; }
.brand-faq-items { border-top: 1px solid var(--line); }
.brand-faq-items details { border-bottom: 1px solid var(--line); }
.brand-faq-items summary { display: flex; align-items: center; justify-content: space-between; gap: 22px; cursor: pointer; padding-block: 25px; list-style: none; font-size: .91rem; font-weight: 600; line-height: 1.65; }
.brand-faq-items summary::-webkit-details-marker { display: none; }
.brand-faq-items summary .material-symbols-rounded { flex: 0 0 auto; color: var(--gold); transition: transform .2s; }
.brand-faq-items details[open] summary .material-symbols-rounded { transform: rotate(45deg); }
.brand-faq-items details p { margin: 0; padding: 0 30px 25px 0; color: var(--muted); font-size: .87rem; line-height: 1.85; }
.brand-closing .section-copy { margin: 24px auto 28px; max-width: 530px; }
.brand-closing h2 { font-size: clamp(3rem, 5.2vw, 5.4rem); }
.brand-closing .closing-inner { padding-block: 0; }
.brand-closing .closing-bases { display: block; margin-top: 25px; }
@media (max-width: 1100px) {
  .site-nav { gap: 20px; }
  .nav-link { letter-spacing: .06em; }
  .brand-decision-grid, .brand-faq-grid { gap: 50px; }
  .brand-proof .metric { padding-inline: 18px; gap: 12px; }
  .brand-proof .metric-value--word { font-size: 1.45rem; }
}
@media (max-width: 800px) {
  .brand-decision-grid, .brand-faq-grid { grid-template-columns: minmax(0, 1fr); gap: 35px; }
  .brand-home .premiere-hero-grid { min-height: auto; }
  .brand-home .premiere-title { font-size: clamp(3.7rem, 11vw, 5.8rem); }
  .brand-home .premiere-copy .lede { font-size: .94rem; }
  .brand-home .premiere-art { padding-top: 4px; }
  .brand-home .premiere-seal { width: min(70%, 285px); }
  .brand-proof .metric-value--word { font-size: 1.55rem; }
  .brand-proof .metrics-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .brand-proof .metric { padding: 20px 14px; border-bottom: 1px solid #cfc8b7; }
  .brand-proof .metric:nth-child(2n) { border-right: 0; }
  .brand-proof .metric:nth-child(2n+1) { padding-left: 0; }
  .brand-proof .metric:nth-child(n+3) { border-bottom: 0; }
}
@media (max-width: 640px) {
  .header-actions { gap: 10px; }
  .header-actions > .button { padding-inline: 13px; font-size: .62rem; min-height: 44px; }
  .header-actions > .button .material-symbols-rounded { display: none; }
  .brand-home .premiere-kicker > span:first-child { max-width: 235px; line-height: 1.6; }
  .brand-home .premiere-copy .hero-actions { align-items: stretch; gap: 8px; }
  .brand-home .premiere-copy .hero-actions .text-link { justify-content: center; min-height: 48px; }
  .brand-home .premiere-community { margin-top: 25px; }
  .brand-home .premiere-art .art-caption--top { display: none; }
  .brand-home .premiere-art { padding-bottom: 0; }
  .brand-home .premiere-seal { width: 185px; }
  .brand-home .art-caption--bottom { margin-top: 7px; }
  .brand-objective { gap: 12px; grid-template-columns: 28px minmax(0,1fr) 20px; }
  .brand-objective h3 { font-size: .91rem; }
  .brand-home .discovery-toolbar { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
  .brand-home .discovery-field:first-child { grid-column: 1 / -1; }
  .brand-home .discovery-toolbar > .button { grid-column: auto; }
  .brand-home .discovery-field .filter-control { font-size: 16px; }
  .brand-home .ranking-intro .section-title { font-size: 2.65rem; }
  .brand-home .ranking-intro .section-copy { margin-top: 15px; }
  .brand-proof .metric-icon { display: none; }
  .brand-source-note { gap: 10px; }
}
@media (max-width: 360px) {
  .site-header .brand-copy { display: none; }
  .header-inner { gap: 10px; }
  .brand-home .premiere-title { font-size: 3.7rem; }
  .brand-home .premiere-community > span { font-size: .66rem; }
}
@media (prefers-reduced-motion: reduce) {
  .brand-objective, .brand-faq-items summary .material-symbols-rounded { transition: none; }
}
@media (max-width: 640px) {
  .brand-home .ranking-row { grid-template-rows: auto auto; gap: 6px 9px; }
  .brand-home .ranking-row .rank-number { grid-column: 1; grid-row: 1 / 3; }
  .brand-home .ranking-row .rank-person { grid-column: 2; grid-row: 1 / 3; }
  .brand-home .ranking-row > :nth-child(4) { display: block; grid-column: 3; grid-row: 1; font-size: .86rem; }
  .brand-home .ranking-row .rank-score--accent { grid-column: 3; grid-row: 2; font-size: .86rem; }
  .brand-home .ranking-row.has-action .rank-action { grid-row: 3; }
}
/* Primary audience: creators and their communities. Brands have a dedicated journey. */
.creator-home .premiere-title { font-size: clamp(4.3rem, 6.6vw, 6.4rem); }
.creator-home .ranking-intro .section-title { font-size: clamp(3rem,4.3vw,4.3rem); }
.creator-steps { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--line); }
.creator-steps li { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 23px; padding: 27px 0; border-bottom: 1px solid var(--line); }
.creator-steps li > span { font-family: var(--serif); font-style: italic; font-size: 1.9rem; color: var(--gold); }
.creator-steps h3 { font-family: var(--body); font-weight: 600; font-size: 1rem; text-transform: none; letter-spacing: -.01em; margin: 0 0 10px; }
.creator-steps p { color: var(--muted); font-size: .88rem; line-height: 1.8; margin: 0; }
.creator-participation .button { margin-top: 24px; }
.creator-brand-bridge { padding-block: 45px; border-block: 1px solid var(--line); background: #171713; }
.creator-brand-bridge-inner { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 40px; align-items: center; }
.creator-brand-bridge .eyebrow { margin-bottom: 16px; }
.creator-brand-bridge h2 { font-family: var(--body); font-size: 1.25rem; line-height: 1.4; text-transform: none; font-weight: 600; letter-spacing: -.025em; margin: 0; }
.creator-brand-bridge p { margin: 12px 0 0; color: var(--muted); font-size: .87rem; line-height: 1.8; }
.brand-landing-intro .button { margin-top: 20px; }
.brand-landing-intro .text-link { display: flex; width: fit-content; }
.brand-faq-items p a { color: var(--gold-light); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 640px) {
  .creator-home .premiere-title { font-size: clamp(3.6rem,13vw,5.2rem); }
  .creator-home .ranking-intro .section-title { font-size: 2.8rem; }
  .creator-steps li { gap: 15px; }
  .creator-brand-bridge-inner { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .creator-brand-bridge .button { justify-self: start; }
  .brand-landing-intro { padding-top: 45px; }
}

/* Standalone brand landing: people first, then one continuous objective surface. */
.brand-landing-page main { background: #131210; }
.brand-landing-page .brand-landing-intro { padding-block: 42px 48px; background: radial-gradient(ellipse at 82% 25%, #493b242e, transparent 58%), #131210; }
.brand-landing-page .brand-decision-grid { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); align-items: center; gap: clamp(32px, 5vw, 74px); }
.brand-landing-page .brand-decision-intro .section-title { font-size: clamp(2.8rem, 4.1vw, 4.4rem); }
.brand-landing-page .brand-decision-intro .section-copy { max-width: 43ch; color: #c9c1b3; }
.brand-landing-page .brand-decision-intro > .text-link { display: flex; width: fit-content; margin-top: 16px; }
.brand-editorial-photo { margin: 0; min-width: 0; }
.brand-editorial-photo img { display: block; width: 100%; height: auto; border: 1px solid #deca9f38; padding: 7px; background: #201c16; box-shadow: 0 24px 54px #0005, 0 0 0 1px #070605; }
.brand-editorial-photo figcaption { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-top: 18px; }
.brand-editorial-photo figcaption span:not(.material-symbols-rounded) { display: block; color: #cdb791; font-size: .65rem; line-height: 1.6; text-transform: uppercase; letter-spacing: .1em; }
.brand-editorial-photo figcaption strong { display: block; margin-top: 6px; color: #e2d9cb; font-size: .84rem; line-height: 1.6; font-weight: 500; }
.brand-editorial-photo figcaption a { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; color: #e2c79a; border: 1px solid #cdb79142; }
.brand-objective-section { padding-block: 40px 45px; background: linear-gradient(115deg, #f5f1e8, #e7e0d1); color: #27231d; box-shadow: inset 0 1px #fff9, inset 0 -1px #c4b79d; }
.brand-objective-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; margin-bottom: 27px; }
.brand-objective-heading .eyebrow { color: #755c37; }
.brand-objective-heading h2 { margin: 0; font: 500 2rem/1.2 var(--display); }
.brand-landing-page .brand-objectives { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 42px; border-color: #bbae96; }
.brand-landing-page .brand-objective { padding: 20px 5px; border-color: #c4b9a5; gap: 15px; }
.brand-landing-page .brand-objective:first-child { grid-column: 1 / -1; }
.brand-landing-page .brand-objective:first-child p { max-width: none; }
.brand-landing-page .brand-objective h3 { color: #302a21; font-size: .94rem; margin-bottom: 6px; }
.brand-landing-page .brand-objective p { color: #655b4b; font-size: .78rem; }
.brand-landing-page .brand-objective .objective-number, .brand-landing-page .brand-objective > .material-symbols-rounded { color: #856638; }
.brand-landing-page .brand-objective:hover, .brand-landing-page .brand-objective:focus-visible { background: #dcd0b961; }
.brand-landing-page .brand-objective:focus-visible { outline: 2px solid #805e2c; outline-offset: 4px; }
.brand-landing-page .ici-research-value { background: linear-gradient(140deg, #282319, #1d1a15); border: 1px solid #ccb5892e; box-shadow: 0 16px 40px #0002, inset 0 1px #fff1; padding: 30px; }
.brand-landing-page .brand-faq-items { background: linear-gradient(125deg, #211e18, #191713); border: 1px solid #c6af7c2b; padding-inline: 28px; box-shadow: 0 15px 40px #0002, inset 0 1px #fff1; }
.brand-landing-page .brand-faq-items details:last-child { border-bottom: 0; }
@media (max-width: 800px) {
  .brand-landing-page .brand-decision-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .brand-landing-page .brand-landing-intro { padding-block: 24px 34px; }
  .brand-landing-page .brand-decision-intro .section-title { font-size: clamp(2.7rem, 9vw, 3.6rem); }
  .brand-landing-page .brand-decision-intro .section-copy { max-width: 58ch; }
  .brand-editorial-photo { max-width: 650px; }
  .brand-objective-heading { flex-direction: column; align-items: start; gap: 12px; }
  .brand-objective-heading h2 { font-size: 1.8rem; }
  .brand-landing-page .brand-objectives { gap: 0 24px; }
}
@media (max-width: 540px) {
  .brand-editorial-photo img { padding: 4px; }
  .brand-editorial-photo figcaption strong { font-size: .76rem; }
  .brand-editorial-photo figcaption span:not(.material-symbols-rounded) { font-size: .6rem; }
  .brand-objective-section { padding-block: 29px 32px; }
  .brand-landing-page .brand-objectives { grid-template-columns: minmax(0, 1fr); }
  .brand-landing-page .brand-objective { grid-template-columns: 26px minmax(0, 1fr) 20px; padding-block: 19px; }
  .brand-landing-page .ici-research-value { padding: 23px 19px; }
  .brand-landing-page .brand-faq-items { padding-inline: 19px; }
}

/* Photographic second pass: a complete composition in the middle of the page. */
.brand-landing-page .methodology-section { background: #181612; padding-block: 78px; }
.brand-landing-page .brand-method-composition { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 0; align-items: center; }
.brand-landing-page .brand-method-photo { position: relative; margin: 0 -54px 0 0; min-width: 0; }
.brand-landing-page .brand-method-photo > img { display: block; width: 100%; max-height: 840px; object-fit: cover; object-position: center top; }
.brand-landing-page .brand-method-photo figcaption { position: absolute; inset: auto 0 0; padding: 70px 28px 28px; background: linear-gradient(transparent, #0c0b09 65%); color: #f3ecdf; }
.brand-landing-page .brand-method-photo figcaption > span { display: block; font-size: .62rem; line-height: 1.7; letter-spacing: .09em; text-transform: uppercase; color: #d4bd96; }
.brand-landing-page .brand-method-photo figcaption strong { display: block; font: 500 2rem/1.2 var(--display); margin-block: 8px 12px; }
.brand-landing-page .brand-method-photo figcaption a { display: inline-flex; gap: 20px; font-size: .75rem; padding-block: 8px; border-bottom: 1px solid #bda276; }
.brand-landing-page .brand-method-paper { position: relative; z-index: 1; padding: clamp(32px, 4.5vw, 64px); margin-block: 50px; background: #f0e8d8; color: #30291f; box-shadow: -18px 22px 55px #0005; }
.brand-landing-page .brand-method-paper .methodology-heading { display: block; margin-bottom: 25px; }
.brand-landing-page .brand-method-paper .section-title { font-size: clamp(2.7rem, 3.5vw, 3.6rem); color: #30291f; }
.brand-landing-page .brand-method-paper .section-title em { color: #7a5e35; }
.brand-landing-page .brand-method-paper .eyebrow { color: #74552b; }
.brand-landing-page .brand-method-paper .section-copy { margin-top: 18px; color: #645742; font-size: .9rem; }
.brand-landing-page .brand-method-paper .method-grid { display: block; border: 0; }
.brand-landing-page .brand-method-paper .method-item { display: block; position: relative; border: 0; border-top: 1px solid #bbaa8b; padding: 21px 0 20px 43px; }
.brand-landing-page .brand-method-paper .method-item > span:first-child { position: absolute; left: 0; top: 22px; color: #8b6a38; }
.brand-landing-page .brand-method-paper .method-item > .material-symbols-rounded { display: none; }
.brand-landing-page .brand-method-paper .method-item h3 { margin: 0 0 8px; font-size: 1.35rem; color: #332a1c; }
.brand-landing-page .brand-method-paper .method-item p { margin: 0; color: #645742; font-size: .83rem; }
.brand-landing-page .brand-method-paper .brand-source-note { margin-top: 0; padding-top: 20px; }
.brand-landing-page .brand-method-paper .reveal { opacity: 1; transform: none; }
@media (max-width: 900px) {
  .brand-landing-page .brand-method-composition { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); }
  .brand-landing-page .brand-method-paper { padding: 30px; margin-block: 25px; }
  .brand-landing-page .brand-method-photo { margin-right: -34px; }
}
@media (max-width: 680px) {
  .brand-landing-page .methodology-section { padding-block: 38px; }
  .brand-landing-page .brand-method-composition { grid-template-columns: minmax(0, 1fr); }
  .brand-landing-page .brand-method-photo { margin: 0 24px 0 0; }
  .brand-landing-page .brand-method-photo > img { width: 100%; aspect-ratio: 4 / 5; max-height: 490px; object-position: center 27%; }
  .brand-landing-page .brand-method-photo figcaption { position: static; padding: 20px 20px 44px; background: #0c0b09; }
  .brand-landing-page .brand-method-paper { margin: -24px 0 0 16px; padding: 28px 23px; }
  .brand-landing-page .brand-method-paper .section-title { font-size: 2.65rem; }
  .brand-landing-page .brand-method-paper .method-item { padding-left: 32px; }
}