/* Preserve the original artwork and layout, with isolated Site-only polish. */
/* No paper/telomere route exists here. Do not snapshot its dormant offscreen layers. */
body.publications-only::before,
body.publications-only .site-header .header-main::before{content:none!important;display:none!important}
.publications-only .publication-authors,.publications-only .publication-details{font-size:.875rem!important;line-height:1.6;color:#b6becd}
.publications-only .world{width:100vw;transform:none;transition:none;will-change:auto}
.publications-only #dnaWorld{pointer-events:none}
/* Source-aspect mask follows object-fit:contain at every responsive size.
   Hide only the isolated lower-right lettering; retain the original artwork. */
.publications-only .greatest-hits-art img{
 mask:url("./hand-display-mask.svg") center bottom/contain no-repeat;
}
/* Keep registration steady during the opening; the original raster gently
   rocks afterward without keeping the extra WebGL renderer alive. */
body.publications-only .greatest-hits-art{
 animation:none!important;transform:rotate(1deg) translateY(0)!important;
}
html[data-stage-layout="stacked"] body.publications-only .greatest-hits-art{transform:none!important}
.publications-only .greatest-hits-art[data-gesture="complete"] img{
 animation:publicationHandRock 7.5s ease-in-out infinite;
 transform-origin:50% 78%;will-change:transform;
}
.publications-only .greatest-hits-art[data-hand-ambient="paused"] img{animation-play-state:paused}
@keyframes publicationHandRock{
  0%,100%{transform:rotate(0) translateY(0)}
  50%{transform:rotate(-1.4deg) translateY(-.45rem)}
}
.publications-only .greatest-hits-halo{
 background:radial-gradient(ellipse at 49% 48%,rgba(237,123,103,.33) 0%,rgba(223,66,94,.22) 28%,rgba(160,34,68,.08) 53%,transparent 74%);
}
@media(prefers-reduced-motion:reduce){
 .publications-only .greatest-hits-art[data-gesture="complete"] img{animation:none;will-change:auto}
}
.hand-gesture-media{
 position:absolute;bottom:0;z-index:3;pointer-events:none;
 opacity:0;mix-blend-mode:normal;
 /* Paper removal is baked into the clip; no per-frame CSS SVG filter. */
 filter:none;
}
.hand-gesture-media[data-codec="black"]{filter:url("./original/ink-effects.svg#paperless-ink")}
html.hand-gesture-pending .greatest-hits-art img,
.greatest-hits-art[data-gesture="ready"] img,
.greatest-hits-art[data-gesture="playing"] img{visibility:hidden}
.greatest-hits-art[data-gesture="ready"] .hand-gesture-media,
.greatest-hits-art[data-gesture="playing"] .hand-gesture-media{opacity:1}
@container publicationsStage (max-width:880px){
 body.publications-only .greatest-hits-art{transform:none!important}
}
.publications-only .incubating-return{
 display:inline-flex;align-items:center;min-height:44px;
 color:rgba(243,245,241,.72);font-size:.875rem;letter-spacing:.035em;
 text-decoration:none;white-space:nowrap;
}
.publications-only .incubating-return:hover{color:var(--fluor-hot)}
.publications-only a:focus-visible{outline:2px solid var(--fluor);outline-offset:5px}
/* Keep the original stacked artwork centered when its container is narrow.
   The original later desktop-left rule otherwise overrides the container inset. */
@container publicationsStage (max-width:880px){
 .publications-only .greatest-hits-art{left:auto!important;right:auto!important}
}
@media(prefers-reduced-motion:reduce){.publications-only .texture{animation:none}}
/* Mobile stability: avoid the oversized animated SVG turbulence/blend layer. */
@media(max-width:899px),(pointer:coarse){.publications-only .texture{display:none}}
#genomeCanvasHost[data-render-state="fallback"] canvas{display:none}
#genomeCanvasHost[data-render-state="fallback"]{background:radial-gradient(ellipse at 80% 45%,#43182326,transparent 65%)}
/* Keep the whole hand, but bring the first paper into the opening phone screen. */
@media(max-width:700px){
 .publications-only .publications-heading{min-height:0!important;margin-bottom:12px!important;row-gap:0!important}
 .publications-only .publication-count-wrap:empty{display:none}
 .publications-only .greatest-hits-art{position:relative!important;inset:auto!important;width:min(48vw,210px)!important;height:clamp(150px,21vh,180px)!important;margin:0 auto 18px!important;transform:none!important}
}
/* Keep the preserved two-line heading inside very narrow phone viewports. */
@media(max-width:380px){body.publications-only .publications-heading h2{font-size:clamp(2.8rem,17.5vw,4rem)!important}}