/* Original scientific publishing illustration; no external assets or invented data. */
.j-research { background: #fff; }
.j-research-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:32px; }
.j-research .j-kicker { margin-bottom:16px; }
.j-research h2 { max-width:680px; font-size:48px; line-height:1; text-wrap:balance; }
.j-research-word { display:inline-block; opacity:.3; transition:opacity .5s cubic-bezier(.22,1,.36,1); }
.j-research-word.is-active { opacity:1; }
.j-research-grid { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:0 0 24px; padding:0; }
.j-research-card { min-width:0; border:1px solid #dbe3e9; border-radius:8px; background:#fff; overflow:hidden; }
.j-research-visual { background:#f4f6f7; overflow:hidden; aspect-ratio:320 / 176; }
.j-research-visual svg { display:block; width:100%; height:100%; }
.j-research-card-copy { padding:24px; }
.j-research-number { display:block; color:#1263a0; font-size:12px; line-height:16px; margin-bottom:12px; font-variant-numeric:tabular-nums; }
.j-research-card h3 { color:#142e46; font-size:20px; line-height:28px; font-weight:500; margin:0 0 8px; }
.j-research-card p { color:#526475!important; font-size:14px; line-height:20px; margin:0; text-wrap:pretty; }
.j-research-toggle { flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; min-width:48px; min-height:48px; padding:8px 12px; border:1px solid #bccbd6; border-radius:4px; color:#1263a0; background:white; font-size:16px; transition:background-color .3s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1); }
.j-research-toggle[hidden] { display:none; }
.j-research-toggle:hover { background:#eaf1f6; }
.j-research-toggle:active { transform:scale(.98); }
.j-research-toggle:focus-visible { outline:3px solid #1263a0; outline-offset:4px; }
.j-research-scan, .j-research-lines path, .j-research-check, .j-research-journal { animation-duration:6s; animation-iteration-count:infinite; animation-timing-function:cubic-bezier(.65,0,.35,1); animation-play-state:paused; }
.j-research-scan { transform:translate(0,9px); animation-name:j-research-measure; }
.j-research-lines path { animation-name:j-research-write; transform-origin:130px 0; }
.j-research-lines path:nth-child(1) { animation-delay:.7s; }
.j-research-lines path:nth-child(2) { animation-delay:1s; }
.j-research-lines path:nth-child(3) { animation-delay:1.3s; }
.j-research-check { animation-name:j-research-confirm; animation-delay:1.3s; }
.j-research-journal { animation-name:j-research-publish; animation-delay:1.6s; }
.j-research.is-running .j-research-scan, .j-research.is-running .j-research-lines path, .j-research.is-running .j-research-check, .j-research.is-running .j-research-journal { animation-play-state:running; }
@keyframes j-research-measure { 0%,100% { transform:translate(0,9px); } 15% { transform:translate(33px,0); } 30% { transform:translate(66px,7px); } 45% { transform:translate(99px,-27px); } 60% { transform:translate(132px,-18px); } 75% { transform:translate(165px,-52px); } 85% { transform:translate(216px,-62px); } }
@keyframes j-research-write { 0%,100% { transform:scaleX(1); opacity:1; } 15% { transform:scaleX(.15); opacity:.3; } 40%,85% { transform:scaleX(1); opacity:1; } }
@keyframes j-research-confirm { 0%,100%,60% { opacity:1; } 15%,35% { opacity:.2; } }
@keyframes j-research-publish { 0%,100%,75% { transform:translateY(0); } 25%,45% { transform:translateY(-8px); } }
@media(max-width:767px) { .j-research h2 { font-size:36px; line-height:40px; } .j-research-grid { grid-template-columns:1fr; gap:16px; } .j-research-card { display:grid; grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr); } .j-research-visual { aspect-ratio:auto; display:flex; align-items:center; } .j-research-visual svg { height:auto; } .j-research-card-copy { padding:16px; } .j-research-heading { align-items:center; gap:16px; } }
@media(max-width:359px) { .j-research h2 { font-size:30px; line-height:36px; } .j-research-card { grid-template-columns:1fr; } .j-research-visual { aspect-ratio:320 / 140; } .j-research-visual svg { height:100%; } }
@media(prefers-reduced-motion:reduce) { .j-research-scan,.j-research-lines path,.j-research-check,.j-research-journal { animation:none; } .j-research-word { opacity:1; transition:none; } }
