/* The proprietary census is the visual anchor; the six areas form one connected reading. */
#pilares.pillars-research {
  --pillar-ink: #f4f6ff;
  --pillar-muted: #bfcbe4;
  --pillar-rule: #63749d55;
  --pillar-accent: #ffe43b;
  position: relative;
  padding: 0;
  background: #05092a;
  color: var(--pillar-ink);
}
#pilares.pillars-research::before, #pilares.pillars-research::after { display: none; }
.research-opening { position: relative; isolation: isolate; overflow: hidden; }
/* Preserve the taller glass sculpture; fade its floor before the pillar labels. */
.research-background { position: absolute; z-index: 0; inset: 0 0 auto auto; width: 120%; max-width: none; height: 120%; object-fit: contain; object-position: right top; }
.research-opening::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(90deg,#05092a 0%,#05092acc 30%,#05092a1a 50%,transparent 62%),linear-gradient(0deg,#05092a 0%,#05092af5 9%,#05092aad 18%,#05092a2e 29%,transparent 40%); }
.research-opening-inner { position: relative; z-index: 2; min-height: 690px; padding-block: 88px 108px; display: flex; align-items: center; }
.research-copy { max-width: 700px; }
.research-signature { display: flex; align-items: center; flex-wrap: wrap; gap: 17px; margin-bottom: 31px; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: .1em; color: #ffe43b; }
.research-seal { display: inline-flex; align-items: center; min-height: 39px; padding: 9px 23px; background: #ffe43b; color: #060a2b; font-size: 13px; font-weight: 700; letter-spacing: .08em; clip-path: polygon(0 0,calc(100% - 12px) 0,100% 7px,100% 100%,12px 100%,0 calc(100% - 7px)); }
.research-kicker { margin-bottom: 17px; color: #d8e2ff; font-size: 15px; line-height: 1.4; }
#pilares .research-copy h2 { max-width: 700px; color: #fff; font-size: clamp(40px,4.35vw,62px); line-height: 1.06; letter-spacing: -.05em; text-wrap: balance; }
.research-copy h2 span { display: block; color: #ffe43b; }
.research-authorship { max-width: 550px; margin-top: 30px; font-size: 19px; line-height: 1.55; color: #f4f6ff; }
.research-authorship strong { font-weight: 600; }
.research-intro { max-width: 500px; margin-top: 18px; color: #c9d5ee; font-size: 16px; line-height: 1.65; text-wrap: pretty; }
/* Bring the six areas into the photograph's fade, without a second section opening. */
.research-pillars { position: relative; z-index: 1; margin-top: -62px; padding-block: 0 86px; }
.research-pillars-heading { margin-bottom: 30px; }
.research-pillars-heading h3 { color: #dbe4fb; font-size: 23px; line-height: 1.35; font-weight: 400; letter-spacing: -.025em; text-wrap: pretty; }
#pilares .pillar-compact-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: clamp(36px,7vw,104px); row-gap: 32px; list-style: none; margin: 0; padding: 0; }
#pilares .pillar-compact-item { position: relative; min-width: 0; display: grid; grid-template-columns: 56px minmax(0,1fr); gap: 19px; align-items: start; padding: 0; }
#pilares .pillar-compact-item::before { content: ""; position: absolute; top: 62px; bottom: -26px; left: 27px; width: 1px; background: linear-gradient(#63749d44,#63749d16); }
#pilares .pillar-compact-item:nth-last-child(-n+2)::before { display: none; }
#pilares .pillar-symbol { position: relative; display: grid; place-items: center; width: 56px; height: 60px; background: linear-gradient(145deg,#3857d578,#14275d38); clip-path: polygon(0 0,calc(100% - 12px) 0,100% 8px,100% 100%,12px 100%,0 calc(100% - 8px)); }
#pilares .pillar-symbol::before { content: ""; position: absolute; top: 0; left: 0; height: 2px; width: 18px; background: var(--pillar-accent); }
#pilares .pillar-symbol-image { display: block; width: 32px; height: 32px; }
#pilares .pillar-compact-copy { padding-top: 2px; }
#pilares .pillar-compact-copy h3 { color: var(--pillar-ink); font-size: 22px; font-weight: 500; line-height: 1.25; letter-spacing: -.025em; }
#pilares .pillar-compact-copy p { max-width: 470px; margin-top: 8px; color: var(--pillar-muted); font-size: 15px; line-height: 1.6; }
/* Keep the approved desktop composition tied to the content grid on wide screens. */
@media(min-width:1455px) {
  .research-background { width: 1728px; right: calc((100% - 1440px) / 2); -webkit-mask-image: linear-gradient(90deg,transparent,#000 12%,#000 calc(100% - 40px),transparent); mask-image: linear-gradient(90deg,transparent,#000 12%,#000 calc(100% - 40px),transparent); }
  .research-opening::after { background: linear-gradient(90deg,#05092a calc(50% - 720px),#05092acc calc(50% - 288px),#05092a1a 50%,transparent calc(50% + 173px)),linear-gradient(0deg,#05092a 0%,#05092af5 9%,#05092aad 18%,#05092a2e 29%,transparent 40%); }
}
@media(max-width:1100px) { .research-copy { max-width: 590px; } #pilares .research-copy h2 { font-size: 48px; } .research-opening-inner { min-height: 640px; } .research-opening::after { background: linear-gradient(90deg,#05092afa 0%,#05092af0 44%,#05092ae6 58%,#05092a59 74%,transparent 90%),linear-gradient(0deg,#05092a 0%,#05092af5 9%,#05092aad 18%,#05092a2e 29%,transparent 40%); } }
@media(max-width:767px) {
  .research-opening { --research-art-height: clamp(420px,64.8vw,504px); }
  .research-opening-inner { min-height: 0; padding-block: 54px calc(var(--research-art-height) - 20px); align-items: flex-start; }
  .research-copy { max-width: 580px; }
  /* Center the glass sculpture (72.3% of the source), not its empty left half. */
  .research-background { inset: auto auto 0 50%; width: calc(var(--research-art-height) * 1.434174); max-width: none; height: var(--research-art-height); transform: translateX(-72.3%); object-fit: contain; object-position: center; -webkit-mask-image: linear-gradient(180deg,transparent,#000 4%,#000 72%,transparent 98%),linear-gradient(90deg,#000 calc(100% - 24px),transparent); mask-image: linear-gradient(180deg,transparent,#000 4%,#000 72%,transparent 98%),linear-gradient(90deg,#000 calc(100% - 24px),transparent); -webkit-mask-composite: source-in; mask-composite: intersect; }
  .research-opening::after { background: linear-gradient(0deg,#05092a 0%,#05092a99 6%,transparent 15%); }
  .research-signature { margin-bottom: 25px; gap: 13px; font-size: 10px; }
  .research-seal { min-height: 35px; padding: 8px 18px; font-size: 12px; }
  .research-kicker { margin-bottom: 14px; font-size: 14px; }
  #pilares .research-copy h2 { font-size: clamp(34px,8.9vw,47px); line-height: 1.08; text-wrap: pretty; }
  .research-authorship { margin-top: 25px; max-width: 440px; font-size: 17px; }
  .research-desktop-break { display: none; }
  .research-intro { font-size: 15px; max-width: 450px; }
  .research-pillars { margin-top: -28px; padding-block: 0 58px; }
  .research-pillars-heading { max-width: 380px; margin-bottom: 30px; }
  .research-pillars-heading h3 { font-size: 21px; }
  #pilares .pillar-compact-list { grid-template-columns: 1fr; row-gap: 30px; }
  #pilares .pillar-compact-item { grid-template-columns: 48px minmax(0,1fr); gap: 16px; }
  #pilares .pillar-compact-item:nth-child(n)::before { display: block; left: 23px; top: 58px; bottom: -24px; }
  #pilares .pillar-compact-item:last-child::before { display: none; }
  #pilares .pillar-symbol { width: 48px; height: 54px; }
  #pilares .pillar-symbol-image { width: 30px; height: 30px; }
  #pilares .pillar-compact-copy h3 { font-size: 21px; }
}