.story-relocated { display: none !important; }
.hero.story-hero { position: relative; height: 520vh; padding: 0; overflow: visible; }
.story-stage { --story-panel:rgba(250,250,249,.91); --story-panel-border:rgba(26,27,30,.16); --story-panel-shadow:0 18px 60px rgba(26,27,30,.10); position:sticky; top:0; height:100svh; min-height:560px; overflow:hidden; background:var(--bg); isolation:isolate; }
html[data-theme="dark"] .story-stage { --story-panel:rgba(14,16,19,.88); --story-panel-border:rgba(237,238,239,.15); --story-panel-shadow:0 18px 60px rgba(0,0,0,.34); }
.story-grid { position: absolute; inset: 0; z-index: -1; background: radial-gradient(circle at 50% 55%, var(--accent-soft), transparent 36%), linear-gradient(rgba(107,110,118,.055) 1px, transparent 1px), linear-gradient(90deg,rgba(107,110,118,.055) 1px,transparent 1px); background-size:auto,76px 76px,76px 76px; -webkit-mask-image:radial-gradient(circle at center,#000,transparent 73%); mask-image:radial-gradient(circle at center,#000,transparent 73%); }
:is(.story-title,.story-title-contrast) { position:absolute; z-index:5; top:clamp(78px,13vh,126px); left:50%; width:min(1120px,calc(100% - 40px)); margin:0; color:var(--text); text-align:center; text-wrap:balance; font-family:'Anton','Arial Narrow',sans-serif; font-weight:400; line-height:.96; letter-spacing:.07em; text-transform:uppercase; transform:translate3d(-50%,0,0); transform-origin:center top; will-change:transform; }
.story-sponsors,.story-statement,.story-metrics,.story-actions,.story-globe-wrap { will-change:transform,opacity; }
.story-sponsors { position:absolute; z-index:4; top:clamp(224px,34vh,318px); left:50%; width:min(860px,calc(100% - 48px)); padding:22px 26px; border:1px solid var(--story-panel-border); border-radius:14px; background:var(--story-panel); box-shadow:var(--story-panel-shadow); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); text-align:center; opacity:0; }
.story-sponsors>span { display:block; margin-bottom:22px; color:var(--text-muted); font:700 11px/1 'Poppins',system-ui,sans-serif; letter-spacing:.22em; text-transform:uppercase; }
.story-sponsor-logos { display:flex; align-items:center; justify-content:center; gap:clamp(24px,4vw,52px); flex-wrap:wrap; }
.story-sponsor-logos img { width:auto; max-width:112px; height:24px; object-fit:contain; filter:grayscale(1) opacity(.52); }
html[data-theme="dark"] .story-sponsor-logos img { filter:grayscale(1) opacity(.6) invert(1); }
.story-globe-wrap { position:absolute; z-index:2; left:50%; bottom:clamp(-205px,-20vh,-120px); width:clamp(500px,58vw,760px); aspect-ratio:1; opacity:0; transform:translate3d(-50%,42px,0); }
.story-globe { display:block; width:100%; height:100%; filter:drop-shadow(0 30px 70px rgba(0,0,0,.16)); transform:scale(2.5); transform-origin:center; }
.story-statement { position:absolute; z-index:4; top:clamp(222px,34vh,310px); left:50%; width:min(760px,calc(100% - 44px)); margin:0; padding:24px 30px; border:1px solid var(--story-panel-border); border-radius:14px; background:var(--story-panel); box-shadow:var(--story-panel-shadow); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); color:var(--text); text-align:center; text-wrap:balance; font:600 clamp(20px,2.7vw,38px)/1.24 'Poppins',system-ui,sans-serif; letter-spacing:-.025em; opacity:0; }
.story-metrics { position:absolute; z-index:4; top:clamp(220px,34vh,306px); left:50%; display:grid; grid-template-columns:repeat(4,1fr); width:min(880px,calc(100% - 48px)); overflow:hidden; border:1px solid var(--story-panel-border); border-radius:14px; background:var(--story-panel); box-shadow:var(--story-panel-shadow); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); opacity:0; }
.story-metric { padding:24px 18px; text-align:center; border-left:1px solid var(--border); }
.story-metric:first-child { border-left:0; }
.story-metric strong { display:block; color:var(--text); font:800 clamp(25px,3vw,40px)/1 'Poppins',system-ui,sans-serif; }
.story-metric span { display:block; margin-top:8px; color:var(--text-muted); font-size:12px; }
.story-actions { position:absolute; z-index:6; top:clamp(234px,37vh,332px); left:50%; display:flex; justify-content:center; gap:12px; width:calc(100% - 40px); opacity:0; }
.story-actions .btn-primary { background:var(--text); color:var(--bg); border-color:var(--text); }
.story-actions .btn-ghost { background:var(--story-panel); border-color:var(--story-panel-border); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); }
.story-scroll-cue { position:absolute; right:clamp(22px,4vw,56px); bottom:calc(26px + var(--story-header-space,68px)); display:flex; align-items:center; gap:10px; color:var(--text-muted); font:600 10px/1 'Poppins',system-ui,sans-serif; letter-spacing:.18em; text-transform:uppercase; }
.story-scroll-cue span { width:34px; height:1px; background:currentColor; }
@media (max-width:700px) {
  .hero.story-hero { height:470vh; }
  .story-stage { top:0; min-height:500px; }
  :is(.story-title,.story-title-contrast) { top:10vh; font-size:clamp(39px,13.5vw,62px)!important; }
  .story-sponsors { top:28vh; }
  .story-sponsor-logos { gap:20px 26px; }
  .story-sponsor-logos img { max-width:78px; height:19px; }
  .story-globe-wrap { width:min(132vw,620px); bottom:-13vh; }
  .story-statement { top:28vh; font-size:clamp(19px,6vw,28px); }
  .story-metrics { top:27vh; grid-template-columns:repeat(2,1fr); width:calc(100% - 36px); }
  .story-metric { padding:16px 10px; }
  .story-metric:nth-child(3) { border-left:0; border-top:1px solid var(--border); }
  .story-metric:nth-child(4) { border-top:1px solid var(--border); }
  .story-actions { top:31vh; flex-direction:column; align-items:stretch; padding:0 24px; }
  .story-scroll-cue { right:18px; bottom:calc(18px + var(--story-header-space,68px)); }
}
@media (prefers-reduced-motion:reduce) {
  .hero.story-hero { height:auto; padding:72px 0; }
  .story-stage { position:relative; top:auto; height:auto; min-height:0; overflow:visible; padding:0 24px; }
  :is(.story-title,.story-title-contrast),.story-sponsors,.story-globe-wrap,.story-statement,.story-metrics,.story-actions { position:relative; inset:auto; width:min(760px,100%); margin:28px auto 0; opacity:1!important; transform:none!important; }
  :is(.story-title,.story-title-contrast) { margin-top:0; font-size:clamp(42px,8vw,82px)!important; }
  .story-globe-wrap { width:min(520px,100%); }
  .story-scroll-cue { display:none; }
}

