
body.story-reading::before{opacity:.12}
body.story-reading #sentinel-stage{opacity:0;pointer-events:none}
body.story-reading canvas#neural-canvas,body.story-reading canvas#fx-canvas,body.story-reading canvas#draw-canvas{opacity:.1}
.origin-story{--o-paper:#eee9df;--o-gold:#cbb895;position:relative;display:block;margin:30px 0 0;padding:0;color:var(--o-paper);font-family:var(--font-display);isolation:isolate}
.origin-story.origin-ready{height:198vh;height:198svh;min-height:0}
.origin-stage{position:relative;min-height:700px;overflow:clip;background:#06090f;isolation:isolate}
.origin-ready .origin-stage{position:sticky;top:0;height:100vh;height:100svh;min-height:0}
.origin-stage::before,.origin-stage::after{content:"";position:absolute;left:0;right:0;height:14%;z-index:8;pointer-events:none}
.origin-stage::before{top:0;background:linear-gradient(#06090f,transparent)}.origin-stage::after{bottom:0;background:linear-gradient(transparent,#06090f)}
.origin-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 58% 52%,#1b202c 0%,#0b1019 35%,#06090f 72%);opacity:.65;pointer-events:none}
.origin-topline,.origin-bottomline{position:absolute;left:max(40px,calc((100% - 1160px)/2));right:max(40px,calc((100% - 1160px)/2));z-index:10;display:flex;justify-content:space-between;align-items:center;gap:20px;font:9px/1.5 var(--font-system);letter-spacing:.1em;text-transform:uppercase;color:#aeb0b6}
.origin-topline{top:6%;padding-top:18px;border-top:1px solid #dfd0ad22}.origin-topline>span:last-child{color:#b9ab94}.origin-bottomline{bottom:6%;min-height:44px}
.origin-scroll-cue{display:flex;align-items:center;gap:16px;font-size:8px;letter-spacing:.14em}.origin-scroll-cue i{display:block;width:48px;height:1px;background:#e1ceac40;position:relative;overflow:hidden}.origin-scroll-cue i::after{content:"";position:absolute;inset:0;background:var(--o-gold);transform:scaleX(var(--origin-progress,0));transform-origin:left}
.origin-studio{font-size:9px;color:#b9ab94;letter-spacing:.12em}
.origin-return{color:var(--o-paper);font:12px/1.4 var(--font-display);text-decoration:none;letter-spacing:0;text-transform:none;display:flex;align-items:center;gap:24px;min-height:44px;opacity:0;pointer-events:none}.origin-return svg{width:30px;stroke:currentColor;fill:none;stroke-width:1}.origin-return:focus-visible{outline:2px solid var(--o-gold);outline-offset:5px;opacity:1!important;pointer-events:auto!important}
.origin-visual{position:absolute;inset:0;z-index:3;pointer-events:none}.origin-canvas{position:absolute!important;inset:0;width:100%;height:100%;display:block;transform:none!important;opacity:0;mix-blend-mode:screen}.origin-ready.origin-loaded .origin-canvas{opacity:1}
.origin-fallback{position:absolute;width:auto;max-width:80%;height:85%;object-fit:contain;left:50%;top:6%;transform:translateX(-50%);mix-blend-mode:screen;opacity:.8;mask-image:linear-gradient(0deg,transparent,#000 30%,#000 90%,transparent)}.origin-ready.origin-loaded .origin-fallback{opacity:0}
.origin-words{position:absolute;inset:0;z-index:5;pointer-events:none;display:none}.origin-ready .origin-words{display:block}.origin-beat{position:absolute;inset:0;will-change:opacity,transform}.origin-beat-a{z-index:2}.origin-beat-b,.origin-beat-c{opacity:0}
.origin-always,.origin-building{position:absolute;font:400 clamp(110px,15.6vw,240px)/.85 var(--font-editorial);letter-spacing:-.055em}.origin-always{left:8%;top:17%;color:var(--o-paper)}.origin-building{right:8%;bottom:17%;color:var(--o-gold);font-style:italic}
.origin-beat-a>p,.origin-beat-b>p,.origin-beat-c>p{position:absolute;font:13px/1.85 var(--font-display);color:#c2c3c7;letter-spacing:0;margin:0}.origin-beat-a>p{bottom:22%;left:9%;max-width:290px}
.origin-beat-b h2{position:absolute;left:9%;top:23%;font:400 clamp(64px,7.7vw,116px)/.95 var(--font-editorial);letter-spacing:-.04em;margin:0;max-width:38%}.origin-beat-b h2 em,.origin-beat-c h2 em{font-weight:400;color:var(--o-gold)}.origin-beat-b>p{bottom:23%;left:9%;max-width:310px}
.origin-beat-c h2{position:absolute;left:55%;top:29%;font:400 clamp(76px,9vw,140px)/.86 var(--font-editorial);letter-spacing:-.04em;margin:0}.origin-small{position:absolute;left:55%;top:22%;font:9px/1.6 var(--font-system);text-transform:uppercase;letter-spacing:.08em;color:#b1b3bb}.origin-beat-c>p{left:55%;bottom:20%;max-width:370px}
.origin-static{position:relative;z-index:6;max-width:520px;padding:100px 30px 70px;margin-left:auto;background:linear-gradient(90deg,transparent,#06090fe8 25%)}.origin-static h2{font:400 70px/.95 var(--font-editorial);margin:0 0 30px;letter-spacing:-.04em}.origin-static h2 em{color:var(--o-gold);font-weight:400}.origin-static>p{font:14px/1.9 var(--font-display);color:#c4c4ca}.origin-ready .origin-static{display:none}
@media(max-width:900px) and (min-width:641px){.origin-beat-a>p,.origin-beat-b>p,.origin-beat-c>p{font-size:12px;max-width:230px}.origin-small{font-size:8px}.origin-beat-c h2{font-size:clamp(70px,10vw,100px)}.origin-beat-b h2{font-size:clamp(60px,9vw,85px)}}
@media(max-width:640px){
.origin-story{margin-top:15px}.origin-story.origin-ready{height:202vh;height:202svh;min-height:0}.origin-ready .origin-stage{min-height:0}
.origin-topline,.origin-bottomline{left:24px;right:24px}.origin-topline{top:4%;font-size:7px;letter-spacing:.06em;padding-top:15px;gap:12px}.origin-topline>span:last-child{max-width:110px;text-align:right}.origin-bottomline{bottom:3%;gap:10px;flex-wrap:wrap}.origin-studio{font-size:7px}.origin-scroll-cue{font-size:7px;gap:10px}.origin-scroll-cue i{width:30px}.origin-return{font-size:11px;gap:16px}
.origin-always,.origin-building{font-size:clamp(76px,25vw,155px)}.origin-always{left:7%;top:16%}.origin-building{right:7%;bottom:25%}.origin-beat-a>p{left:8%;bottom:13%;font-size:12px;line-height:1.7;max-width:85%}
.origin-beat-b h2{left:8%;top:14%;font-size:clamp(52px,16vw,83px);max-width:80%}.origin-beat-b>p{left:8%;bottom:14%;font-size:12px;max-width:90%;line-height:1.75}.origin-small{left:8%;top:14%;font-size:7px;max-width:80%;letter-spacing:.05em}.origin-beat-c h2{left:8%;top:21%;font-size:clamp(70px,21vw,108px)}.origin-beat-c>p{left:8%;bottom:14%;font-size:12px;max-width:90%;line-height:1.75}
.origin-static{margin:0;padding:390px 28px 80px;max-width:none;background:linear-gradient(transparent,#06090f 55%)}.origin-static h2{font-size:60px}.origin-fallback{height:430px;max-width:100%;top:25px}}
@media(max-width:640px){.origin-small{top:12%}.origin-beat-c h2{top:18%;font-size:clamp(66px,20vw,104px)}.origin-beat-c>p,.origin-beat-b>p{bottom:12%}.origin-bottomline{display:grid;grid-template-columns:1fr auto}.origin-return{position:absolute;right:0}.origin-studio{grid-column:2}.origin-beat-a>p{bottom:12%}}
@media(prefers-reduced-motion:reduce){.origin-story.origin-ready{height:auto;min-height:0}.origin-ready .origin-stage{position:relative;height:auto;min-height:650px}.origin-ready .origin-words,.origin-ready .origin-canvas,.origin-scroll-cue{display:none}.origin-ready .origin-static{display:block}.origin-ready.origin-loaded .origin-fallback{opacity:.7}.origin-bottomline{position:relative;bottom:auto;padding:0 0 35px}.origin-return{opacity:1;pointer-events:auto}.origin-story *{scroll-behavior:auto!important}}
@media(prefers-reduced-motion:reduce){.origin-bottomline{left:auto;right:auto;padding:0 30px 35px}.origin-return{position:relative}.origin-studio{display:none}}
.origin-stage{touch-action:pan-y pinch-zoom}
.origin-visual{contain:strict}
.origin-canvas{mix-blend-mode:normal;transition:opacity .24s ease}
.origin-beat{will-change:auto}
.origin-in-view .origin-beat{will-change:opacity,transform}
.origin-in-view .origin-always,.origin-in-view .origin-building{will-change:transform}
.origin-beat-a>p,.origin-beat-b>p,.origin-beat-c>p{text-wrap:pretty}
.origin-stage::after{height:19%}
.origin-topline{top:max(5%,env(safe-area-inset-top));line-height:1.6}
.origin-bottomline{bottom:max(4%,env(safe-area-inset-bottom))}
.origin-return{transition:color .2s ease}
.origin-return:hover{color:#dfc698}
body.story-immersed #ambient-cinema,body.story-immersed #sentinel-stage{visibility:hidden}
@media(max-width:640px){
  .origin-topline{top:max(3.5%,env(safe-area-inset-top));font-size:8px;letter-spacing:.035em;left:22px;right:22px}
  .origin-bottomline{left:22px;right:22px;bottom:max(3%,env(safe-area-inset-bottom))}
  
  .origin-always{top:15%;font-size:clamp(62px,22.5vw,150px)}.origin-building{bottom:25%;font-size:clamp(60px,21.5vw,150px)}
  .origin-beat-b h2{top:12%;font-size:clamp(48px,15.6vw,83px);line-height:.96}
  .origin-beat-c h2{top:17%;font-size:clamp(62px,19.5vw,104px)}
  .origin-small{top:11%;font-size:8px;max-width:85%}
  .origin-beat-a>p,.origin-beat-b>p,.origin-beat-c>p{font-size:12px;line-height:1.75;bottom:12%;text-shadow:0 1px 12px #06090f}
  .origin-scroll-cue,.origin-studio{font-size:8px;letter-spacing:.05em}
}

@media(max-height:560px) and (min-width:641px){
  .origin-topline{top:3%;padding-top:10px;font-size:8px}
  .origin-bottomline{bottom:2%;font-size:8px}
  .origin-always,.origin-building{font-size:clamp(78px,24vh,138px)}
  .origin-always{top:19%;left:8%}.origin-building{bottom:22%;right:9%}
  .origin-beat-a>p,.origin-beat-b>p,.origin-beat-c>p{font-size:11px;line-height:1.65;bottom:17%}
  .origin-beat-b h2{top:21%;font-size:clamp(40px,11vh,62px);max-width:40%}
  .origin-small{top:19%;font-size:7px}.origin-beat-c h2{top:29%;font-size:clamp(48px,14vh,76px)}
  .origin-beat-c>p{bottom:16%}.origin-return{font-size:11px}
}
@media(max-height:650px) and (max-width:640px){
  .origin-always{font-size:clamp(60px,22vw,108px)}.origin-building{font-size:clamp(58px,21vw,108px)}
  .origin-beat-b h2{font-size:clamp(44px,13vw,70px)}
  .origin-beat-c h2{font-size:clamp(55px,17vw,84px)}
  .origin-topline{font-size:7px;padding-top:10px}
  .origin-beat-a>p,.origin-beat-b>p,.origin-beat-c>p{font-size:12px}
  .origin-small{font-size:7px}
}
@media(prefers-reduced-motion:reduce){
  .origin-story.origin-ready{height:auto}.origin-ready .origin-stage{height:auto;min-height:650px}
  .origin-in-view .origin-beat,.origin-in-view .origin-always,.origin-in-view .origin-building{will-change:auto}
  .origin-return{transition:none}.origin-bottomline{bottom:auto}
}
.origin-story:not(.origin-ready) .origin-bottomline{position:relative;left:auto;right:auto;bottom:auto;padding:0 30px 35px}
.origin-story:not(.origin-ready) .origin-return{position:relative;opacity:1;pointer-events:auto}
.origin-story:not(.origin-ready) .origin-scroll-cue,.origin-story:not(.origin-ready) .origin-studio{display:none}
