:root{--bg:#071716;--ink:#f2eee3;--muted:#b4c2b9;--accent:#d6b981;--mint:#94bca7;--line:rgba(214,185,129,.24);font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif;color:var(--ink);background:#050d0e;color-scheme:dark;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{color:inherit}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}
#experience{position:relative;width:100%;height:100%;height:100dvh;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 18% 45%,#193a32 0,transparent 55%),var(--bg);transition:background-color 2s;--u:min(1vw,1.78vh)}
#atmosphere,.wash,.grain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#atmosphere{z-index:0;opacity:.8}.wash{background:linear-gradient(90deg,transparent 25%,rgba(3,13,14,.25) 100%),radial-gradient(ellipse at 50% 120%,#a8884420,transparent 55%);z-index:1}.grain{opacity:.035;z-index:18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.masthead{position:absolute;top:4.2%;left:5.1%;right:5.1%;display:flex;align-items:center;justify-content:space-between;z-index:20;pointer-events:none}.wordmark{display:flex;align-items:center;gap:12px;font-size:clamp(12px,1.08vw,17px);font-weight:500;letter-spacing:0}.wordmark svg{width:33px;height:33px;fill:none;stroke:var(--accent);stroke-width:1.1}.chapter-label{font-size:clamp(11px,.93vw,15px);color:var(--muted)}
.welcome{position:absolute;inset:0;z-index:10;transition:opacity .9s,visibility .9s}.welcome.leaving{opacity:0;pointer-events:none;visibility:hidden}.welcome-copy{position:absolute;right:8%;top:21%;width:48%;z-index:3}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--accent);font-size:clamp(13px,1.15vw,18px);margin:0 0 18px;line-height:1.8;font-weight:500}.eyebrow span{height:1px;width:30px;background:var(--accent);display:inline-block}.welcome h1{font-family:'Alexandria',sans-serif;font-size:clamp(58px,7.3vw,120px);line-height:1.17;font-weight:400;margin:0 0 20px}.welcome h1 em{font-style:normal;color:var(--accent)}.welcome-subtitle{font-size:clamp(16px,1.4vw,23px);line-height:1.9;color:#c4cdc5;margin:0 0 27px}.launch-actions{display:flex;align-items:center;gap:24px}.primary{border:1px solid var(--accent);background:var(--accent);color:#102421;border-radius:2px;padding:13px 24px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:16px;font-weight:600;transition:background .2s,transform .2s;box-shadow:0 6px 40px #0002}.primary:hover{background:#ead4aa;transform:translateY(-2px)}.play-icon{font-size:14px}.duration{font-size:12px;font-family:Arial;opacity:.6;border-right:1px solid #18382f45;padding-right:15px;direction:ltr}.text-button{background:none;border:none;border-bottom:1px solid #f2eee342;color:#c5ccc5;font-size:13px;padding:5px 0}.welcome-hint{font-size:12px;color:#97a99e;margin-top:17px}.welcome-hint span{margin:0 6px;color:var(--accent)}
.cover-art{position:absolute;width:45%;height:100%;left:0;top:0;direction:ltr}.cover-orbit{position:absolute;left:-13%;top:12%;width:125%;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;transform:rotate(-22deg) scaleX(.8)}.orbit-two{width:101%;left:-1%;top:24%;border-style:dashed;opacity:.45}.cover-film{position:absolute;overflow:hidden;border:1px solid #cebb825e;background:#1a2f29;box-shadow:0 25px 80px #0008;border-radius:2px}.cover-film img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) contrast(1.08) brightness(.8)}.film-front{width:41%;height:63%;top:20%;left:37%;transform:rotate(5deg)}.film-back{width:39%;height:54%;top:15%;left:5%;transform:rotate(-8deg);opacity:.6}.film-front:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 50px #06171250;background:linear-gradient(transparent 75%,#071716b3)}.film-caption{position:absolute;bottom:20px;right:16px;left:16px;z-index:2;font-size:12px;display:flex;align-items:center;justify-content:center;gap:8px;direction:rtl}.film-caption i{width:5px;height:5px;background:var(--accent);border-radius:50%}.cover-coordinate{position:absolute;color:var(--accent);font-size:12px;direction:rtl;letter-spacing:.3px}.coord-top{top:12%;left:26%}.coord-top span{opacity:.4;margin:0 12px}.coord-bottom{bottom:9%;left:28%;color:#94a79c}.cover-footer{position:absolute;bottom:4%;left:5.1%;right:5.1%;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#95a79c;border-top:1px solid #d4c4a221;padding-top:14px}
#stage{position:absolute;inset:0;z-index:3}.scene{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;overflow:hidden;pointer-events:none}.scene.active{opacity:1;pointer-events:auto}.scene.exit{opacity:0;pointer-events:none}.scene .content{position:absolute;top:23%;right:8%;width:47%;z-index:5}.scene h2{font-family:'Alexandria',sans-serif;font-size:calc(var(--u)*5.4);font-weight:400;line-height:1.35;margin:0 0 calc(var(--u)*1.7);text-wrap:balance}.scene h2 em{font-style:normal;color:var(--accent)}.scene .body{font-size:calc(var(--u)*1.65);line-height:2.05;color:#d6ddd4;margin:0;max-width:98%;font-weight:400}.scene .body strong{font-weight:600;color:#f6f0e1}.scene .eyebrow{font-size:calc(var(--u)*1.04);margin-bottom:calc(var(--u)*1.1)}.scene .english{font-family:Arial,sans-serif;font-size:calc(var(--u)*.82);color:#b7c5b5;letter-spacing:2.3px;direction:ltr;display:inline-block;margin-top:calc(var(--u)*1.45);text-transform:uppercase}.scene .index-watermark{position:absolute;right:4%;top:12%;font-size:calc(var(--u)*21);font-family:'Alexandria',sans-serif;color:#ddc795;opacity:.035;line-height:1;z-index:0}.scene .small-rule{width:55px;height:1px;background:var(--accent);margin:calc(var(--u)*2) 0;opacity:.6}.scene .aside-note{color:#a8b9aa;font-size:calc(var(--u)*1.03);line-height:1.9;margin-top:calc(var(--u)*1.6)}
.reveal{opacity:0;transform:translateY(19px);filter:blur(5px);transition:opacity 1.1s,transform 1.1s cubic-bezier(.16,1,.3,1),filter 1.1s}.reveal.shown{opacity:1;transform:translateY(0);filter:blur(0)}
.portrait-wrap{position:absolute;left:11%;top:16%;width:25%;height:68%;z-index:3}.portrait-wrap:before{content:'';position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(ellipse,#9abb8a26,transparent 66%);filter:blur(35px)}.portrait-frame{height:100%;width:100%;position:relative;border:1px solid #d4bc815e;padding:7px;background:#0b1a14;box-shadow:0 22px 75px #0006}.portrait-frame:before{content:'';position:absolute;inset:-12px;border:1px solid #cbb17b18;pointer-events:none}.portrait-frame video,.portrait-frame img{width:100%;height:100%;object-fit:contain;display:block;filter:saturate(.74) contrast(1.04);background:#0a1715}.portrait-frame:after{content:'';position:absolute;inset:7px;background:linear-gradient(0deg,#05161485,transparent 25%);pointer-events:none}.portrait-label{position:absolute;bottom:20px;right:23px;left:23px;display:flex;justify-content:space-between;align-items:center;z-index:4;font-size:calc(var(--u)*.82);color:#fff9e9}.portrait-label .tiny-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;display:inline-block;margin-left:8px}.frame-corner{position:absolute;width:32px;height:32px;border-color:var(--accent);z-index:4;opacity:.8}.frame-corner.a{left:-12px;top:-12px;border-left:1px solid;border-top:1px solid}.frame-corner.b{right:-12px;bottom:-12px;border-right:1px solid;border-bottom:1px solid}.vertical-caption{position:absolute;right:-35px;top:20px;writing-mode:vertical-rl;font-family:Arial;letter-spacing:3px;font-size:10px;color:#aabea4}.portrait-wrap.offset{left:6%;top:26%;height:57%;width:21%;transform:rotate(-4deg)}.portrait-wrap.secondary{left:27%;top:17%;height:47%;width:17%;transform:rotate(5deg);z-index:2;opacity:.75}.portrait-wrap.secondary .portrait-label{display:none}
.tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:calc(var(--u)*2)}.tags span{font-size:calc(var(--u)*1.05);padding:7px 15px;border:1px solid #d6b98138;color:#ddd5bf;background:#c8ae7510}.feature-list{margin-top:calc(var(--u)*1.4);display:grid;gap:calc(var(--u)*1.1)}.feature{display:flex;align-items:baseline;gap:18px;padding-bottom:calc(var(--u)*.8);border-bottom:1px solid #d5bf8926}.feature b{font-size:calc(var(--u)*1.2);font-weight:500;color:var(--accent);font-family:Arial}.feature span{font-size:calc(var(--u)*1.65);color:#dddcd0}.feature small{font-size:calc(var(--u)*1.0);color:#b5c2b3;margin-right:auto}
.scene.intro .content{right:10%;top:24%;width:62%}.scene.intro h2{font-size:calc(var(--u)*7.4);line-height:1.3}.scene.intro .body{max-width:72%;font-size:calc(var(--u)*1.65)}.intro-orbit{position:absolute;left:-13%;top:8%;width:62%;aspect-ratio:1;border:1px solid #d6b98125;border-radius:50%}.intro-orbit:before,.intro-orbit:after{content:'';position:absolute;inset:12%;border:1px solid #d6b98122;border-radius:50%}.intro-orbit:after{inset:26%;border-style:dashed}.intro .big-word{position:absolute;left:11%;top:36%;font-family:'Alexandria',sans-serif;font-size:calc(var(--u)*9);color:#d4ba85;opacity:.18;transform:rotate(-90deg)}
.scene.diagram .content{width:45%;right:8%;top:22%}.diagram-art{position:absolute;left:5%;top:21%;width:39%;height:61%;z-index:2;display:flex;align-items:center;justify-content:center}.network-svg{width:95%;height:95%;overflow:visible}.network-svg .orbit{fill:none;stroke:#bfcba633;stroke-width:.7}.network-svg .link{fill:none;stroke:#cdbb85;stroke-opacity:.38;stroke-width:1}.network-svg .node{fill:#d4b777}.network-svg .halo{fill:#c3ac7720;stroke:#d9bd823b}.network-svg text{fill:#ecedda;font-family:'IBM Plex Sans Arabic',sans-serif;font-size:17px;text-anchor:middle}.network-svg .minor{font-size:11px;fill:#9fb5a2}.network-core{filter:drop-shadow(0 0 12px #e0c38780)}.arc-progress{fill:none;stroke:#d8bd8b;stroke-width:1.5;stroke-dasharray:60 700;transform-origin:250px 220px}.art-label{position:absolute;bottom:-2%;text-align:center;color:#a4b6a3;font-size:calc(var(--u)*.95);width:100%}
.memory-art{position:absolute;left:6%;top:26%;width:36%;height:48%;border:1px solid #b6c7a830;background:#9bb39706;box-shadow:0 20px 80px #0002;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:calc(var(--u)*1.7)}.memory-art:before,.memory-art:after{content:'';position:absolute;width:30px;height:30px;border-color:#d4b985;opacity:.7}.memory-art:before{top:-5px;left:-5px;border-top:1px solid;border-left:1px solid}.memory-art:after{bottom:-5px;right:-5px;border-bottom:1px solid;border-right:1px solid}.memory-orbit{position:absolute;width:130%;height:135%;border:1px solid #d6b98112;border-radius:50%;transform:rotate(-23deg)}.memory-heading{color:var(--accent);font-size:calc(var(--u)*1.05);letter-spacing:.3px}.memory-cells{display:flex;direction:ltr;gap:calc(var(--u)*.9);position:relative}.memory-cell{width:calc(var(--u)*5.5);height:calc(var(--u)*6.4);display:flex;justify-content:center;align-items:center;border:1px solid #d1bc885e;background:#203b31;color:#dccb9e;font-family:'Alexandria',sans-serif;font-size:calc(var(--u)*3);box-shadow:0 5px 30px #0002}.memory-caption{font-size:calc(var(--u)*1.15);color:#b9c8b5}.noise-word{position:absolute;color:#90a98b60;font-size:calc(var(--u)*.88)}.noise-word.n1{top:-18%;left:5%}.noise-word.n2{top:10%;right:-9%}.noise-word.n3{bottom:-16%;left:14%}
.breath-art{position:absolute;left:4%;top:16%;width:43%;height:66%;display:flex;align-items:center;justify-content:center}.breath-circle{width:68%;aspect-ratio:1;position:relative;display:grid;place-items:center;border:1px solid #b3cfb758;border-radius:50%;background:radial-gradient(circle,#82b8a020 0%,#7ba48b0a 45%,transparent 70%);box-shadow:0 0 100px #8fbea113,inset 0 0 70px #9dcca518}.breath-circle:before,.breath-circle:after{content:'';position:absolute;inset:-12%;border-radius:50%;border:1px solid #a1c2a929}.breath-circle:after{inset:13%;border-color:#b0c8a931}.breath-center{text-align:center}.breath-center strong{display:block;font-family:'Alexandria',sans-serif;color:#d9e1c7;font-size:calc(var(--u)*3.6);font-weight:400}.breath-center span{color:#a6bea7;font-size:calc(var(--u)*1.02)}.breath-satellite{position:absolute;width:7px;height:7px;border-radius:50%;background:#d0bd8c;box-shadow:0 0 22px #d0bd8c;top:12%;left:15%}
.scene.quote .content{right:10%;top:21%;width:60%}.scene.quote h2{font-size:calc(var(--u)*5.7);max-width:85%}.scene.quote .body{max-width:70%}.quote-mark{position:absolute;right:6%;top:5%;font-family:Georgia;font-size:calc(var(--u)*25);color:#cbbb83;opacity:.065}.scene.quote .portrait-wrap{left:8%;top:16%;width:23%;height:69%;opacity:.55}.scene.quote .content{z-index:6}.scene.quote:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 10%,#071716f2 48%,transparent 76%);z-index:4;pointer-events:none}
.scene.finale .content{top:20%;right:8%;width:84%;text-align:center}.scene.finale .eyebrow{justify-content:center}.scene.finale h2{font-size:calc(var(--u)*5.4);margin-bottom:calc(var(--u)*1.9)}.pillar-row{display:grid;grid-template-columns:repeat(3,1fr);width:79%;margin:calc(var(--u)*2) auto calc(var(--u)*2.4);position:relative}.pillar{padding:0 30px;border-left:1px solid #d4bc8838}.pillar:last-child{border:none}.pillar span{color:var(--accent);font-size:calc(var(--u)*.85);font-family:Arial;letter-spacing:2px;display:block;margin-bottom:12px}.pillar strong{font-family:'Alexandria',sans-serif;font-size:calc(var(--u)*2.6);font-weight:400}.finale .body{max-width:76%;margin:auto;font-size:calc(var(--u)*1.45);line-height:1.95}.signature{margin-top:calc(var(--u)*2);font-size:calc(var(--u)*1.3);color:var(--ink)}.signature span{display:block;font-size:calc(var(--u)*.9);color:var(--muted);margin-top:3px}.signature:before{content:'';display:block;margin:0 auto 17px;width:38px;height:1px;background:var(--accent)}
#transition{position:absolute;inset:0;z-index:19;background:linear-gradient(110deg,transparent,#d3b1730a,transparent);opacity:0;pointer-events:none;transition:opacity .5s}.controls{position:absolute;z-index:30;bottom:2.8%;left:5%;right:5%;height:62px;background:#071614df;backdrop-filter:blur(18px);border:1px solid #c2ba9530;border-radius:4px;display:flex;gap:22px;align-items:center;padding:9px 17px;transition:opacity .5s,transform .5s;box-shadow:0 10px 25px #0002;direction:rtl}.controls.dimmed{opacity:0;transform:translateY(10px)}.controls:hover,.controls:has(:focus-visible){opacity:1;transform:none}.transport{display:flex;align-items:center;gap:5px;direction:rtl}.transport button,.chapters-button,.chapters-heading button{border:0;background:none;display:flex;align-items:center;justify-content:center;width:35px;height:35px;color:#d3d8c8;font-size:19px;border-radius:3px}.transport button:hover,.chapters-button:hover{background:#d5bb7a18}.transport svg,.chapters-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.control-divider{height:18px;width:1px;background:#c4bb9033;margin:0 9px}.timeline-area{position:relative;flex:1;min-width:0}.timeline-meta{font-size:11px;display:flex;justify-content:space-between;align-items:center;color:#a9baa7;margin-bottom:2px;gap:10px}#time{font-family:Arial;font-size:11px;color:#bcc6b3}#seek{--progress:0%;display:block;width:100%;height:13px;background:transparent;cursor:pointer;margin:0;direction:ltr;appearance:none;-webkit-appearance:none}#seek::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,var(--accent) var(--progress),#5c71634d var(--progress))}#seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:-2.5px}#seek::-moz-range-track{height:2px;background:#5c71634d}#seek::-moz-range-progress{height:2px;background:var(--accent)}#seek::-moz-range-thumb{width:7px;height:7px;border:0;background:var(--accent)}#chapterMarks{position:absolute;bottom:5px;left:0;right:0;height:2px;pointer-events:none}#chapterMarks i{position:absolute;width:2px;height:3px;background:#071716;top:0}.chapters-button{width:auto;gap:15px;flex-shrink:0}#sceneCount{font:12px Arial;letter-spacing:1px}.micro-progress{position:absolute;bottom:0;left:0;right:0;height:2px;z-index:31;background:#c4b47d18;direction:ltr}.micro-progress i{display:block;height:100%;width:0;background:var(--accent);box-shadow:0 0 15px #d6b98144}
.chapters{position:absolute;bottom:12%;left:5%;z-index:40;width:min(390px,90%);max-height:72%;overflow:auto;background:#0d201bf5;border:1px solid #d6b98140;box-shadow:0 25px 100px #0008;padding:20px;backdrop-filter:blur(25px)}.chapters-heading{display:flex;justify-content:space-between;align-items:center;font-size:15px;margin-bottom:12px;color:var(--accent)}#chapterList button{width:100%;display:flex;align-items:center;gap:15px;text-align:right;border:0;border-top:1px solid #d6b98115;background:none;color:#c0cdbb;padding:12px 5px;font-size:13px}#chapterList button b{font:11px Arial;color:#af9569}#chapterList button.current,#chapterList button:hover{color:#fff0cf;background:#d6b9810d}#chapterList button time{margin-right:auto;font:11px Arial;color:#91a88f;direction:ltr}#toast{position:absolute;left:50%;bottom:14%;transform:translateX(-50%) translateY(5px);z-index:60;padding:9px 22px;border:1px solid #bdb08944;color:#ddd7c2;background:#0b201bf2;font-size:13px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;max-width:85%;text-align:center}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.end-card{position:absolute;bottom:6%;left:50%;transform:translateX(-50%);z-index:25}.end-card .primary{padding:8px 21px;font-size:13px}

.scene:has(.feature-list) .content{top:17%}.scene:has(.feature-list) h2{font-size:calc(var(--u)*4.8);line-height:1.25;margin-bottom:calc(var(--u)*1.2)}.scene:has(.feature-list) .body{font-size:calc(var(--u)*1.55);line-height:1.9}.feature-list{gap:calc(var(--u)*.65);margin-top:calc(var(--u)*1.1)}.feature{padding-bottom:calc(var(--u)*.4);line-height:1.7}.feature span{font-size:calc(var(--u)*1.45)}.scene:has(.feature-list) .english{margin-top:calc(var(--u)*1)}
.scene.finale .content{top:14%}.scene.finale h2{font-size:calc(var(--u)*4.5);line-height:1.25;margin-bottom:calc(var(--u)*1.1)}.scene.finale .eyebrow{margin-bottom:calc(var(--u)*.7)}.pillar-row{margin:calc(var(--u)*1.5) auto calc(var(--u)*1.7)}.pillar strong{font-size:calc(var(--u)*2.4)}.pillar span{direction:ltr}.finale .body{font-size:calc(var(--u)*1.35);line-height:1.9}.signature{margin-top:calc(var(--u)*1.4)}.signature:before{margin-bottom:12px}.end-card{bottom:12.5%}
@media(min-aspect-ratio:2/1){.welcome-copy{top:17%}.welcome h1{font-size:12vh}.welcome-subtitle{font-size:3vh}.welcome .eyebrow{font-size:2.3vh}.welcome-hint{display:none}.scene .content{top:20%}.masthead{top:3%}.portrait-wrap{width:22%;left:13%}.cover-art{left:5%;width:36%}.controls{bottom:2%;height:54px}}
@media(max-width:700px) and (orientation:portrait){#experience{--u:1.6vw}.masthead{top:3%;left:6%;right:6%}.wordmark{font-size:12px;gap:8px}.wordmark svg{width:27px}.chapter-label{font-size:9px;max-width:36%;text-align:left}.welcome-copy{right:8%;top:15%;width:84%}.welcome .eyebrow{font-size:12px;margin-bottom:12px}.welcome h1{font-size:17vw;line-height:1.2;margin-bottom:15px}.welcome-subtitle{font-size:14px;line-height:1.85;margin-bottom:22px}.primary{font-size:14px;padding:12px 17px;gap:12px}.text-button{font-size:12px}.launch-actions{gap:19px}.welcome-hint{font-size:10px}.cover-art{width:58%;height:41%;top:auto;bottom:4%;left:1%;opacity:.55;z-index:-1}.film-front{height:88%;top:0}.film-back{height:76%;top:0}.cover-coordinate{display:none}.cover-orbit{top:0}.film-caption{font-size:8px;bottom:9px}.cover-footer{bottom:3%;font-size:10px}.scene .content,.scene.diagram .content,.scene.quote .content{right:8%;top:13%;width:84%}.scene h2{font-size:9vw;line-height:1.35;margin-bottom:15px}.scene .eyebrow{font-size:11px;margin-bottom:9px}.scene .body{font-size:3.8vw;line-height:2;max-width:100%}.scene .english{font-size:9px;margin-top:10px;letter-spacing:1.8px}.scene .aside-note{font-size:11px;margin-top:12px}.scene .small-rule{margin:13px 0}.portrait-wrap{height:35%;width:37%;left:32%;top:53%}.portrait-label{font-size:8px;bottom:15px;right:12px;left:12px}.vertical-caption{font-size:8px;right:-23px}.portrait-wrap.offset{left:18%;top:58%;height:29%;width:30%}.portrait-wrap.secondary{left:50%;top:55%;height:26%;width:27%}.tags{margin-top:14px;gap:7px}.tags span{font-size:11px;padding:4px 10px}.feature-list{gap:8px;margin-top:14px}.feature{gap:12px;padding-bottom:5px}.feature span{font-size:15px}.feature b{font-size:12px}.feature small{font-size:10px}.scene.intro .content{right:8%;top:25%;width:84%}.scene.intro h2{font-size:14vw}.scene.intro .body{font-size:4vw;max-width:90%}.intro-orbit{left:-70%;top:45%;width:150%}.intro .big-word{font-size:22vw;left:20%;top:65%;transform:none}.scene.diagram .diagram-art{width:67%;height:35%;left:16%;top:53%}.scene .memory-art{width:72%;height:26%;top:59%;left:14%;gap:12px}.memory-heading{font-size:11px}.memory-cell{width:11vw;height:13vw;font-size:7vw}.memory-caption{font-size:12px}.noise-word{font-size:10px}.art-label{font-size:10px}.scene .breath-art{top:48%;height:43%;width:76%;left:12%}.breath-center strong{font-size:8vw}.breath-center span{font-size:11px}.scene.quote h2{font-size:10vw;max-width:100%}.scene.quote .body{max-width:100%}.scene.quote .portrait-wrap{top:54%;height:35%;width:38%;left:31%;opacity:.7}.scene.quote:after{background:linear-gradient(0deg,transparent 30%,#07171690 58%,transparent 80%)}.scene.finale .content{top:18%;right:7%;width:86%}.scene.finale h2{font-size:10vw;margin-bottom:18px}.pillar-row{width:100%;margin:25px 0}.pillar{padding:0 5px}.pillar span{font-size:9px;margin-bottom:5px}.pillar strong{font-size:5.4vw;line-height:1.7}.finale .body{max-width:98%;font-size:3.7vw}.signature{font-size:16px;margin-top:28px}.signature span{font-size:12px}.controls{left:3%;right:3%;bottom:2%;height:83px;padding:8px 12px;gap:10px;flex-wrap:wrap}.transport{gap:3px}.transport button{width:30px;height:29px;font-size:16px}.control-divider{margin:0 4px}.timeline-area{order:3;flex-basis:100%;margin-top:-4px}.timeline-meta{font-size:9px}#time{font-size:10px}.chapters-button{margin-right:auto;gap:9px}#sceneCount{font-size:10px}.chapters{bottom:15%;max-height:70%}.end-card{bottom:15%}.scene .index-watermark{font-size:40vw;top:6%}.scene.finale .signature:before{margin-bottom:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.reveal{filter:none;transform:none;transition:opacity .4s}.scene{transition:opacity .5s}.cover-film{transform:none}}

@media(min-aspect-ratio:2/1){.scene.finale .content{top:14%}.scene:has(.feature-list) .content{top:16%}.scene:has(.feature-list) .feature-list{gap:calc(var(--u)*.4)}}
@media(max-width:700px) and (orientation:portrait){.scene:has(.feature-list) .content{top:13%}.scene:has(.feature-list) h2{font-size:9vw}.scene:has(.feature-list) .body{font-size:3.8vw}.scene:has(.feature-list) .feature span{font-size:14px}.scene:has(.feature-list) .feature-list{gap:5px;margin-top:9px}.scene:has(.feature-list) .english{font-size:9px}.scene.finale .content{top:15%}.scene.finale h2{font-size:10vw}.scene.finale .body{font-size:3.7vw}.scene.finale .pillar-row{margin:25px 0}.scene.finale .pillar strong{font-size:5.4vw}.scene.finale .signature{margin-top:28px}.scene:has(.feature-list) .portrait-wrap{top:59%;height:29%;width:31%;left:35%}}

/* Arabic typography, composed for the revised presentation. */
.welcome h1{font-size:clamp(52px,6.2vw,102px);font-weight:600;line-height:1.5;letter-spacing:-.035em;margin-bottom:12px}
.scene h2,.scene.quote h2,.scene:has(.feature-list) h2{font-size:calc(var(--u)*4.15);font-weight:500;line-height:1.55;letter-spacing:-.035em}
.scene.intro h2{font-size:calc(var(--u)*6.1);font-weight:600;line-height:1.5}
.scene.finale h2{font-size:calc(var(--u)*3.8);font-weight:500;line-height:1.6}
.pillar strong{font-size:calc(var(--u)*2);font-weight:500;line-height:1.6}.breath-center strong{font-weight:500;font-size:calc(var(--u)*2.9)}
.scene .body{font-size:calc(var(--u)*1.75);line-height:1.9}.scene:has(.feature-list) .body{font-size:calc(var(--u)*1.68);line-height:1.9}
.scene.finale .body{font-size:calc(var(--u)*1.5)}.signature{font-family:'Alexandria',sans-serif;font-size:calc(var(--u)*1.22);font-weight:500;line-height:1.7}.signature span{font-family:'IBM Plex Sans Arabic',sans-serif;font-weight:400}
.feature span{font-size:calc(var(--u)*1.55)}.wordmark{font-family:'Alexandria',sans-serif;font-size:clamp(12px,1vw,16px);font-weight:500}
.grain{opacity:.018}#atmosphere{opacity:.4}.index-watermark{display:none}.portrait-wrap:before{opacity:.45}.cover-orbit{opacity:.55}.reveal{filter:none;transition:opacity .7s,transform .85s cubic-bezier(.16,1,.3,1)}
.tags span{border:0;border-left:1px solid #d6b9814a;background:none;padding:0 16px;font-size:calc(var(--u)*1.12)}.tags span:first-child{padding-right:0}.tags span:last-child{border:0}
.portrait-label{justify-content:center}.network-svg text{font-family:'IBM Plex Sans Arabic',sans-serif}.cover-coordinate{font-family:'IBM Plex Sans Arabic',sans-serif}
@media(min-aspect-ratio:2/1){.welcome h1{font-size:10vh;line-height:1.4}.welcome-subtitle{font-size:3vh}.welcome-copy{top:19%}}
@media(max-width:700px) and (orientation:portrait){
 .welcome h1{font-size:13.5vw;line-height:1.55}.welcome-copy{top:16%}.welcome-subtitle{font-size:15px}
 .scene h2,.scene.quote h2,.scene:has(.feature-list) h2{font-size:7.9vw;line-height:1.55}.scene.intro h2{font-size:11.5vw;line-height:1.6}.scene.finale h2{font-size:8.6vw;line-height:1.6}
 .scene .body,.scene:has(.feature-list) .body{font-size:4.1vw;line-height:1.85}.scene.finale .body{font-size:3.9vw}
 .scene.finale .pillar strong{font-size:4.3vw;line-height:1.8}.scene.finale .signature{font-size:15px}.breath-center strong{font-size:6.3vw}.tags span{font-size:11px;padding:0 9px}.scene:has(.feature-list) .feature span{font-size:15px}
}