/* Static geometry crossfades into the canvas; only scroll changes render frames. */
.story-geometry{position:absolute;left:50%;top:59%;width:min(82vw,740px);aspect-ratio:1;color:var(--text);opacity:.6;pointer-events:none;z-index:1;will-change:transform,opacity;}
.story-geometry svg{width:100%;height:100%;stroke-width:.8;opacity:.22;}
.story-stage::after{content:'';position:absolute;z-index:3;pointer-events:none;left:0;right:0;bottom:-1px;height:clamp(45px,9.5vh,90px);background:linear-gradient(to bottom,transparent,var(--bg) 98%);}
.hero.story-hero::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:50px;background:linear-gradient(transparent,var(--bg));pointer-events:none;}
.sponsor-wordmark{font-size:23px;font-weight:750;letter-spacing:-.04em;color:var(--text);}
.team-photo-missing{display:grid;place-items:center;font-size:42px;color:var(--text-muted);}
@media(prefers-reduced-motion:reduce){.story-geometry{display:none}.story-stage::after,.hero.story-hero::after{display:none}}

 :is(.story-title,.story-title-contrast){text-shadow:none;-webkit-text-stroke:0;}

@media(prefers-reduced-motion:reduce){.story-globe{transform:none;filter:none}}

/* Scroll-only geometry and consistent controls. */
.story-grid{display:none}.story-geometry{width:max(135vw,140vh);top:62%}.hero.story-hero{height:780vh}:is(.story-title,.story-title-contrast){text-wrap:nowrap;width:max-content;max-width:none}.story-globe{transform:scale(calc(2.5 * var(--ending-scale,1)))}
.btn,.icon-btn,.store-badge{transition:border-color .2s ease,background-color .2s ease,color .2s ease;box-shadow:none}.btn:hover,.icon-btn:hover,.store-badge:hover{transform:none;border-color:var(--text)}
.cta-band{position:relative;isolation:isolate;overflow:hidden}.cta-band::before{content:"";position:absolute;inset:-100px 0;z-index:-1;opacity:.12;background:repeating-conic-gradient(from 30deg at 20% 50%,transparent 0deg 59deg,var(--text) 59.2deg 59.6deg,transparent 60deg 120deg);pointer-events:none}.cta-band .wrap{min-height:250px}
.partner-card img{width:180px;max-width:85%;height:45px;object-fit:contain}
@media(max-width:700px){.hero.story-hero{height:730vh}:is(.story-title,.story-title-contrast){font-size:clamp(42px,8.2vw,112px)!important}}
@media(prefers-reduced-motion:reduce){.hero.story-hero{height:auto}:is(.story-title,.story-title-contrast){white-space:normal!important;width:100%;max-width:100%}.story-globe{transform:none}.cta-band::before{opacity:.08}}

