/* Storytelling layer: native scrolling, progressive enhancement, no scroll hijacking. */
.nav::after{content:"";position:absolute;bottom:-1px;left:0;height:2px;width:100%;background:var(--blue);transform:scaleX(var(--page-progress,0));transform-origin:left;pointer-events:none}
.hero{background:radial-gradient(ellipse at 50% 0,#fff 0,transparent 70%)}
.hero-word{background:linear-gradient(125deg,#9ba6b7 4%,#404f64 45%,#a4bad9 95%);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero .blue-dot{color:#0071e3}.hero>.eyebrow{letter-spacing:.16em}.hero .product-window{transform:perspective(1400px) rotateX(var(--product-tilt,7deg));transform-origin:50% 80%;will-change:transform}
.hero .orbit-glow{background:radial-gradient(ellipse at 50% 55%,#b6d9ff9c,#d7e5ff40 48%,transparent 72%)}
.memory-story.section{--story-progress:0;display:grid;grid-template-columns:44% 56%;position:relative;padding:0 5%;background:#090b10;color:#f5f5f7;isolation:isolate}
.story-chapters{grid-column:1;grid-row:1;position:relative;z-index:2;pointer-events:none}.story-chapter a{pointer-events:auto}
.story-chapter{min-height:86svh;display:flex;flex-direction:column;justify-content:center;padding:80px 6% 80px 4%;max-width:650px}
.chapter-label{font-size:10px;letter-spacing:.19em;font-weight:550;color:#8d96a7;margin-bottom:32px}
.story-chapter h2{font-size:clamp(42px,5vw,78px);line-height:1.025;letter-spacing:-.055em;font-weight:650}.story-chapter h2>span{color:#797f8d}
.story-chapter p{font-size:clamp(15px,1.25vw,19px);line-height:1.7;color:#a1a8b5;max-width:355px;margin-top:28px}.chapter-foot{font-size:11px;color:#7e8799;line-height:1.6;display:block;margin-top:28px}.story-chapter h2>.relief-blue{color:#7bb7ff}.chapter-foot.relief-line{font-size:20px;color:#c0d4ef;font-weight:500;letter-spacing:-.04em}.story-chapter .text-link{font-size:12px;color:#8cc2ff;margin-top:28px}
.story-scene{grid-column:2;grid-row:1;position:sticky;top:70px;height:calc(100svh - 70px);min-height:480px;align-self:start;display:flex;align-items:center;justify-content:center;pointer-events:none}
.scene-inner{position:relative;width:100%;max-width:750px;aspect-ratio:1;max-height:100%;perspective:1200px;container-type:inline-size}
.scene-grid{position:absolute;inset:10% -5%;background-image:linear-gradient(#59677815 1px,transparent 1px),linear-gradient(90deg,#59677815 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,#0008,transparent 70%);transform:rotate(-12deg)}
.scene-halo{position:absolute;inset:12%;background:radial-gradient(ellipse,#285fc828,transparent 68%);opacity:.7;transform:scale(1);transition:opacity 1.2s,transform 1.2s}
.scene-topline,.scene-bottomline{position:absolute;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:4;font-size:8px;letter-spacing:.14em;color:#738096}.scene-topline{top:4%}.scene-bottomline{bottom:4%;letter-spacing:.025em;font-size:10px}.scene-count{font-variant-numeric:tabular-nums}.scene-progress{height:2px;width:70px;background:#29303f;flex-shrink:0}.scene-progress i{height:100%;display:block;background:#85bfff;transform:scaleX(var(--story-progress));transform-origin:left}
.memory-core{position:absolute;left:50%;top:50%;width:28%;aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;border:1px solid #6c8dbd29;background:radial-gradient(circle,#101e38,#0e131d 65%);box-shadow:0 0 70px #3779e021;transition:opacity .8s,transform 1s}
.core-symbol{font-size:7cqw;letter-spacing:-.1em;font-weight:700;opacity:.3}.core-symbol>span{color:#6ca9ff}.core-orbit{position:absolute;inset:-25%;border:1px solid #6f8ab324;border-radius:50%;transform:rotateX(55deg) rotate(-35deg)}.core-orbit.second{inset:-65%;transform:rotateX(55deg) rotate(40deg);border-color:#6f8ab315}
.memory-card{position:absolute;left:50%;top:50%;width:41%;border:1px solid #ffffff18;border-radius:16px;padding:20px;background:linear-gradient(135deg,#222832f5,#13161ff5);box-shadow:0 20px 45px #0005;color:#f0f2f7;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r));transition:transform 1.3s cubic-bezier(.2,.7,.2,1),opacity .8s,filter .8s;will-change:transform}
.memory-channel{font-size:8px;letter-spacing:.1em;color:#a0aabd;display:flex;gap:8px;align-items:center;margin-bottom:19px}.memory-channel i{font-style:normal;font-size:12px;color:#b7cced}.memory-card strong{font-size:clamp(17px,3.5cqw,27px);line-height:1.15;letter-spacing:-.03em;font-weight:500;display:block}.memory-bottom{display:flex;justify-content:space-between;gap:5px;margin-top:22px;color:#7e8797;font-size:8px}.memory-bottom b{font-weight:500;color:#bbc8dd}
.card-one{--x:-47%;--y:-64%;--r:-12deg;z-index:3}.card-two{--x:54%;--y:-43%;--r:9deg;z-index:2}.card-three{--x:-49%;--y:59%;--r:-5deg;z-index:3}.card-four{--x:52%;--y:80%;--r:12deg;z-index:2}
.noise-label{position:absolute;font-size:9px;color:#5f697b;transition:opacity .6s}.noise-one{top:13%;left:21%;transform:rotate(-7deg)}.noise-two{bottom:14%;left:24%;transform:rotate(6deg)}
.lost-search{position:absolute;z-index:5;left:4%;right:4%;top:38%;padding:21px 20px;background:#121720ed;border:1px solid #728db949;border-radius:14px;display:flex;gap:12px;align-items:center;font-size:17px;color:#dde6f4;box-shadow:0 0 70px #0007;opacity:0;transform:translateY(20px);transition:transform .8s,opacity .6s}.search-glyph{font-size:25px;color:#a8bedd}.search-caret{height:20px;width:1px;background:#9bc2fa}.lost-search>div{position:absolute;top:calc(100% + 26px);left:0;right:0;text-align:center;font-size:12px;color:#909cad;line-height:1.7}.lost-search strong{font-weight:400;color:#626d80}
.found-library{position:absolute;z-index:6;left:2%;right:2%;top:50%;transform:translateY(calc(-50% + 25px)) scale(.9);padding:26px;border-radius:19px;background:linear-gradient(140deg,#fdfefe,#e7edf7);border:1px solid #fff;box-shadow:0 35px 100px #0005,0 0 70px #387add12;opacity:0;color:#192536;transition:opacity .9s,transform 1.15s cubic-bezier(.2,.7,.2,1)}
.found-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:28px}.found-header .wordmark{font-size:25px}.found-header>span:last-child{font-size:8px;letter-spacing:.1em;color:#7a8495}.found-query{display:flex;align-items:center;gap:10px;font-size:14px;letter-spacing:-.02em;font-weight:500;border-top:1px solid #dbe2ed;padding-top:22px}.found-query>span{font-size:22px;color:#0071e3}.found-library>p{font-size:12px;line-height:1.7;margin:15px 0 23px;color:#728093}.found-library>p strong{font-weight:500;color:#293e58}.found-result{display:flex;gap:12px;align-items:center;padding:13px;background:white;border:1px solid #e0e5ed;border-radius:11px}.mini-landscape{width:47px;height:56px;flex-shrink:0;border-radius:5px;background:linear-gradient(150deg,transparent 45%,#9a856b 46%,#c7b596 70%,transparent 71%),linear-gradient(35deg,#5e7e81 45%,#c1d4d5 46%)}.found-result div{display:flex;flex-direction:column;gap:6px}.found-result small{font-size:7px;color:#617385;letter-spacing:.07em}.found-result strong{font-size:12px;letter-spacing:-.025em}.found-result div>span{font-size:8px;color:#79889b}.found-result>span:last-child{margin-left:auto;color:#0071e3;font-size:15px}.found-tags{display:flex;gap:7px;margin-top:20px}.found-tags span{font-size:8px;color:#59769a;background:#dce8f6;border-radius:20px;padding:5px 9px}.found-disclaimer{font-size:8px;display:block;color:#8390a2;margin-top:18px}
.memory-story[data-stage="1"] .card-one{--x:-68%;--y:-81%;--r:-20deg}.memory-story[data-stage="1"] .card-two{--x:55%;--y:-52%;--r:16deg}.memory-story[data-stage="1"] .card-three{--x:-50%;--y:67%;--r:13deg}.memory-story[data-stage="1"] .card-four{--x:70%;--y:95%;--r:-10deg}
.memory-story[data-stage="2"] .memory-card{opacity:.2;filter:blur(2px);transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r)) scale(.9)}.memory-story[data-stage="2"] .lost-search{opacity:1;transform:none}.memory-story[data-stage="2"] .memory-core{opacity:0}
.memory-story[data-stage="3"] .memory-card{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.5)}.memory-story[data-stage="3"] .memory-core{opacity:0;transform:translate(-50%,-50%) scale(.4)}.memory-story[data-stage="3"] .found-library{opacity:1;transform:translateY(-50%) scale(1)}.memory-story[data-stage="3"] .scene-halo{opacity:1;transform:scale(1.8)}.memory-story[data-stage="3"] .noise-label,.memory-story[data-stage="2"] .noise-label{opacity:0}
.memory-manifesto{background:#090b10;color:#f5f5f7;text-align:center;padding:140px 24px 160px;position:relative}.memory-manifesto .eyebrow{color:#8290a5;font-size:10px;letter-spacing:.17em;margin-bottom:35px}.memory-manifesto h2{font-size:clamp(42px,6.1vw,90px);line-height:1.04;letter-spacing:-.055em}.memory-manifesto h2>span{color:#8bb9f3}.memory-manifesto p{font-size:18px;line-height:1.6;color:#929eb0;margin-top:30px}.manifesto-dot{display:block;margin:65px auto 0;width:10px;height:10px;background:#77b6ff;border-radius:50%;box-shadow:0 0 36px #498dfcc9}.mobile-break{display:none}
.how{padding-top:130px}.how .section-heading h2{letter-spacing:-.055em}.ask{border-radius:32px;margin:0 22px}.ask .answer-card{transition:transform .4s}.name-section .dictionary h2{background:linear-gradient(120deg,#1d1d1f,#55677f);background-clip:text;-webkit-background-clip:text;color:transparent}.name-section .dictionary h2 span{color:#0071e3}
/* Content remains visible without JavaScript. Only observed items animate. */
.motion-ready [data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready [data-reveal].is-visible{opacity:1;transform:none}
.motion-ready .hero>.eyebrow,.motion-ready .hero>h1,.motion-ready .hero>.hero-copy,.motion-ready .hero>.hero-actions{animation:hero-arrive 1s cubic-bezier(.2,.7,.2,1) both}.motion-ready .hero>h1{animation-delay:.08s}.motion-ready .hero>.hero-copy{animation-delay:.16s}.motion-ready .hero>.hero-actions{animation-delay:.24s}@keyframes hero-arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.motion-control{position:absolute;right:5%;bottom:16px;background:none;border:0;padding:6px 0;color:#78818f;font-size:10px}.motion-control:hover{color:#0071e3}footer{position:relative;padding-bottom:52px}
@media(min-width:1500px){.memory-story.section{padding:0 max(7%,calc((100vw - 1400px)/2))}}
@media(max-width:1000px){.memory-card{padding:15px;border-radius:12px}.memory-channel{font-size:7px;margin-bottom:15px}.memory-bottom{font-size:7px;margin-top:17px}.found-library{padding:21px}.found-query{font-size:12px}.story-chapter{padding-left:0;padding-right:4%}.story-chapter h2{font-size:clamp(39px,5.2vw,55px)}.story-chapter p{font-size:15px}.scene-bottomline{font-size:8px}}
@media(max-width:700px){
  .memory-story.section{display:block;padding:0 24px}.story-scene{top:64px;height:42svh;min-height:255px;margin-bottom:-42svh;z-index:3;background:linear-gradient(#090b10 90%,#090b1000);padding-bottom:14px}.scene-inner{height:100%;width:min(100%,360px);aspect-ratio:auto}.scene-grid{inset:0}.scene-topline{top:1%;font-size:6px}.scene-bottomline{bottom:3%;font-size:7px;left:0;right:0}.scene-progress{width:45px}.memory-card{width:39%;padding:12px;border-radius:10px}.memory-card strong{font-size:16px}.memory-channel{font-size:6px;margin-bottom:10px;gap:5px}.memory-channel i{font-size:9px}.memory-bottom{font-size:6px;margin-top:12px}.card-one{--x:-66%;--y:-39%;--r:-10deg}.card-two{--x:63%;--y:-28%;--r:9deg}.card-three{--x:-46%;--y:52%;--r:-5deg}.card-four{--x:60%;--y:72%;--r:9deg}.memory-story[data-stage="1"] .card-one{--x:-70%;--y:-43%;--r:-15deg}.memory-story[data-stage="1"] .card-two{--x:64%;--y:-25%;--r:13deg}.memory-story[data-stage="1"] .card-three{--x:-55%;--y:57%;--r:10deg}.memory-story[data-stage="1"] .card-four{--x:72%;--y:74%;--r:-9deg}.noise-label{display:none}.memory-core{width:22%}.lost-search{top:28%;padding:14px 16px;font-size:14px;left:0;right:0}.lost-search>div{top:calc(100% + 17px);font-size:10px}.found-library{left:0;right:0;padding:15px;border-radius:12px}.found-header{margin-bottom:12px}.found-header .wordmark{font-size:20px}.found-header>span:last-child{font-size:6px}.found-query{padding-top:9px;font-size:11px}.found-query>span{font-size:16px}.found-library>p{font-size:9px;margin:9px 0 12px}.found-result{padding:9px;gap:10px}.mini-landscape{width:30px;height:36px}.found-result strong{font-size:10px}.found-result small{font-size:6px}.found-result div{gap:4px}.found-result div>span{font-size:7px}.found-tags{margin-top:10px;gap:5px}.found-tags span{font-size:6px;padding:4px 7px}.found-disclaimer{font-size:6px;margin-top:9px}.story-chapter{min-height:98svh;padding:calc(42svh + 35px) 0 45px;justify-content:flex-start;max-width:500px;margin:auto}.chapter-label{font-size:8px;margin-bottom:21px}.story-chapter h2{font-size:clamp(38px,10.5vw,64px);line-height:1.02}.story-chapter h2 br:nth-child(2){display:none}.story-chapter p{font-size:14px;line-height:1.65;margin-top:20px;max-width:340px}.chapter-foot{font-size:10px;margin-top:20px}.chapter-foot.relief-line{font-size:18px}.story-chapter .text-link{margin-top:20px}.memory-manifesto{padding:90px 24px 100px}.memory-manifesto .eyebrow{font-size:8px;letter-spacing:.12em}.memory-manifesto h2{font-size:clamp(36px,9vw,60px)}.memory-manifesto p{font-size:15px;margin-top:24px}.manifesto-dot{margin-top:40px;width:8px;height:8px}.mobile-break{display:block}.ask{margin:0 10px;border-radius:22px}.ask h2{font-size:40px}.how{padding-top:80px}.motion-control{right:24px;bottom:15px;font-size:9px}.hero .product-window{transform:none}
}
@media(max-height:650px) and (min-width:701px){.story-scene{min-height:350px}.scene-inner{max-width:440px}.memory-card{padding:15px}.found-library{padding:20px}.story-chapter{min-height:110svh}}
.story-scene{overflow:clip}
.scene-grid{transform:rotate(var(--scene-angle,-12deg))}
/* Static reading mode is also the no-JS fallback and the wireframe presentation. */
body:not(.motion-ready) .memory-story,body.wireframe .memory-story{display:block;padding:60px 7%}
body:not(.motion-ready) .story-scene,body.wireframe .story-scene{display:none}
body:not(.motion-ready) .story-chapters,body.wireframe .story-chapters{display:grid;grid-template-columns:1fr 1fr;gap:55px}
body:not(.motion-ready) .story-chapter,body.wireframe .story-chapter{min-height:0;padding:25px 0;max-width:none}
body:not(.motion-ready) [data-reveal],body.wireframe [data-reveal]{opacity:1;transform:none;transition:none}
.wireframe .memory-story.section,.wireframe .memory-manifesto{background:#f5f6f8;color:#30363e}.wireframe .memory-story h2>span,.wireframe .memory-manifesto h2>span{color:#8b939f}.wireframe .hero-word,.wireframe .name-section .dictionary h2{background:none;color:#8b939f}.wireframe .manifesto-dot{background:#8b939f;box-shadow:none}.wireframe .ask{border-radius:0}.wireframe .hero .product-window{transform:none}
@media(max-width:700px){body:not(.motion-ready) .story-chapters,body.wireframe .story-chapters{grid-template-columns:1fr;gap:24px}.story-chapter h2 br:nth-child(2){display:initial}}
@media(prefers-reduced-motion:reduce){.hero .product-window{transform:none!important}.memory-story.section{display:block;padding:60px 7%}.story-scene{display:none}.story-chapters{display:grid;grid-template-columns:1fr 1fr;gap:50px}.story-chapter{min-height:0;padding:25px 0}.motion-ready [data-reveal]{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce) and (max-width:700px){.story-chapters{grid-template-columns:1fr;gap:24px}}