/* A single, cinematic opening: one enduring entity, seen at four scales. */
.scale-story{--story-ink:#f4eef8;--story-muted:#b5a6c5;--story-violet:#c9abe7;position:relative;isolation:isolate;height:360vh;background:#0b0913;color:var(--story-ink)}
.scale-story-sticky{position:sticky;top:var(--header,76px);height:calc(100svh - var(--header,76px));max-height:1020px;min-height:560px;overflow:hidden;isolation:isolate;background:#0b0913}
.scale-story-layout{position:relative;max-width:1800px;height:100%;margin-inline:auto;padding-inline:clamp(28px,5.4vw,104px);display:grid;grid-template-columns:minmax(330px,.84fr) minmax(0,1.25fr);grid-template-rows:minmax(0,1fr) 86px;column-gap:0}
.scale-story-editorial{position:relative;z-index:3;align-self:center;padding-block:46px 32px;max-width:510px;pointer-events:none}
.scale-story-kicker{display:flex;gap:10px;align-items:center;font:500 11px/1.5 Geist,Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#c7b7d6;margin:0 0 26px}
.scale-story-kicker>span{width:4px;height:4px;flex:none;border-radius:50%;background:#d8bbee;box-shadow:0 0 12px #cda4ea66}
.scale-story .scale-story-title,.scale-story .scale-story-scene-heading{font-family:Geist,Arial,sans-serif;font-size:clamp(48px,5.0vw,82px);font-weight:450;line-height:1.025;letter-spacing:-.063em;margin:0 0 29px;max-width:555px;text-wrap:balance}
.scale-story .scale-story-title em,.scale-story .scale-story-scene-heading em{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-style:italic;color:#d4bce8;letter-spacing:-.04em;line-height:1.06}
.scale-story .scale-story-scene-heading{font-size:clamp(46px,4.4vw,73px);line-height:1.05}
.scale-story .scale-story-scene-heading>span{display:block}
.scale-story[data-story-stage="worker"] .scale-story-scene-heading{display:none}
.scale-story:not([data-story-stage="worker"]) .scale-story-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.scale-story-caption>p{font:400 16px/1.75 Geist,Arial,sans-serif;color:#c1b5cd;margin:0;max-width:420px;text-wrap:pretty}
.scale-story-caption>.scale-story-detail{font-size:14px;line-height:1.75;color:#9c8dab;margin-top:14px;max-width:350px}
.scale-story-cta{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:22px;margin-top:29px;min-height:48px;padding:13px 19px 13px 21px;border:1px solid #e6d7ee33;border-radius:100px;color:#352342;background:#f0e7fa;font:400 13px/1.5 Geist,Arial,sans-serif;text-decoration:none;transition:background .3s,border-color .3s,box-shadow .3s}
.scale-story-cta svg{width:20px;height:20px;transition:transform .3s}.scale-story-cta:hover{background:#fff;border-color:#e5cef169;box-shadow:0 8px 24px #00000019}.scale-story-cta:hover svg{transform:translateX(3px)}
.scale-story-scroll{display:flex;align-items:center;gap:18px;font:400 11px/1.5 Geist,Arial,sans-serif;color:#8f809d;margin:28px 0 0}.scale-story-scroll>span{font-size:16px;color:#b097c3}
.scale-story:not([data-story-stage="worker"]) .scale-story-scroll{visibility:hidden}
.scale-story-art{position:absolute;z-index:1;top:0;bottom:86px;left:31%;right:-1%;min-width:0;min-height:0;isolation:isolate;pointer-events:none}
.scale-story-art canvas,.scale-story-fallback{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.scale-story-art canvas{opacity:0;transition:opacity .5s}.scale-story[data-story-ready="true"] canvas{opacity:1}.scale-story[data-story-ready="true"] .scale-story-fallback{opacity:0}
.scale-story-fallback{opacity:.95;transition:opacity .5s}.scale-story-fallback-org,.scale-story-fallback-world{display:none}
.scale-story[data-story-stage="organization"] .scale-story-fallback-close,.scale-story[data-story-stage="economy"] .scale-story-fallback-close{display:none}
.scale-story[data-story-stage="organization"] .scale-story-fallback-org,.scale-story[data-story-stage="economy"] .scale-story-fallback-world{display:block}
.scale-story-mechanism{position:absolute;left:6%;right:0;bottom:7px;display:flex;justify-content:center;align-items:center;gap:15px;font:400 11px/1.5 Geist,Arial,sans-serif;color:#a38db7;text-align:center;white-space:nowrap;pointer-events:none}
.scale-story-mechanism i{font-style:normal;color:#624c76}
.scale-story-controls{position:relative;z-index:4;grid-column:1/-1;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid #d5bde51c;min-width:0}
.scale-story-stages{display:flex;align-items:center;gap:clamp(28px,3.1vw,58px)}
.scale-story-stages button,.scale-story-play{font:400 12px/1.45 Geist,Arial,sans-serif;color:#94839f;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 0;background:none;border:0;cursor:pointer;white-space:nowrap;transition:color .3s;position:relative}
.scale-story-stages button:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:1px;background:#d4b5eb;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.scale-story-stages button>span{font-size:10px;letter-spacing:.04em;color:#5f4e6c;font-variant-numeric:tabular-nums}.scale-story-stages button[aria-pressed="true"]{color:#f4e8fc}.scale-story-stages button[aria-pressed="true"]:after{transform:scaleX(1)}.scale-story-stages button[aria-pressed="true"]>span{color:#c3a2dd}
.scale-story-stages button:hover,.scale-story-play:hover{color:#f3e5ff}
.scale-story-stages button:focus-visible,.scale-story-play:focus-visible,.scale-story-cta:focus-visible{outline:2px solid #dbc0ff;outline-offset:6px;border-radius:3px}
.scale-story-play{gap:10px;flex:none;color:#baa6c9}.scale-story-play svg{width:14px;height:14px}.scale-story-play[aria-pressed="false"] .scale-story-pause-icon,.scale-story-play[aria-pressed="true"] .scale-story-play-icon{display:none}.scale-story-play:disabled{opacity:.45;cursor:default}.scale-story-play[hidden]{display:none}
.scale-story-progress{position:absolute;height:1px;bottom:0;left:0;right:0;background:#d2acf50c}.scale-story-progress>span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#4f355c,#dbc2ee);transform:scaleX(0);transform-origin:left center}
.scale-story[data-story-static="true"] canvas,.scale-story[data-story-static="true"] .scale-story-fallback,.scale-story[data-story-static="true"] button,.scale-story[data-story-static="true"] button:after,.scale-story[data-story-static="true"] a{transition:none}
@media(min-width:1700px){.scale-story-layout{grid-template-columns:580px minmax(0,1fr)}.scale-story-editorial{max-width:555px}.scale-story .scale-story-title{font-size:84px}.scale-story-art{left:30%}}
@media(max-width:1200px) and (min-width:761px){.scale-story-layout{padding-inline:34px;grid-template-columns:370px minmax(0,1fr)}.scale-story-editorial{max-width:360px}.scale-story .scale-story-title{font-size:55px}.scale-story .scale-story-scene-heading{font-size:51px}.scale-story-caption>p{font-size:15px;max-width:310px}.scale-story-caption>.scale-story-detail{font-size:13px}.scale-story-art{left:31%;right:-4%}.scale-story-stages{gap:26px}}
@media(max-width:760px){
  .scale-story{height:340vh}
  .scale-story-sticky{top:var(--header,68px);height:calc(100svh - var(--header,68px));min-height:0;max-height:980px}
  .scale-story-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) 87px;padding-inline:24px}
  .scale-story-editorial{grid-row:1;max-width:100%;align-self:start;padding-block:28px 0;pointer-events:none}
  .scale-story-kicker{font-size:10px;letter-spacing:.10em;margin-bottom:17px}
  .scale-story .scale-story-title,.scale-story .scale-story-scene-heading{font-size:clamp(39px,10.1vw,61px);line-height:1.01;letter-spacing:-.055em;max-width:490px;margin-bottom:18px}
  .scale-story .scale-story-title em{font-size:1.055em;line-height:1.0}
  .scale-story .scale-story-scene-heading>span,.scale-story .scale-story-scene-heading em{display:inline}
  .scale-story-caption>p{font-size:15px;line-height:1.65;max-width:440px}
  .scale-story-caption>.scale-story-detail{display:none}
  .scale-story-cta{min-height:44px;padding:10px 14px 10px 16px;margin-top:18px;font-size:12px;gap:18px}.scale-story-cta svg{width:17px;height:17px}
  .scale-story-scroll{display:none}
  .scale-story-art{position:relative;grid-column:1;grid-row:2;inset:auto;height:100%;margin:0 -22px;min-height:0}
  .scale-story-mechanism{bottom:1px;gap:11px;font-size:10px}
  .scale-story-controls{grid-column:1;grid-row:3;display:grid;grid-template-columns:1fr;grid-template-rows:45px 40px;gap:0;align-items:center}
  .scale-story-stages{width:100%;display:flex;justify-content:space-between;gap:0}
  .scale-story-stages button{font-size:11px;gap:6px;padding:10px 0;min-height:44px}.scale-story-stages button>span{font-size:9px}
  .scale-story-play{justify-self:end;font-size:10px;margin:0;min-height:40px;padding:8px 0;gap:8px}
}
@media(max-width:390px){.scale-story-layout{padding-inline:20px}.scale-story-stages button{gap:4px}.scale-story .scale-story-title,.scale-story .scale-story-scene-heading{font-size:39px}.scale-story-art{margin-inline:-18px}.scale-story-mechanism{gap:9px}}
@media(max-width:760px) and (max-height:780px){.scale-story-editorial{padding-top:21px}.scale-story-kicker{margin-bottom:13px}.scale-story .scale-story-title,.scale-story .scale-story-scene-heading{font-size:38px;margin-bottom:13px}.scale-story-caption>p{line-height:1.55}.scale-story-cta{margin-top:13px}.scale-story-layout{grid-template-rows:auto minmax(0,1fr) 82px}.scale-story-controls{grid-template-rows:44px 36px}.scale-story-play{min-height:36px}.scale-story-mechanism{display:none}}
@media(max-width:760px) and (max-height:670px){.scale-story{height:auto}.scale-story-sticky{position:relative;top:auto;height:auto;min-height:0;max-height:none;padding-top:var(--header,68px)}.scale-story-layout{min-height:770px;grid-template-rows:auto 350px 84px}.scale-story-editorial{padding-top:26px}.scale-story .scale-story-title,.scale-story .scale-story-scene-heading{font-size:39px}}
@media(prefers-reduced-motion:reduce){.scale-story-art canvas,.scale-story-fallback,.scale-story-stages button,.scale-story-stages button:after,.scale-story-play,.scale-story-cta,.scale-story-cta svg{transition:none}}

.scale-story[data-story-stage="worker"] .scale-story-detail{display:none}
@media(min-width:761px) and (max-height:820px){.scale-story-editorial{padding-block:24px}.scale-story .scale-story-title{font-size:clamp(48px,4.6vw,68px)}.scale-story .scale-story-scene-heading{font-size:clamp(45px,4.1vw,65px)}.scale-story-kicker{margin-bottom:20px}.scale-story-scroll{display:none}.scale-story-cta{margin-top:23px}}