.story-title-word{position:absolute;left:0;top:0;display:inline-block;white-space:pre}.story-title-probe .story-title-word{position:static;transform:none!important;margin-right:.25em}.story-title-probe .story-title-word:last-child{margin-right:0}
@media(prefers-reduced-motion:reduce){.story-title-word{position:static;transform:none!important;margin-right:.25em}}

.partner-card img,.partner-logo-img,.story-sponsor-logos img{filter:brightness(0);opacity:1}html[data-theme="dark"] .partner-card img,html[data-theme="dark"] .partner-logo-img,html[data-theme="dark"] .story-sponsor-logos img{filter:brightness(0) invert(1)}
/* The first frame is real HTML; hydration begins only after it can paint. */
.story-static-content{position:absolute;top:clamp(78px,13vh,126px);left:50%;width:min(1120px,calc(100% - 40px));transform:translateX(-50%);z-index:5}.story-static-content :is(.story-title,.story-title-contrast){position:static;width:100%;font-size:clamp(42px,8.2vw,112px);height:auto;transform:none;white-space:normal;text-wrap:balance;color:var(--text);mix-blend-mode:normal;will-change:auto}.story-static-content .story-actions{position:static;width:100%;margin-top:26px;opacity:1;transform:none}.story-static .story-geometry{opacity:1}@media(max-width:700px){.story-static-content{top:10vh}}@media(prefers-reduced-motion:reduce){.story-static-content{position:relative;inset:auto;transform:none;width:100%}}
/* The HTML and hydrated title use identical line boxes and word spacing. */
.story-static-content :is(.story-title,.story-title-contrast){display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;column-gap:.25em;line-height:.96;letter-spacing:.07em;text-wrap:normal}
.story-static-content .story-title-word{position:static;transform:none}
.story-stage{contain:layout paint}.story-stage>:is(.story-title,.story-title-contrast){line-height:.96;margin:0}.story-stage>.story-sponsors,.story-stage>.story-statement,.story-stage>.story-metrics{visibility:hidden}.story-stage.story-ready>.story-sponsors,.story-stage.story-ready>.story-proof,.story-stage.story-ready>.story-statement,.story-stage.story-ready>.story-metrics{visibility:visible}
@media(prefers-reduced-motion:no-preference){.story-static-content :is(.story-title,.story-title-contrast){animation:heroWelcome 700ms cubic-bezier(.2,.8,.2,1) both}@keyframes heroWelcome{from{opacity:.65;translate:0 12px}to{opacity:1;translate:0 0}}}
@media(prefers-reduced-motion:reduce){.story-stage{contain:none}}
/* Japanese headlines have no spaces: retain one readable, bounded word group. */
html:lang(ja) :is(.story-title,.story-title-contrast){font-size:clamp(30px,7vw,100px)!important;letter-spacing:.03em}
.story-title-contrast{z-index:5;pointer-events:none}.story-stage>.story-title{z-index:6}.story-contrast-word{position:absolute;left:0;top:0;display:inline-block;white-space:pre}.story-outgoing{position:absolute;inset:0;width:100%;height:100svh;z-index:8;pointer-events:none}.story-outgoing .story-title{animation:none!important}.story-outgoing .story-scroll-cue{opacity:1}
@media(prefers-reduced-motion:reduce){.story-title-contrast{display:none}.story-outgoing{display:none}}

