/* Final review assembly; inherited website artwork and styles stay intact. */
/* The Home hint is an interaction affordance, not permanent artwork.
   Opacity keeps the dynamic button name accessible; dark-state relighting
   instructions stay visible. Touch can still tap/pull the existing handle. */
body.genome-integration[data-fluor="home"].is-lit #pullControl .pull-label{
 opacity:0;pointer-events:none;transition:opacity .18s ease;
}
body.genome-integration[data-fluor="home"].is-lit #pullControl:is(:focus-visible,:active) .pull-label,
body.genome-integration[data-fluor="home"].is-lit #lanternGrab:focus-visible ~ #pullControl .pull-label,
body.genome-integration[data-fluor="home"].is-lit #lanternRig.is-dragging .pull-label{opacity:1}
body.genome-integration[data-fluor="home"] #pullControl:focus-visible{outline:none}
body.genome-integration[data-fluor="home"] #pullControl .pull-handle,
body.genome-integration[data-fluor="home"] #pullControl .pull-cord{visibility:hidden}
body.genome-integration[data-fluor="home"] #pullControl:focus-visible .pull-label{
 outline:2px solid var(--fluor);outline-offset:4px;
}
@media(hover:hover) and (pointer:fine){
 body.genome-integration[data-fluor="home"].is-lit #lanternRig:hover .pull-label{opacity:1}
}
@media(prefers-reduced-motion:reduce){
 body.genome-integration[data-fluor="home"].is-lit #pullControl .pull-label{transition:none}
}
/* A draft research invitation belongs to the swimming state, never the movie. */
#preludeInvitation{position:fixed;z-index:4;left:clamp(24px,6vw,110px);top:clamp(76px,12vh,145px);width:min(690px,86vw);color:#e5e9ed;pointer-events:none;text-shadow:0 2px 24px #020718}
#preludeInvitation::before{content:"";position:absolute;inset:-50px -70px;z-index:-1;background:radial-gradient(ellipse at 38% 42%,#020718a8,transparent 70%);pointer-events:none}
.prelude-lab{font:14px/1.3 "Helvetica Neue","Segoe UI",Arial,sans-serif;letter-spacing:.25em;color:#aebccc;margin:0 0 22px}
#preludeQuestion{font:400 clamp(35px,5.7vw,66px)/1.05 Georgia,"Times New Roman",serif;letter-spacing:-.045em;margin:0 0 25px}
#preludeQuestion em{font-weight:400;color:#c7c4e9}
.prelude-research{max-width:430px;font:16px/1.6 "Helvetica Neue","Segoe UI",Arial,sans-serif;color:#b1bdcd;margin:0;text-wrap:pretty}
body[data-experience="journey"] #preludeInvitation,body[data-experience="site"] #preludeInvitation{display:none}
@media(max-width:600px){#preludeInvitation{top:90px;left:24px;width:calc(100vw - 48px)}.prelude-lab{margin-bottom:17px}#preludeQuestion{font-size:clamp(32px,8.8vw,45px);margin-bottom:18px}.prelude-research{font-size:16px;max-width:32ch}}
[hidden]{display:none!important}
#genomeCanvasHost{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
#genomeCanvasHost canvas{display:block;width:100%;height:100%}
.genome-site-ready:not(.fallback-ink) #genomeCanvasHost{z-index:0}
/* Put the paper behind the shared canvas, not between it and the reader.
   The canvas stays below every section, including the existing paper art. */
body.genome-site-ready::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:#eee7d9;transform:translateX(100vw);transition:transform 1.38s cubic-bezier(.18,.75,.16,1)}
body.genome-site-ready:is([data-fluor="telomere"],.ink-telomere-entering)::before{transform:translateX(0)}
body.genome-site-ready.ink-telomere-leaving::before{transform:translateX(100vw)}
body.genome-site-ready .panel-telomere{background:transparent!important}
body.genome-site-ready:not(.fallback-ink) .telomere-dna-world{background:transparent!important}
body.genome-site-ready #genomeCanvasHost{z-index:0;clip-path:none}
@media(prefers-reduced-motion:reduce){body.genome-site-ready::before{transition:none}}
#genomeSiteStage{display:contents}
.genome-intro-active #genomeSiteStage>:is(.viewport,.site-header,.genome-readout,.dna-world,.lantern-rig){opacity:var(--genome-arrival,0)!important;pointer-events:none!important}
.genome-intro-active #genomeSiteStage>.texture{opacity:calc(.075 * var(--genome-arrival,0))}
.genome-intro-active #genomeSiteStage>:not(.viewport):not(.site-header):not(.genome-readout):not(.dna-world):not(.lantern-rig):not(.texture){visibility:hidden!important}
.genome-integration .jellyfish-opening-copy{display:none!important}
.genome-integration #dnaWorld{background:none!important}
#inkGenomePanorama{visibility:hidden}
.fallback-ink #inkGenomePanorama{visibility:visible}
.footer-fallback .dna-base,.footer-fallback .current-color-window{visibility:visible!important}
#genomeControls{position:fixed;z-index:1000;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:6px;padding:6px;border:1px solid #b7d7df2b;border-radius:30px;background:#07111cb8;backdrop-filter:blur(12px);white-space:nowrap}
#genomeControls button{border:0;border-radius:24px;background:transparent;color:#dbe6ea;font:15px/1.2 system-ui,sans-serif;min-height:44px;padding:10px 18px;cursor:pointer}
#genomeBegin{background:#b3d7e51d!important}
#genomeControls button:hover:not(:disabled){background:#b3d7e52b}
#genomeControls button:disabled{opacity:.45;cursor:default}
#genomeControls button:focus-visible{outline:2px solid #c9e5d9;outline-offset:3px}
.genome-site-ready #genomeControls{left:auto;right:18px;bottom:auto;top:calc(var(--header-height,88px) + 12px);transform:none;border-color:#c9decd20;background:#07100dc9}
.genome-site-ready #genomeControls button{font-size:14px;min-height:36px;padding:8px 12px;color:#c4d3c6}
[data-fluor=telomere].genome-site-ready #genomeControls{background:#eee7d9e8;border-color:#59436b30}
[data-fluor=telomere].genome-site-ready #genomeControls button{color:#594369}
#genomeStatus{position:fixed;z-index:999;left:15%;right:15%;top:43%;text-align:center;font:16px/1.5 system-ui,sans-serif;color:#dbe6ea;pointer-events:none}
.cell-preview-ready #genomeStatus{top:auto;bottom:88px;font-size:14px;color:#a8bbc7}
#integrationReview{position:fixed;z-index:1001;top:12px;right:16px;display:flex;gap:8px;align-items:center;padding:8px 12px;border-radius:22px;background:#08121bd9;color:#c3d2db;font:14px system-ui,sans-serif}
#journeyTime{width:160px;accent-color:#a8d4ce}
#integrationReview{max-width:calc(100vw - 32px);flex-wrap:wrap}
#integrationReview :is(button,a){border:1px solid #b7d7df40;border-radius:16px;background:#162a3c;color:#dbe6ea;font:13px/1.2 system-ui;padding:7px 10px;text-decoration:none;cursor:pointer}
#entryProofReplay,#entryProofFull{border:1px solid #b7d7df40;border-radius:18px;background:#162a3c;color:#dbe6ea;font:14px/1.2 system-ui;padding:8px 12px;text-decoration:none;cursor:pointer}
body[data-entry-proof=true] #integrationReview{flex-wrap:wrap;max-width:calc(100vw - 32px)}
@media(max-width:600px){#genomeControls{gap:0;padding:4px}#genomeControls button{font-size:14px;padding:10px 13px}.genome-site-ready #genomeControls{top:12px;bottom:auto;right:10px}.genome-site-ready #genomeControls button{font-size:14px}#integrationReview{top:5px;right:5px}#journeyTime{width:110px}}
@media(prefers-reduced-motion:reduce){#inkGenomePanorama,.genome-integration .dna-world,.genome-integration .telomere-dna-world{transition-duration:.01ms!important}}

/* Keep the requested sequence highlight available at every screen size. */
.genome-integration .genome-sequence-group{display:inline-flex;flex-shrink:0}
.genome-integration .genome-readout .sep-before-motif{display:inline}
.genome-integration .genome-seq{display:inline;font-size:14px;letter-spacing:.12em}
@media(max-width:1439px){
 .genome-integration .genome-seq .sequence-flank{display:none}
 .genome-integration .genome-sequence-group>span:first-child{display:none}
}
@media(max-width:600px){
 .genome-integration .genome-readout{max-width:calc(100vw - 24px);gap:.3rem}
 .genome-integration .genome-position-label{display:none}
}
@media(max-width:980px){
 .genome-integration[data-fluor="home"]:not(.is-lit) .jelly-species-label{display:none}
}
@media(min-width:761px) and (max-width:1180px){
 .genome-integration #gfpOriginQuestion{left:auto;right:calc(100% - 20px);top:86%;width:min(17rem,36vw);transform:translateY(-50%)}
 .genome-integration #gfpOriginQuestion::before,.genome-integration #gfpOriginQuestion::after{display:none}
}

/* The lights-off vignettes belong to the organisms, without a competing DNA rail. */
.genome-site-ready :is(#genomeCanvasHost,#inkGenomePanorama,.dna-world,.telomere-dna-world,.genome-readout){transition:transform 1.38s cubic-bezier(.18,.75,.16,1),opacity .65s ease,visibility 0s!important}
body.genome-site-ready:not(.is-lit):not([data-fluor="telomere"]) :is(#genomeCanvasHost,#inkGenomePanorama,.dna-world,.telomere-dna-world,.genome-readout){opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition-delay:0s,0s,.65s!important}
body.genome-site-ready:not(.is-lit):not([data-fluor="telomere"]) .dna-world .destination-marker{visibility:inherit!important;pointer-events:none!important}
body.genome-integration:not([data-fluor-story="bfp"]) .fluor-story-bfp{opacity:0!important;visibility:hidden!important}

/* Color identifies the current section; decorative strokes add no navigation value. */
body.genome-integration .site-header .header-main .header-nav button::after{content:none!important;display:none!important}
body.genome-integration .site-header .header-nav button:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(prefers-reduced-motion:reduce){
 .genome-site-ready :is(#genomeCanvasHost,#inkGenomePanorama,.dna-world,.telomere-dna-world,.genome-readout){transition:none!important}
}

/* Give the Members illustration a place in the scrollable composition. */
.genome-integration .panel-members .members-intro{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.58fr);
 align-items:center;gap:clamp(32px,5vw,88px);width:min(100%,88rem);margin-inline:auto;
}
.genome-integration .panel-members .members-heading{min-width:0;max-width:100%}
.genome-integration .panel-members .members-heading h2{font-size:clamp(48px,5.9vw,100px);line-height:1.02;max-width:100%}
.genome-integration .panel-members .members-heading>p{background:none;box-shadow:none}
.genome-integration .panel-members .members-heading>p:last-of-type{max-width:38rem;line-height:1.65}
.genome-integration .members-art-space{min-width:0;width:100%;padding:12px 12px 100px}
body.genome-integration #lanternRig.members-layout-docked{
 position:relative!important;inset:auto!important;transform:none!important;
 width:100%!important;height:clamp(250px,30vw,430px)!important;max-height:none;max-width:none;
}
body.genome-integration #lanternRig.members-layout-undocked{width:var(--members-drag-width)!important;height:var(--members-drag-height)!important}
.genome-integration :is(.members-layout-docked,.members-layout-undocked) .firefly-artwork{inset:0!important;transform:none!important}
.genome-integration .members-layout-docked .jar-action{border:0;background:none;box-shadow:none}
body.genome-integration .members-layout-docked #fireflyOriginQuestion{
 left:50%;right:auto;top:calc(100% + 18px);width:min(260px,100%);
 transform:translateX(-50%)!important;text-align:center;align-items:center;
}
.genome-integration .members-layout-docked #fireflyOriginQuestion::before{display:none}
.genome-integration .panel-members .members-directory{width:min(100%,88rem);margin:20px auto 0}
.genome-integration .panel-members .lab-join{width:min(100%,88rem);margin-inline:auto}
@media(max-width:600px){
 .genome-integration .panel-members .members-intro{grid-template-columns:1fr;gap:16px}
 .genome-integration .panel-members .members-heading h2{font-size:clamp(40px,11vw,60px)}
 .genome-integration .members-art-space{width:min(300px,100%);margin-inline:auto}
 body.genome-integration #lanternRig.members-layout-docked{height:290px!important}
}

/* Remove the source's black paper at paint time, preserving its colored ink. */
body.genome-integration .greatest-hits-art{
 isolation:auto;background:none;filter:none!important;
}
.genome-integration .greatest-hits-art img{mix-blend-mode:normal;filter:url("ink-effects.svg#paperless-ink")}
.genome-integration .greatest-hits-halo{opacity:.4}
.genome-integration .greatest-hits-art::after{display:none}

/* Keep the scientific drawing foremost and the surrounding furniture quiet. */
body.genome-integration .panel::before{opacity:.18!important}
body.genome-integration .scene-art.publications-art{opacity:.08!important}
body.genome-integration :is(#gfpOriginQuestion,#fireflyOriginQuestion){
 border:0;border-left:1px solid color-mix(in srgb,var(--fluor) 25%,transparent);
 background:linear-gradient(90deg,rgba(2,6,4,.3),transparent);box-shadow:none;backdrop-filter:none;
}
body.genome-integration :is(#gfpOriginQuestion,#fireflyOriginQuestion)::after{display:none}
body.genome-integration .dna-world .destination-marker{opacity:.78!important}
body.genome-integration .dna-world .destination-marker:is(.is-current,:hover,:focus-visible){opacity:1!important}
body.genome-integration .dna-world .destination-marker:focus-visible{outline:1px solid currentColor;outline-offset:3px}
.genome-integration .genome-readout{border:0;background:none;box-shadow:none}


/* On phones the Home lantern follows its introduction, before the news. */
.genome-integration .home-art-space{display:none}
body.genome-integration #lanternRig.home-layout-undocked{width:var(--members-drag-width)!important;height:var(--members-drag-height)!important}
.genome-integration :is(.home-layout-docked,.home-layout-undocked) .lantern-artwork{inset:0!important}
@media(max-width:760px){
 body.genome-integration .panel-home .home-conflict-copy{
  position:absolute!important;top:var(--stage-top)!important;bottom:var(--stage-bottom)!important;
  left:16px!important;right:16px!important;width:auto!important;max-width:none!important;
  height:auto!important;margin:0!important;padding:4px 8px 32px 0!important;transform:none!important;
  overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--fluor-soft) transparent;
 }
 .genome-integration .home-art-space{display:block;width:250px;max-width:100%;margin:36px auto 20px;padding-bottom:0}
 body.genome-integration #lanternRig.home-layout-docked{
  position:relative!important;inset:auto!important;transform:none!important;width:100%!important;height:340px!important;
  max-width:none!important;max-height:none!important;
 }
 body.genome-integration .home-layout-docked #gfpOriginQuestion{
  left:50%!important;right:auto!important;top:calc(100% + 16px)!important;bottom:auto!important;
  width:250px!important;max-width:100%!important;min-width:0!important;
  transform:translateX(-50%)!important;text-align:center;align-items:center;
 }
 .genome-integration .home-layout-docked #gfpOriginQuestion::before{display:none}
 body.genome-integration .panel-home .home-news{display:block;width:100%;margin:24px 0 0}
 body.genome-integration .panel-home #homeNewsTitle{font-size:12px;line-height:1.4;letter-spacing:.2em}
}