/* SICS: a scroll-directed visual narrative. */
body[data-page="/"]{background:#090909;color:#e9e1d1;--paper:#0b0b0b;--ink:#ece4d7;--muted:#b4ada1;--accent:#d58b72;--line:#6a6051;overflow-x:clip}
body[data-page="/"]>.header,body[data-page="/"]>.footer{display:none!important}body[data-page="/"] #main{outline:0}body[data-page="/"] .skip{background:#111;color:#eee}
.journey{position:relative;isolation:isolate}.journey-tools{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:flex-start;justify-content:space-between;padding:25px 32px;pointer-events:none;background:linear-gradient(#0009,transparent)}.journey-tools>*{pointer-events:auto}.story-brand{font-family:Manrope,sans-serif;font-size:26px;font-weight:700;letter-spacing:.12em;text-decoration:none;line-height:1.2;color:#f3eadb}.story-brand span{display:block;font-family:'Noto Sans Arabic',sans-serif;font-size:9px;letter-spacing:0;font-weight:400;margin-top:8px;color:#d0c9be}.journey-tools>div{display:flex;gap:10px}.journey-tools button{font-size:10px;border:1px solid #bfb6a04d;background:#0b0b0b65;color:#efe8dd;padding:8px 12px;backdrop-filter:blur(10px)}.journey-tools button[aria-pressed=true]{border-color:#c89a7c;color:#f5c4a8}.journey-tools button:focus-visible,.journey a:focus-visible{outline-color:#e0aa8d}
#story-menu{position:fixed;z-index:45;left:32px;top:82px;width:235px;padding:22px;background:#121110f2;border:1px solid #6e6254;color:#efe5d7;box-shadow:0 20px 70px #0009}#story-menu a{display:block;text-decoration:none;font-size:13px;padding:7px 0}#story-menu a:hover{color:#e5ab88}#story-menu hr{border:0;border-top:1px solid #5d5548;margin:15px 0}.journey-progress{position:fixed;right:24px;top:40%;z-index:25;display:flex;flex-direction:column;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:9px;color:#d3c9b8}.progress-rail{height:110px;width:1px;background:#8d81714d;display:block;position:relative;overflow:hidden}.progress-rail i{height:100%;width:1px;display:block;background:#e0baa0;transform:scaleY(0);transform-origin:top}
.story-chapter{position:relative;height:220svh;min-height:1100px}.opening{height:185svh}.person-chapter{height:160svh}.scene{position:sticky;top:0;height:100svh;min-height:540px;overflow:hidden;isolation:isolate;background:#090909}.scene-art{position:absolute;inset:-9%;background-image:url('/assets/story/workshop.webp');background-size:cover;background-position:center;transform:translate3d(0,0,0) scale(1.02);will-change:transform;z-index:-3}.scene-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 20%,#0003 50%,#000b 100%),linear-gradient(0deg,#090909 0%,transparent 20%,transparent 80%,#09090980 100%);pointer-events:none}.story-copy{position:absolute;right:11%;top:27%;width:min(520px,45vw);z-index:3;will-change:transform,opacity;text-shadow:0 2px 35px #0007}.story-copy h1,.story-copy h2{font-size:clamp(50px,7.3vw,114px);line-height:1.55;font-weight:500;margin:15px 0 22px;letter-spacing:0;color:#eee7d9}.story-copy em{font-style:normal;color:#d8a384}.story-copy p{font-size:16px;line-height:2.2;color:#ddd3c3;max-width:37ch}.story-copy .story-kicker{font-size:10px;color:#c3b7a5;letter-spacing:0;margin:0}.story-copy>a,.story-links a{font-size:12px;display:inline-block;margin-top:25px;text-decoration:none;border-bottom:1px solid #ad8f75;padding-bottom:7px;color:#eee0cd}.opening-copy{top:23%}.opening-copy h1{font-size:clamp(60px,8vw,130px)}.scroll-cue{display:flex!important;gap:23px;align-items:center;width:max-content}.scroll-cue span{font-size:22px}.scene-label{position:absolute;left:32px;bottom:30px;font-family:Manrope,sans-serif;font-size:9px;letter-spacing:.15em;color:#c2b5a1}
.art-chapter .scene-art{background-image:url('/assets/story/ink.webp');background-position:center;filter:grayscale(.4) contrast(1.1)}.art-chapter .scene-shade{background:linear-gradient(90deg,#000c,transparent 90%),linear-gradient(0deg,#090909,transparent 25%,transparent 85%,#090909)}.art-copy{right:auto;left:11%;text-align:right}.ink-sweep{position:absolute;width:110vw;height:15vh;background:#060606b8;top:45%;left:-5%;transform:rotate(-28deg);box-shadow:0 -25px 70px #0008,0 30px 55px #000b;z-index:-2}.ink-caption{position:absolute;bottom:35px;right:8%;font-size:10px;color:#b9ad99}
.construction-world{background-image:url('/assets/story/geometry.webp');background-position:center}.drafting{position:absolute;inset:8% 30% 8% 4%;z-index:-2;opacity:.6;will-change:transform}.draft-circle{position:absolute;left:14%;top:15%;width:40vw;height:40vw;border:1px solid #e3ce9a90;border-radius:50%}.draft-square{position:absolute;left:20%;top:22%;width:28vw;height:28vw;border:1px solid #e3ce9a70;transform:rotate(45deg)}.draft-axis{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,#e4d2aa60 50%,transparent 50.1%),linear-gradient(transparent 49.9%,#e4d2aa60 50%,transparent 50.1%)}.drafting>span{position:absolute;bottom:5%;left:5%;font-size:8px;letter-spacing:.2em;font-family:Manrope,sans-serif}.design-copy{top:30%}
.digital-world{background-image:url('/assets/story/geometry.webp');filter:grayscale(1) brightness(.55) sepia(.25) hue-rotate(155deg);background-position:30% 50%}.code-grid{position:absolute;inset:-50%;background-image:linear-gradient(#a2bbd921 1px,transparent 1px),linear-gradient(90deg,#a2bbd921 1px,transparent 1px);background-size:75px 75px;transform:perspective(600px) rotateX(55deg) translateY(25%);z-index:-2}.code-glyphs{position:absolute;left:8%;top:20%;width:45%;height:60%;display:flex;align-items:center;justify-content:space-between;font:200 20vw Manrope,sans-serif;color:#d5e0e32b;will-change:transform}.code-glyphs>span:nth-child(2){font-size:13vw;color:#a5bcc64d}.code-copy em{color:#b8cad4}.final-world{background-position:center;filter:brightness(.4);background-size:cover}.person-copy{top:18%;width:min(650px,70vw)}.person-copy h2{font-size:clamp(40px,6vw,90px);margin-bottom:25px}.person-copy>p:not(.story-kicker){font-size:15px;max-width:45ch}.story-links{display:flex;gap:30px}.story-handle{margin-top:25px;color:#d9b9a0;border:0;padding:0;font:500 20px Manrope,sans-serif;display:block}.story-handle span{font:9px 'Noto Sans Arabic',sans-serif;margin-left:15px;color:#b9afa1}.story-restart{display:block!important;font-size:10px!important;border:0!important;margin-top:20px!important;color:#aaa092!important}
.paper-fragments{position:absolute;inset:0;z-index:1;pointer-events:none;will-change:transform}.paper-fragments i{position:absolute;width:110px;height:150px;background:linear-gradient(125deg,#e3d5b8,#aca08c);clip-path:polygon(0 0,85% 7%,100% 100%,10% 88%);opacity:.55;box-shadow:15px 20px 20px #0009;transform:rotate(-24deg)}.paper-fragments i:nth-child(1){left:13%;top:30%;width:45px;height:65px;opacity:.4}.paper-fragments i:nth-child(2){left:40%;bottom:10%;transform:rotate(42deg)}.paper-fragments i:nth-child(3){left:-3%;bottom:12%;width:190px;height:240px;opacity:.25;transform:rotate(-50deg)}
#story-atmosphere{position:fixed;inset:0;width:100%;height:100%;z-index:8;pointer-events:none;opacity:.7}.art-credit{position:relative;margin:0;padding:16px 35px;font-size:9px;max-width:none;text-align:center;color:#7e776d;background:#090909}.journey~*{position:relative}.journey [hidden]{display:none!important}
@media(max-width:680px){.journey-tools{padding:18px 18px;align-items:flex-start}.story-brand{font-size:21px}.story-brand span{font-size:8px}.journey-tools>div{gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:210px}.journey-tools button{font-size:9px;padding:6px 8px}#story-menu{left:18px;top:95px;width:210px}.journey-progress{right:12px;top:44%;font-size:8px}.progress-rail{height:70px}.story-chapter{height:190svh;min-height:1000px}.opening{height:160svh}.scene{min-height:600px}.scene-art{inset:-6% -45%;background-position:45% 50%}.scene-shade{background:linear-gradient(0deg,#090909 0%,#090909cc 15%,#0002 65%,#0006 100%)}.story-copy,.art-copy{left:8%;right:8%;top:auto;bottom:13%;width:auto}.story-copy h1,.story-copy h2{font-size:48px;line-height:1.55;margin:10px 0 15px}.opening-copy h1{font-size:62px}.story-copy p{font-size:13px;line-height:2}.story-copy .story-kicker{font-size:9px}.story-copy>a,.story-links a{font-size:11px;margin-top:20px}.opening-copy{top:24%;bottom:auto;text-shadow:0 3px 25px #000}.opening .scene-shade{background:linear-gradient(90deg,#0002,#0006),linear-gradient(0deg,#090909,transparent 40%)}.scene-label{font-size:7px;left:18px;bottom:20px}.drafting{inset:10% 5% 35%}.draft-circle{width:75vw;height:75vw;left:5%}.draft-square{width:53vw;height:53vw;left:17%}.code-glyphs{left:10%;top:15%;height:40%;width:75%;font-size:32vw}.code-glyphs>span:nth-child(2){font-size:24vw}.person-copy{bottom:10%;top:auto}.person-copy h2{font-size:43px}.person-copy>p:not(.story-kicker){font-size:12px}.person-chapter .scene-art{filter:brightness(.3)}.paper-fragments i:nth-child(2){width:60px;height:90px;bottom:8%}.paper-fragments i:nth-child(3){display:none}.ink-caption{display:none}.art-credit{font-size:8px;padding:15px 25px}}
@media(prefers-reduced-motion:reduce){.story-chapter{height:100svh;min-height:700px}.scene{position:relative}.scene-art,.story-copy,.drafting,.paper-fragments{will-change:auto}}
body.story-calm .story-chapter{height:110svh;min-height:750px}body.story-calm .scene{position:relative}

 .paper-fragments i{opacity:.16;background:linear-gradient(145deg,#e3d5b8aa,#8b776500);border:1px solid #cdbfa155}.journey-tools button{min-height:36px}