/* Mobile headline and hero controls stay legible throughout hydration. */
@media(max-width:700px){.story-static-content :is(.story-title,.story-title-contrast),.story-stage>:is(.story-title,.story-title-contrast){font-size:clamp(28px,7vw,52px)!important}.story-static-content{width:calc(100% - 40px)}.story-geometry svg{opacity:.12}.story-actions .btn-ghost{background:var(--bg)}}
.story-outgoing{z-index:0}

/* Two independently laid-out hero titles prevent word collisions during scroll. */
.hero.story-hero > .story-stage:not(.story-outgoing){z-index:1}
.story-stage > .story-title,
.story-stage > .story-title-morphed,
.story-stage > .story-title-contrast{font-size:clamp(42px,8.2vw,112px);transform-origin:center top}
.story-stage > .story-title{width:min(1120px,calc(100% - 40px));height:auto;display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;column-gap:.25em;white-space:normal;text-wrap:wrap;max-width:none}
.story-stage > .story-title-morphed,
.story-stage > .story-title-contrast{position:absolute;top:clamp(78px,13vh,126px);left:50%;width:max-content;height:auto;margin:0;display:flex;flex-wrap:nowrap;justify-content:center;gap:.25em;white-space:nowrap;text-wrap:nowrap;font-family:'Anton','Arial Narrow',sans-serif;font-weight:400;line-height:.96;letter-spacing:.07em;text-transform:uppercase;text-align:center;pointer-events:none}
.story-stage > .story-title-morphed{z-index:6;color:var(--text)}
.story-stage > .story-title-contrast{z-index:5}
.story-stage > :is(.story-title,.story-title-morphed) .story-title-word,
.story-stage > .story-title-contrast .story-contrast-word{position:static;display:inline-block;margin:0;transform:none!important;white-space:pre}
@media(max-width:700px){
  .story-stage > :is(.story-title,.story-title-morphed,.story-title-contrast){font-size:clamp(28px,7vw,52px)!important}
  .story-stage > :is(.story-title-morphed,.story-title-contrast){top:10vh}
}
@media(prefers-reduced-motion:reduce){
  .story-stage > :is(.story-title-morphed,.story-title-contrast){display:none}
  .story-stage > .story-title{width:min(760px,100%);margin:0 auto}
}

/* Vertex identity story: two legible, translucent panels over the world map. */
.story-stage > :is(.story-statement,.story-metrics){box-sizing:border-box;display:block;width:min(1060px,calc(100% - 48px));margin:0;padding:clamp(24px,3.3vw,42px) clamp(26px,4vw,52px);border:1px solid rgba(255,255,255,.16);border-radius:20px;background:rgba(16,17,19,.91);box-shadow:0 18px 56px rgba(0,0,0,.26);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f5f5f5;text-align:center;text-wrap:pretty;overflow-wrap:break-word;letter-spacing:-.015em;font:600 clamp(17px,1.85vw,25px)/1.48 'Poppins',system-ui,sans-serif}
.story-stage > .story-metrics{font-size:clamp(16px,1.7vw,23px);font-weight:500;line-height:1.53}
@media(max-width:700px){.story-stage > :is(.story-statement,.story-metrics){width:calc(100% - 28px);padding:20px 19px;border-radius:16px;font-size:clamp(15px,3.7vw,18px);line-height:1.44}.story-stage > .story-metrics{font-size:clamp(14px,3.5vw,17px);line-height:1.46}}
@media(max-width:700px) and (max-height:620px){.story-stage > :is(.story-statement,.story-metrics){padding:15px 17px;font-size:14px;line-height:1.36}}

