/* Full-screen botanical cover with live HTML lettering. */
.research-page .macaq-teaser{position:relative;isolation:isolate;height:calc(100svh - var(--csl-header,66px) - var(--lab-dock-height,48px));min-height:240px;overflow:hidden;display:grid;place-items:center;background:hsl(146 35% 13%);color:white}
.macaq-teaser-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.macaq-teaser::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,hsl(145 35% 8% / .24),transparent 35%,hsl(145 35% 8% / .06))}
.macaq-teaser-center{width:100%;display:flex;justify-content:center;padding:0 6vw 3vh}
.macaq-teaser-title{position:relative;margin:0;padding:.22em .1em;color:white;font:500 clamp(64px,13vw,220px)/1.08 var(--display);letter-spacing:-.055em;white-space:nowrap;cursor:default}
.macaq-teaser-ink{display:inline-flex;align-items:center;gap:.18em;text-shadow:0 2px 28px hsl(140 35% 5% / .12)}

.macaq-teaser-scroll{position:absolute;bottom:clamp(24px,5.5vh,62px);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;color:white;font:400 12px/1.4 var(--display);letter-spacing:.06em;opacity:.86;padding:10px 18px;transition:opacity .2s}
.macaq-teaser-scroll svg{fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.macaq-teaser-scroll:hover{opacity:1}.macaq-teaser-scroll:hover svg{transform:translateY(4px)}
.macaq-teaser-scroll:focus-visible{outline:2px solid white;outline-offset:4px;border-radius:5px}
.csl-article:has(.macaq-teaser):not(.is-past-teaser) .article-index:not(.is-open){opacity:0;visibility:hidden;pointer-events:none;transition:none}
.csl-article:has(.macaq-teaser) .article-index{transition:opacity .25s,visibility .25s}
@media(max-width:600px){.macaq-teaser-title{font-size:15.5vw;letter-spacing:-.05em}.macaq-teaser-center{padding-bottom:6vh}.macaq-teaser-background{object-position:48% center}.macaq-teaser-scroll{font-size:11px;bottom:28px}}
@media(max-height:500px) and (orientation:landscape){.macaq-teaser-title{font-size:min(14vw,40svh)}.macaq-teaser-center{padding-bottom:6vh}.macaq-teaser-scroll{bottom:10px;gap:4px;font-size:10px}.macaq-teaser-scroll svg{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){.macaq-teaser-scroll,.macaq-teaser-scroll svg,.csl-article:has(.macaq-teaser) .article-index{transition:none}}
@media print{.macaq-teaser{display:none!important}}