/* Isolated landing study. Preserved website styles and artwork are unchanged. */
body.landing-ink-proof:not(.genome-integration) .home-jellyfish-scene,body.landing-ink-proof:not(.genome-integration) #gfpOriginQuestion,body.landing-ink-proof:not(.genome-integration) #gfpOriginPulse{display:none!important}
body.landing-ink-proof .dna-base,body.landing-ink-proof .current-color-window,body.landing-ink-proof .destination-color{visibility:hidden!important}
#dnaInkCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:2}
#inkGenomePanorama{position:fixed;z-index:79;left:0;bottom:var(--responsive-dna-bottom);width:200vw;height:calc(var(--responsive-dna-height) * 1.8);pointer-events:none;transform:translateX(0);transition:transform 1.38s cubic-bezier(.18,.75,.16,1);contain:layout style;will-change:transform}
body.landing-ink-proof .dna-world{transform:translateX(0)!important;transition:transform 1.38s cubic-bezier(.18,.75,.16,1),opacity .15s linear!important}
body.landing-ink-proof .telomere-dna-world{transform:translateX(100vw)!important;transition:transform 1.38s cubic-bezier(.18,.75,.16,1)!important;height:calc(var(--responsive-dna-bottom) + var(--responsive-dna-height) + 1rem)!important}
body.landing-ink-proof[data-fluor="telomere"] #inkGenomePanorama,body.landing-ink-proof.ink-telomere-entering #inkGenomePanorama,body.landing-ink-proof[data-fluor="telomere"] .dna-world,body.landing-ink-proof.ink-telomere-entering .dna-world{transform:translateX(-100vw)!important}
body.landing-ink-proof[data-fluor="telomere"] .telomere-dna-world,body.landing-ink-proof.ink-telomere-entering .telomere-dna-world{transform:translateX(0)!important}
body.landing-ink-proof.ink-telomere-leaving #inkGenomePanorama,body.landing-ink-proof.ink-telomere-leaving .dna-world{transform:translateX(0)!important}
body.landing-ink-proof.ink-telomere-leaving .telomere-dna-world{transform:translateX(100vw)!important}
body.landing-ink-proof .telomere-dna-half,body.landing-ink-proof .telomere-end-label{display:none!important}
body.landing-ink-proof .site-header .header-main::before{transform:translateX(101%)!important;transition:transform 1.38s cubic-bezier(.18,.75,.16,1)!important}
body.landing-ink-proof[data-fluor="telomere"] .site-header .header-main::before,body.landing-ink-proof.ink-telomere-entering .site-header .header-main::before{transform:translateX(0)!important}
body.landing-ink-proof.ink-telomere-leaving .site-header .header-main::before{transform:translateX(101%)!important}
body.landing-ink-proof[data-fluor="telomere"] .ink-review{background:#eee7d9ed;border-color:#59436b40;box-shadow:0 6px 24px #49365818}
body.landing-ink-proof[data-fluor="telomere"] .ink-review button{color:#594369}
body.landing-ink-proof[data-fluor="telomere"] .ink-review button[aria-pressed=true]{background:#8064aa22;color:#352641}
body.landing-ink-proof[data-fluor="telomere"] .ink-review input{accent-color:#8064aa}
body.landing-ink-proof[data-fluor="telomere"] #replayBlend{color:#604775;border-left-color:#6d528a40}
.ink-review{position:fixed;z-index:450;right:24px;top:calc(var(--header-height,88px) + 10px);display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #d3e2d42b;border-radius:28px;background:#07100dea;box-shadow:0 6px 28px #0005}
.ink-review button{appearance:none;border:0;border-radius:18px;background:none;color:#c8d2ca;font:14px/1.2 'Segoe UI',sans-serif;padding:9px 10px;cursor:pointer;min-height:36px}
.ink-review button[aria-pressed=true]{color:#edffe9;background:#e2ffda16}
.ink-review button:hover{background:#d0eed322}.ink-review button:focus-visible,.ink-review input:focus-visible{outline:2px solid #83c998;outline-offset:2px}
.ink-review input{width:90px;accent-color:#a6c5ae;cursor:ew-resize}
#replayBlend{border-left:1px solid #c5dfcf33;border-radius:0;padding-left:13px;color:#9bb7a7}
#inkLoadError{position:fixed;z-index:451;left:20px;bottom:20px;max-width:32rem;color:#dce9df;background:#09120fe8;padding:12px 16px;border:1px solid #9dcaa344}
#inkLoadError[hidden]{display:none}
@media(max-width:700px){.ink-review{top:auto;bottom:8px;right:50%;transform:translateX(50%);gap:1px;padding:3px 6px;white-space:nowrap}.ink-review input{width:60px}.ink-review button{font-size:14px;padding:8px}body.landing-ink-proof .genome-readout{bottom:52px}}

/* Section-colored header navigation, with one moving marker above the text. */
#genomeSiteStage .header-nav{position:relative;isolation:isolate;gap:clamp(1.4rem,2.5vw,3rem)}
#genomeSiteStage .header-nav button[data-jump="home"]{--nav-accent:#78ef91;--paper-nav:#286e39}
#genomeSiteStage .header-nav button[data-jump="research"]{--nav-accent:#a6b2ff;--paper-nav:#465bb1}
#genomeSiteStage .header-nav button[data-jump="publications"]{--nav-accent:#ff96b1;--paper-nav:#ac364e}
#genomeSiteStage .header-nav button[data-jump="members"]{--nav-accent:#edf18c;--paper-nav:#716615}
#genomeSiteStage .header-nav button[data-jump="telomere"]{--nav-accent:#c4a2ff;--paper-nav:#7050a8}
#genomeSiteStage .header-nav button[data-jump]{
 color:var(--nav-accent)!important;opacity:.74!important;
 font-size:clamp(.94rem,1vw,1.075rem);font-weight:600;letter-spacing:.085em;
 padding:.85rem 0 .65rem;text-shadow:none!important;
 transition:color .35s ease,opacity .25s ease,text-shadow .25s ease;
}
#genomeSiteStage .header-nav button[data-jump]:is(.is-current,:hover,:focus-visible){opacity:1!important;text-shadow:0 0 16px color-mix(in srgb,var(--nav-accent) 28%,transparent)!important}
#genomeSiteStage .header-page-marker{
 position:absolute;left:0;width:24px;height:2px;border-radius:2px;pointer-events:none;
 background:var(--marker-color);box-shadow:0 0 9px color-mix(in srgb,var(--marker-color) 65%,transparent);
 opacity:0;
}
#genomeSiteStage .header-nav[data-marker-ready="true"] .header-page-marker{opacity:1;transition:transform .65s cubic-bezier(.22,.7,.2,1),top .3s ease,background-color .5s ease,box-shadow .5s ease}
body:is([data-fluor="telomere"],.telomere-transition) #genomeSiteStage .header-nav button[data-jump]{color:var(--paper-nav)!important;text-shadow:none!important;opacity:.85!important}
body:is([data-fluor="telomere"],.telomere-transition) #genomeSiteStage .header-nav button[data-jump].is-current{opacity:1!important}
body:is([data-fluor="telomere"],.telomere-transition) #genomeSiteStage .header-page-marker{background:var(--marker-paper);box-shadow:none}
@media(min-width:1181px){
 #genomeSiteStage .site-header .header-main{grid-template-columns:minmax(22rem,1fr) auto}
 #genomeSiteStage .header-nav{justify-self:end}
}
@media(min-width:761px) and (max-width:1180px){
 #genomeSiteStage .header-nav{justify-content:space-between;gap:1rem}
 #genomeSiteStage .header-nav button[data-jump]{font-size:.94rem}
}
@media(max-width:760px){
 #genomeSiteStage .header-nav{gap:.45rem;overflow-x:auto;scrollbar-width:none}
 #genomeSiteStage .header-nav button[data-jump]{font-size:.75rem;letter-spacing:.025em;padding:.65rem 0 .5rem;flex-shrink:0}
}
@media(prefers-reduced-motion:reduce){
 #genomeSiteStage .header-nav[data-marker-ready="true"] .header-page-marker,#genomeSiteStage .header-nav button[data-jump]{transition:none}
}

/* Home's introduction, illustration, and news share one responsive layout. */
#genomeSiteStage .panel-home .home-conflict-copy{
 position:absolute!important;top:var(--stage-top)!important;bottom:var(--stage-bottom)!important;
 left:50%!important;right:auto!important;transform:translateX(-50%)!important;
 width:min(calc(100% - 2 * var(--stage-gutter,32px)),90rem)!important;max-width:none!important;height:auto!important;
 display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);grid-template-rows:auto auto;
 column-gap:clamp(40px,6vw,112px);row-gap:32px;align-content:start;align-items:start;
 margin:0!important;padding:clamp(16px,3vh,36px) 12px 40px 0!important;
 overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:var(--fluor-soft) transparent;
}
#genomeSiteStage .home-intro{grid-column:1;grid-row:1;min-width:0}
#genomeSiteStage .home-intro .panel-kicker{margin:0 0 22px}
#genomeSiteStage .home-conflict-title{margin:0 0 24px!important}
#genomeSiteStage .home-conflict-time{font-size:12px;letter-spacing:.17em;margin-bottom:16px}
#genomeSiteStage .home-conflict-main{font-size:clamp(40px,4.65vw,78px)!important;line-height:1.03!important;letter-spacing:-.045em!important}
#genomeSiteStage .home-conflict-line{display:block}
#genomeSiteStage .home-conflict-lead,#genomeSiteStage .home-conflict-close{max-width:40rem!important;font-size:16px!important;line-height:1.65!important;margin:0 0 14px!important}
#genomeSiteStage .home-art-space{display:block;grid-column:2;grid-row:1 / span 2;align-self:center;justify-self:center;width:min(100%,380px);margin:0;padding:0 0 36px}
#genomeSiteStage #lanternRig.home-layout-docked{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;height:clamp(370px,53vh,560px)!important;max-width:none!important;max-height:none!important}
#genomeSiteStage .home-layout-docked .lantern-artwork{inset:0!important}
#genomeSiteStage .panel-home .home-news{display:block!important;grid-column:1;grid-row:2;width:100%;max-width:none;margin:0!important;padding-top:6px}
#genomeSiteStage .panel-home #homeNewsTitle{font-size:12px!important;line-height:1.4;letter-spacing:.2em}
#genomeSiteStage .home-news-list li{grid-template-columns:76px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom-color:rgba(180,216,185,.13)}
#genomeSiteStage .home-news-date{font-size:11px;line-height:1.6}
#genomeSiteStage .home-news-text{font-size:14px;line-height:1.6}
#genomeSiteStage .panel-home .scene-art.home-art{opacity:.38}
@media(min-width:761px) and (max-width:1100px){
 #genomeSiteStage .panel-home .home-conflict-copy{grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);column-gap:32px;row-gap:28px}
 #genomeSiteStage .home-conflict-main{font-size:clamp(38px,4.65vw,52px)!important}
 #genomeSiteStage .home-art-space{grid-row:1;align-self:center;width:min(100%,310px)}
 #genomeSiteStage #lanternRig.home-layout-docked{height:400px!important}
 #genomeSiteStage .panel-home .home-news{grid-column:1 / -1;grid-row:2}
}
@media(max-width:760px){
 #genomeSiteStage .panel-home .home-conflict-copy{width:calc(100% - 32px)!important;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:24px;padding:12px 6px 36px 0!important}
 #genomeSiteStage .home-conflict-main{font-size:clamp(36px,8.8vw,56px)!important}
 #genomeSiteStage .home-conflict-lead,#genomeSiteStage .home-conflict-close{font-size:15px!important;line-height:1.6!important}
 #genomeSiteStage .home-intro .panel-kicker{margin-bottom:18px}
 #genomeSiteStage .home-art-space{grid-column:1;grid-row:2;width:240px;max-width:100%;padding-bottom:24px}
 #genomeSiteStage #lanternRig.home-layout-docked{height:320px!important}
 #genomeSiteStage .panel-home .home-news{grid-column:1;grid-row:3}
 #genomeSiteStage .home-news-list li{grid-template-columns:58px minmax(0,1fr);gap:12px}
}
#genomeSiteStage .panel-home .home-conflict-copy{row-gap:28px;padding-bottom:24px!important}
#genomeSiteStage .home-news-head{margin-bottom:10px}
#genomeSiteStage .home-news-list{gap:0}
#genomeSiteStage .home-news-list li{padding:10px 0}

/* Keep the existing copy readable on handheld screens. */
@media(max-width:760px){
 #genomeSiteStage .v13-intro,#genomeSiteStage #v13QuestionBody,
 #genomeSiteStage .v10-atlas-lead,#genomeSiteStage .members-heading>p,
 #genomeSiteStage .lab-join-lead,#genomeSiteStage .lab-join-note{font-size:16px!important;line-height:1.6!important}
 #genomeSiteStage .v13-attribution{font-size:11px!important;line-height:1.5;letter-spacing:.1em}
 #genomeSiteStage .publication-authors,#genomeSiteStage .publication-details{font-size:14px!important;line-height:1.55!important}
 #genomeSiteStage .fluor-story-chapter>p:not(.fluor-chapter-kicker),
 #genomeSiteStage .firefly-learning-card>p:not(.fluor-learning-kicker){font-size:16px!important;line-height:1.6!important}
}
@media(max-width:760px){
 #genomeSiteStage .firefly-learning-card>.firefly-learning-kicker{font-size:11px!important}
 #genomeSiteStage .member-info>span,#genomeSiteStage .lab-join-roles li{font-size:15px!important;line-height:1.6!important}
}
/* Let the phone story own its space; its return button remains available. */
@media(max-width:760px){
 body.genome-integration[data-fluor="members"]:not(.is-lit) #lanternRig{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
}
#genomeSiteStage .telomere-layout{scrollbar-width:thin;scrollbar-color:rgba(112,80,168,.42) transparent;color-scheme:light}