/* Semantic, localized identity copy remains readable before scroll hydration or without JS. */
.stats .vertex-identity-fallback{display:grid;gap:18px;padding-top:36px;padding-bottom:36px}
.stats .vertex-identity-fallback p{margin:0;padding:clamp(22px,3vw,36px);border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(16,17,19,.94);color:#f5f5f5;text-align:center;overflow-wrap:break-word;font:500 clamp(16px,1.8vw,23px)/1.5 'Poppins',system-ui,sans-serif}
@media(max-width:700px){.stats .vertex-identity-fallback{gap:14px;padding-top:22px;padding-bottom:22px}.stats .vertex-identity-fallback p{padding:20px;font-size:15px}}

/* Autonomous, seamless left-to-right sponsor strip. The stage reveal still follows scroll,
   but the logos move on their own timeline (not tied to the globe or scroll progress). */
.story-stage > .story-sponsors {
  box-sizing:border-box;
  width:min(1120px,calc(100% - 48px));
  padding:23px 0 26px;
  overflow:hidden;
}
.story-stage > .story-sponsors > span {margin:0 22px 21px;}
.story-sponsor-viewport {
  position:relative;
  width:100%;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%);
  mask-image:linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%);
}
.story-sponsor-track {
  display:flex;
  align-items:center;
  width:max-content;
  animation:vertexSponsorRight 29s linear infinite;
  will-change:transform;
}
.story-sponsor-group {
  display:flex;
  align-items:center;
  flex:0 0 auto;
  gap:clamp(35px,4.1vw,64px);
  padding-inline:clamp(17.5px,2.05vw,32px);
}
.story-sponsor-group img {
  display:block;
  flex:0 0 auto;
  width:auto;
  max-width:clamp(115px,10vw,160px);
  height:clamp(23px,2.5vw,34px);
  object-fit:contain;
  filter:brightness(0);
  opacity:.92;
}
html[data-theme="dark"] .story-sponsor-group img {filter:brightness(0) invert(1);}
@keyframes vertexSponsorRight {
  from {transform:translate3d(-50%,0,0);}
  to {transform:translate3d(0,0,0);}
}
.story-sponsor-viewport:hover .story-sponsor-track {animation-play-state:paused;}
@media(max-width:700px) {
  .story-stage > .story-sponsors {width:calc(100% - 28px);padding:18px 0 21px;}
  .story-stage > .story-sponsors > span {margin:0 16px 18px;}
  .story-sponsor-viewport {
    -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 88%,transparent 100%);
    mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 88%,transparent 100%);
  }
  .story-sponsor-group {gap:32px;padding-inline:16px;}
  .story-sponsor-group img {height:24px;max-width:116px;}
  .story-sponsor-track {animation-duration:24s;}
}
@media(prefers-reduced-motion:reduce){
  .story-sponsor-track {animation:none;transform:none;will-change:auto;}
}

/* Match the first identity paragraph to the second paragraph's lighter type. */
.story-stage > .story-statement{font-weight:500;}

/* Seven proof points in a second autonomous, looping strip below the sponsors. */
.story-stage > .story-proof{
  box-sizing:border-box;
  position:absolute;
  z-index:4;
  top:clamp(402px,54vh,510px);
  left:50%;
  width:min(1120px,calc(100% - 48px));
  margin:0;
  padding:16px 0 18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  border-radius:20px;
  background:rgba(16,17,19,.91);
  box-shadow:0 18px 56px rgba(0,0,0,.22);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  opacity:0;
  will-change:transform,opacity;
}
.story-proof-viewport{
  width:100%;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%);
}
.story-proof-track{
  display:flex;
  align-items:stretch;
  width:max-content;
  animation:vertexProofRight 32s linear infinite;
  will-change:transform;
}
.story-proof-group{
  display:flex;
  align-items:stretch;
  flex:0 0 auto;
  gap:clamp(18px,2.4vw,34px);
  padding-inline:clamp(9px,1.2vw,17px);
}
.story-proof-item{
  box-sizing:border-box;
  width:clamp(166px,14.5vw,216px);
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:94px;
  padding:7px 12px;
  text-align:center;
  white-space:normal;
}
.story-proof-label{
  display:block;
  color:#b9b9bb;
  font:500 clamp(11px,1.05vw,13px)/1.4 'Poppins',system-ui,sans-serif;
}
.story-proof-value{
  display:block;
  color:#fff;
  font:750 clamp(29px,3.2vw,44px)/1.06 'Poppins',system-ui,sans-serif;
  letter-spacing:-.035em;
  font-variant-numeric:tabular-nums;
}
@keyframes vertexProofRight{
  from{transform:translate3d(-50%,0,0);}
  to{transform:translate3d(0,0,0);}
}
@media(max-width:700px){
  .story-stage > .story-proof{
    width:calc(100% - 28px);
    padding:11px 0 13px;
    border-radius:16px;
  }
  .story-proof-item{
    width:150px;
    min-height:86px;
    gap:7px;
    padding:7px 8px;
  }
  .story-proof-group{gap:16px;padding-inline:8px;}
  .story-proof-track{animation-duration:29s;}
  .story-proof-label{font-size:11px;line-height:1.3;}
  .story-proof-value{font-size:30px;}
}
@media(prefers-reduced-motion:reduce){
  .story-stage > .story-proof{
    position:relative;
    inset:auto;
    width:min(760px,100%);
    margin:18px auto 0;
    opacity:1!important;
    transform:none!important;
  }
  .story-proof-track{animation:none;transform:none;will-change:auto;}
  .story-proof-viewport{overflow-x:auto;mask-image:none;-webkit-mask-image:none;}
  .story-proof-group[aria-hidden="true"]{display:none;}
}

.story-stage>.story-proof{visibility:hidden;}

/* One semantic title, always a single line. CSS covers the first HTML paint;
   the scroll renderer fits the same element precisely after font loading. */
.story-static-content .story-title,
.story-stage > .story-title {
  box-sizing:content-box;
  display:block !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  max-width:none !important;
  white-space:nowrap !important;
  text-wrap:nowrap !important;
  overflow:visible;
  font-size:clamp(18px,6.8vw,112px) !important;
  line-height:1.02;
  color:#fff !important;
  mix-blend-mode:difference !important;
  animation:none !important;
  transition:none !important;
  will-change:transform;
}
.story-static-content .story-title {
  position:relative;
  left:50%;
  margin:0;
  transform:translateX(-50%);
  will-change:auto;
}
.story-stage > .story-title {
  position:absolute;
  left:50%;
  top:clamp(78px,13vh,126px);
  margin:0;
  transform:translate3d(-50%,0,0);
  transform-origin:center top;
  opacity:1 !important;
}
@media(max-width:700px) {
  .story-stage > .story-title{top:10vh;}
}
/* Extra-long complex-script headings also fit on narrow phones before hydration. */
@media(max-width:700px){
  html:lang(hi) .story-static-content .story-title,
  html:lang(hi) .story-stage > .story-title{font-size:clamp(14px,5.1vw,52px)!important;}
  html:lang(ja) .story-static-content .story-title,
  html:lang(ja) .story-stage > .story-title{font-size:clamp(16px,6vw,52px)!important;}
}
@media(prefers-reduced-motion:reduce){
  .story-static-content .story-title,
  .story-stage > .story-title{
    width:max-content !important;
    max-width:none !important;
    white-space:nowrap !important;
    text-wrap:nowrap !important;
  }
  .story-stage > .story-title{
    position:relative;
    top:auto;
    left:50%;
    margin:0;
    transform:translateX(-50%) !important;
    max-width:none;
  }
}

/* Keep the accessible heading opaque at the endpoints and dissolve between
   two independently composited text treatments while the globe is visible.
   mix-blend-mode itself is discrete, so switching it on a single node snaps. */
.story-static-content .story-title,
.story-stage > .story-title {
  z-index:9 !important;
  color:var(--text) !important;
  mix-blend-mode:normal !important;
}
.story-stage > .story-title:not(.story-title--blend) {
  opacity:var(--story-solid-opacity,1) !important;
}
.story-stage > .story-title.story-title--blend {
  z-index:8 !important;
  color:#fff !important;
  mix-blend-mode:difference !important;
  opacity:var(--story-blend-opacity,0) !important;
  pointer-events:none;
  user-select:none;
}
.story-stage > .story-geometry { z-index:1; }
@media (prefers-reduced-motion:reduce) {
  .story-stage > .story-title.story-title--blend {display:none !important;}
}