*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--base);font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--title);color:var(--base)}h1,h2,h3,p,figure{margin:0}h2,h3{line-height:1.05}h2{font-family:"Barlow Condensed",sans-serif;font-weight:600;font-size:clamp(42px,4.3vw,68px);color:var(--title)}h2 em{font-style:italic;font-weight:500}h2>span{color:var(--accent)}p{color:var(--muted)}.skip{position:fixed;left:230px;top:-70px;background:var(--base);padding:12px;z-index:100}.skip:focus{top:10px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:210px;background:var(--rail);border-right:1px solid var(--line);padding:38px 27px;z-index:30;display:flex;flex-direction:column;backdrop-filter:blur(20px)}.brand{font-family:"Barlow Condensed",sans-serif;font-style:italic;font-size:43px;font-weight:800;letter-spacing:-2px;color:var(--title);line-height:1}.brand span{font-weight:600}.brand i{color:var(--accent)}.sidebar-motto{font-family:"Noto Sans Arabic",sans-serif;font-size:10px;letter-spacing:1.5px;margin-top:17px}.rail-rule{width:29px;height:1px;background:var(--accent);margin:32px 0}.sidebar nav{display:grid;gap:9px}.sidebar nav a{display:flex;align-items:center;gap:15px;padding:10px 0;opacity:.66;line-height:1.4;position:relative;font-size:13px}.sidebar nav a:hover,.sidebar nav a.active{opacity:1;color:var(--title)}.sidebar nav a.active:before{content:"";position:absolute;width:3px;height:28px;left:-27px;background:var(--title)}.nav-num{font:10px "Space Mono",monospace;color:var(--muted)}nav small{display:block;font-size:10px;letter-spacing:1.4px;margin-top:5px}.sidebar-bottom{margin-top:auto;font:10px "Space Mono",monospace}.status-dot{display:inline-block;background:var(--title);width:5px;height:5px;border-radius:50%;margin-right:6px}.sidebar-bottom p{margin:20px 0 17px;line-height:2;font-size:10px}.sidebar-bottom p span{font-size:10px}.sidebar-bottom button{padding:0;background:none;font-size:10px;color:var(--muted)}.topbar{margin-left:210px;height:94px;padding:0 5.5%;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:5;border-bottom:1px solid var(--line);background:var(--topbar)}.top-caption{font:10px "Space Mono",monospace;letter-spacing:1.25px;color:var(--muted)}.theme-tools{display:flex;gap:15px;align-items:center}.theme-picker{display:flex;border:1px solid var(--line);border-radius:25px;padding:4px;background:var(--surface)}.theme-picker button{background:transparent;border-radius:20px;min-width:43px;padding:5px 9px;font-size:14px}.theme-picker button span{font-size:10px;margin-left:3px}.theme-picker button[aria-pressed=true]{background:var(--title);color:var(--base)}#auto-theme{background:none;font:10px "Space Mono",monospace;max-width:63px;text-align:left;line-height:1.5;padding:0;text-decoration:underline;text-underline-offset:4px}.clock{border-left:1px solid var(--line);padding-left:15px;display:grid;font:11px "Space Mono",monospace;line-height:1.7}.clock span{font-size:10px;letter-spacing:1px;color:var(--muted)}main{margin-left:210px}.hero{padding:29px 6% 0;min-height:calc(100svh - 94px)}.hero-topline{display:flex;justify-content:space-between;font:10px "Space Mono",monospace;letter-spacing:1.6px;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:5%;align-items:center;min-height:540px;padding:35px 0 30px}.eyebrow{font:10px "Space Mono",monospace;letter-spacing:1px;color:var(--title);display:flex;gap:10px;align-items:center}.eyebrow>span{font-size:20px;color:var(--accent)}.name-ar{margin:24px 0 3px;font:12px "Noto Sans Arabic",sans-serif;letter-spacing:4px;color:var(--title)}.name-ar span{display:none}h1{font-family:"Barlow Condensed",Impact,sans-serif;font-size:clamp(82px,10.8vw,165px);font-weight:800;font-style:italic;line-height:1.03;letter-spacing:-3px;margin-left:-5px}#hero-name{padding:0;display:flex;align-items:baseline;font:inherit;letter-spacing:inherit;line-height:inherit;background:none;color:var(--title);white-space:nowrap;max-width:100%}.name-words{display:inline-block;position:relative;vertical-align:baseline;width:var(--rest-width,3.3em)}.name-reveal{position:absolute;left:0;top:0}.name-words>span{display:inline-block}.name-words i{font-style:inherit;display:inline-block;opacity:1;transform:translateY(0)}.name-reveal i{opacity:0;transform:translateY(16px)}.is-revealed .name-rest i{opacity:0;transform:translateY(-16px)}.is-revealed .name-reveal i{opacity:1;transform:translateY(0)}.is-revealed .name-words{width:var(--reveal-width,4.5em)}.name-animating .name-words{transition:width 1.3s cubic-bezier(.2,.7,.2,1)}.name-animating i{transition:opacity .65s ease,transform 1.3s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i)*35ms)}.name-period{color:var(--accent)}.identity{margin-top:20px;padding-left:15px;border-left:2px solid var(--accent);display:grid;gap:3px}.identity strong{font-size:15px;font-weight:600}.identity span{font:10px "Space Mono",monospace;color:var(--muted)}.hero-intro{margin-top:23px;font-size:14px;line-height:1.9;max-width:385px}.hero-actions{display:flex;gap:12px;margin-top:27px}.button{padding:12px 19px;font-size:11px;border:1px solid var(--title);border-radius:3px;display:inline-flex;align-items:center;gap:25px;transition:transform .2s,background .2s}.primary{background:var(--title);color:var(--base)}.secondary{background:var(--surface);color:var(--title)}.button:hover{transform:translateY(-3px);background:var(--accent);border-color:var(--accent);color:var(--base)}.button span{font-size:17px}.hero-footnote{font:10px "Space Mono",monospace;color:var(--muted);margin-top:25px}.tiny-spark{color:var(--accent);font-size:17px;vertical-align:middle;margin-right:6px}.portrait-wrap{position:relative;max-width:304px;margin:auto;width:100%;padding-top:5px}.portrait-card{padding:13px 13px 15px;background:var(--card);border:1px solid var(--line);border-radius:3px;box-shadow:8px 18px 40px #18282018;transform:rotate(4deg);transition:transform .5s}.portrait-label{display:flex;justify-content:space-between;font:10px "Space Mono",monospace;letter-spacing:2px;color:var(--muted);padding:1px 1px 11px}.portrait-card img{width:100%;height:288px;object-fit:cover;object-position:50% 35%;display:block;border:1px solid var(--line)}figcaption{display:flex;justify-content:space-between;align-items:center;padding:13px 3px 0}figcaption strong{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-style:italic;font-size:28px;line-height:1;color:var(--title)}figcaption div>span{display:block;font-size:10px;color:var(--muted);margin-top:6px}.portrait-star{font-size:40px;color:var(--accent);line-height:1}.orbit-note{position:absolute;right:-27px;top:-18px;font:10px "Noto Sans Arabic",sans-serif;color:var(--title);letter-spacing:2px;transform:rotate(4deg)}.orbit-note small{display:block;font:10px "Space Mono",monospace;letter-spacing:1px;margin-top:7px;text-align:right}.values{display:flex;align-items:center;justify-content:center;gap:17px;margin-top:26px;color:var(--title);font-size:10px;letter-spacing:2px}.values small{font:10px "Space Mono",monospace;letter-spacing:1px;display:block;margin-top:3px;color:var(--muted)}.values i{font-style:normal;color:var(--accent)}.chapters{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--surface);border-radius:3px;backdrop-filter:blur(12px)}.chapters>a{padding:20px 22px;border-right:1px solid var(--line);transition:background .25s}.chapters>a:last-child{border-right:none}.chapters>a:hover{background:var(--card)}.chapter-top{display:flex;justify-content:space-between;font:10px "Space Mono",monospace;letter-spacing:1px;color:var(--muted)}.chapter-top>span:last-child{font-size:18px;line-height:1;color:var(--title)}.chapters h2{font-size:24px;margin-top:14px}.chapters p{font-size:10px;margin-top:8px}.scroll-cue{display:flex;justify-content:space-between;align-items:center;font:10px "Space Mono",monospace;letter-spacing:1.7px;color:var(--muted);padding:23px 0}.scroll-cue>span:nth-child(2){font-size:17px}.content-section{padding:79px 6%;border-top:1px solid var(--line);background:var(--section);backdrop-filter:blur(14px)}.section-kicker{font:10px "Space Mono",monospace;letter-spacing:1.8px;color:var(--muted);display:flex;justify-content:space-between;gap:20px;margin-bottom:37px}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center}.about-grid p{font-size:13px;margin-top:17px;max-width:470px}.about-grid .lead{font-size:16px;margin-top:25px;color:var(--ink)}.skill-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.skill-chips span{font:10px "Space Mono",monospace;border:1px solid var(--line);padding:6px 9px;border-radius:3px;color:var(--title);background:var(--surface)}.terminal{background:var(--terminal);color:#e5dbcf;border:1px solid #8e9b8944;border-radius:5px;box-shadow:0 15px 30px #101b1910;overflow:hidden}.terminal-top{padding:13px 16px;display:flex;justify-content:space-between;font:10px "Space Mono",monospace;color:#b5a89b;border-bottom:1px solid #ced8b71a}.terminal-dots{letter-spacing:3px;color:#b4a578}.terminal-body{padding:18px 22px 23px}.terminal-body p{font:10px "Space Mono",monospace;line-height:2;margin:0 0 17px;color:#e5dbcf}.terminal-body p:last-child{margin:0}.terminal-body b{color:#d2b690;font-weight:400}.terminal-body p.terminal-answer{color:#bdb3a9}.terminal-body p>span{color:#ceae7c}.terminal-bottom{border-top:1px solid #ced8b71a;padding:11px 17px;color:#b5a89b;font:10px "Space Mono",monospace;display:flex;justify-content:space-between}.terminal-bottom span{font-size:10px}.cursor{animation:blink 1.2s steps(2) infinite}@keyframes blink{50%{opacity:0}}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-heading>p{font-size:12px;line-height:1.8;max-width:260px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{border:1px solid var(--line);background:var(--surface);border-radius:3px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,background .25s}.project-card:hover{transform:translateY(-5px);background:var(--card)}.project-art{height:146px;border-bottom:1px solid var(--line);position:relative;display:grid;place-items:center;background:linear-gradient(120deg,var(--art),transparent),repeating-linear-gradient(0deg,transparent,transparent 19px,var(--grid) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,var(--grid) 20px)}.project-art svg{width:150px;height:105px;stroke:var(--title);stroke-width:1;fill:none;opacity:.8}.project-art small{position:absolute;left:14px;top:11px;font:10px "Space Mono",monospace;letter-spacing:1px;color:var(--muted)}.project-content{padding:22px;flex:1;display:flex;flex-direction:column}.project-content>small{font:10px "Space Mono",monospace;letter-spacing:1.2px;color:var(--muted)}.project-content h3{font:600 27px "Barlow Condensed",sans-serif;line-height:1.1;color:var(--title);margin-top:12px}.project-content p{font-size:11px;margin-top:12px;line-height:1.9}.project-content .skill-chips{margin-top:17px;margin-bottom:22px;gap:5px}.project-content .skill-chips span{font-size:10px;padding:4px 6px}.project-open{background:none;border-top:1px solid var(--line);font:10px "Space Mono",monospace;display:flex;justify-content:space-between;padding:14px 0 0;margin-top:auto;color:var(--title);text-align:left}.achievement{display:grid;grid-template-columns:50px 1fr 1.2fr auto;gap:25px;align-items:center;padding:25px 0;border-top:1px solid var(--line)}.achievement:last-child{border-bottom:1px solid var(--line)}.achievement>span:first-child{font:12px "Space Mono",monospace;color:var(--accent)}.achievement small{font:10px "Space Mono",monospace;letter-spacing:1.5px;color:var(--muted)}.achievement h3{font:600 38px "Barlow Condensed",sans-serif;color:var(--title);margin-top:3px}.achievement p{font-size:12px}.achievement>span:last-child{font:10px "Space Mono",monospace;letter-spacing:1px;color:var(--title)}.growth-note>span{font-size:17px;letter-spacing:5px;color:var(--title)}.section-endnote{font-size:11px;margin-top:24px;font-style:italic}.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.note{padding:27px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.note-top{display:flex;justify-content:space-between;font:10px "Space Mono",monospace;letter-spacing:1px;color:var(--muted)}.note h3{font:500 32px "Barlow Condensed",sans-serif;color:var(--title);margin:20px 0 13px}.note p{font-size:12px}.note button{background:none;color:var(--muted);font:10px "Space Mono",monospace;display:flex;justify-content:space-between;width:100%;padding:24px 0 0}.connect-section{text-align:center;padding-top:67px}.connect-section .eyebrow{justify-content:center;margin:47px 0 24px;font-size:10px}.connect-section h2{font-size:clamp(55px,6vw,90px)}.connect-section>p:not(.eyebrow){font-size:13px;margin-top:25px;line-height:1.9}.social-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:30px}.social-links>a,.social-links>button{border:1px solid var(--line);background:var(--surface);padding:10px 19px;font:10px "Space Mono",monospace;border-radius:3px}.social-links>*:hover{background:var(--title);color:var(--base)}.connect-section>.contact-note{font-size:10px!important;color:var(--muted)}.closing{margin-top:80px;display:grid;justify-content:center;color:var(--title);gap:8px}.closing>span{letter-spacing:6px;font-size:16px}.closing>small{font:10px "Space Mono",monospace;letter-spacing:2px}.closing>a{font:10px "Space Mono",monospace;margin-top:35px;color:var(--muted)}footer{padding:22px 6%;display:flex;justify-content:space-between;gap:20px;font:10px "Space Mono",monospace;color:var(--muted);border-top:1px solid var(--line);background:var(--rail)}dialog{width:min(540px,90vw);padding:42px;border:1px solid var(--line);background:var(--base);color:var(--ink);border-radius:5px;box-shadow:0 20px 100px #0005}dialog::backdrop{background:#17251c99;backdrop-filter:blur(8px)}dialog h2{font-size:44px;margin-bottom:24px}dialog p{font-size:14px}dialog .dialog-close{position:absolute;right:15px;top:12px;font-size:24px;background:none}.dialog-status{border-top:1px solid var(--line);padding-top:20px;margin-top:28px;font-size:11px}#notice{position:fixed;bottom:24px;left:calc(50% + 105px);transform:translate(-50%,30px);opacity:0;pointer-events:none;background:var(--title);color:var(--base);box-shadow:0 6px 30px #0002;padding:13px 23px;border-radius:4px;font-size:12px;z-index:100;transition:opacity .2s,transform .2s;max-width:90vw}#notice.visible{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(14px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.particles{position:fixed;inset:0;pointer-events:none;z-index:-1}.particles i{position:absolute;width:3px;height:3px;background:var(--accent);border-radius:50%;opacity:.2;animation:drift 17s ease-in-out infinite alternate}@keyframes drift{to{transform:translate(20px,-85px);opacity:.05}}@media(min-width:1600px){.hero-grid{min-height:630px}.hero{padding-left:8%;padding-right:8%}.portrait-wrap{max-width:350px}.portrait-card img{height:340px}}@media(max-width:1150px){.sidebar{width:170px;padding:32px 21px}.sidebar nav a.active:before{left:-21px}.topbar,main{margin-left:170px}.topbar{padding:0 5%}.top-caption{display:none}.topbar{justify-content:flex-end;height:80px}.hero{padding:25px 5% 0}.hero-grid{gap:4%;min-height:510px}.portrait-wrap{max-width:245px}.portrait-card img{height:247px}.hero-intro{font-size:12px}.identity span{font-size:10px}.eyebrow{font-size:10px}.content-section{padding:65px 5%}.button{padding:11px 13px;gap:15px}.project-content{padding:18px}.project-grid{gap:12px}.about-grid{gap:5%}.terminal-body{padding:17px}.terminal-body p{font-size:10px}.terminal-bottom{font-size:10px}#notice{left:calc(50% + 85px)}}@media(max-width:850px){.sidebar{width:100%;height:68px;bottom:auto;flex-direction:row;align-items:center;padding:0 24px;gap:28px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:34px}.sidebar-motto,.rail-rule,.sidebar-bottom{display:none}.sidebar nav{display:flex;justify-content:space-between;gap:18px;flex:1}.sidebar nav a{font-size:10px;padding:8px 0}.nav-num,nav small{display:none}.sidebar nav a.active:before{width:100%;height:2px;bottom:-12px;left:0}.topbar{margin:68px 0 0;height:68px}.top-caption{display:block;font-size:10px}.topbar{justify-content:space-between}.theme-tools{gap:10px}main{margin:0}.hero-grid{min-height:520px}.hero h1{font-size:15vw}.hero-topline{font-size:10px}.portrait-wrap{max-width:270px}.portrait-card img{height:270px}.hero-copy{min-width:0}.hero-intro{font-size:13px}.content-section{padding:65px 6%}.project-content h3{font-size:25px}.project-content p{font-size:10px}.project-content{padding:15px}.terminal-body p{font-size:10px}#notice{left:50%}.skip{left:10px}.section-heading h2{font-size:45px}}@media(max-width:600px){html{scroll-padding-top:83px}.sidebar{padding:0 18px;gap:22px;height:62px}.sidebar nav{gap:15px;overflow-x:auto;scrollbar-width:none}.sidebar nav a{flex-shrink:0;font-size:10px}.sidebar nav a.active:before{bottom:0}.sidebar nav a span{white-space:nowrap}.brand{font-size:32px;flex-shrink:0}.topbar{margin-top:62px;height:67px;padding:0 6%}.top-caption{display:none}.topbar{justify-content:flex-end}.theme-picker button{min-width:39px;padding:4px 8px}.clock{font-size:10px}.clock span{font-size:10px}.hero{padding:22px 6% 0}.hero-topline{font-size:10px;letter-spacing:1px}.edition{display:none}.hero-grid{grid-template-columns:1fr;gap:45px;padding:34px 0 37px}.eyebrow{font-size:10px}.hero h1{font-size:26vw}.name-ar{margin-top:22px;font-size:11px}.identity{margin-top:17px}.identity strong{font-size:15px}.identity span{font-size:10px}.hero-intro{font-size:14px;max-width:340px;margin-top:22px}.hero-actions{margin-top:22px}.button{padding:12px 18px;font-size:11px;gap:22px}.hero-footnote{margin-top:18px}.portrait-wrap{max-width:252px;margin:0 auto}.portrait-card img{height:244px}.orbit-note{right:-21px}.values{margin-top:25px}.chapters{grid-template-columns:1fr}.chapters>a{padding:18px 20px;border-right:0;border-bottom:1px solid var(--line)}.chapters>a:last-child{border-bottom:0}.chapters h2{font-size:25px;margin-top:6px}.chapters p{margin-top:5px}.chapter-top>span:last-child{position:relative;top:22px}.scroll-cue{padding:25px 0}.about-grid{grid-template-columns:1fr;gap:35px}.about-grid h2{font-size:47px}.about-grid p{font-size:13px}.terminal-body p{font-size:10px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:46px}.section-heading>p{font-size:12px;margin-top:20px}.section-kicker{font-size:10px;margin-bottom:28px}.content-section{padding:49px 6%}.project-grid{grid-template-columns:1fr;gap:22px}.project-art{height:155px}.project-content{padding:23px}.project-content h3{font-size:31px}.project-content p{font-size:12px}.project-content .skill-chips span{font-size:10px}.project-open{font-size:10px}.achievement{grid-template-columns:28px 1fr auto;gap:15px}.achievement p{grid-column:2;grid-row:2;font-size:12px}.achievement>span:last-child{grid-column:3;grid-row:1}.achievement h3{font-size:36px}.notes-grid{grid-template-columns:1fr;gap:12px}.note h3{font-size:34px}.connect-section h2{font-size:57px}.connect-section .eyebrow{font-size:10px}.connect-section>p:not(.eyebrow){font-size:12px}.social-links{gap:8px}.social-links>a,.social-links>button{padding:10px 14px;font-size:10px}.closing{margin-top:60px}footer{flex-direction:column;gap:10px;text-align:center;font-size:10px}dialog{padding:32px 24px}.contact-note{max-width:240px;margin-left:auto;margin-right:auto}.section-heading .growth-note{display:none}}
#motion{background:none;padding:3px;font-size:13px;color:var(--muted);min-width:20px}

/* Fixed chapter sidebar: supersedes the original horizontal mobile header. */
:root{--sidebar-width:230px}
.sidebar{width:var(--sidebar-width);height:100dvh;inset:0 auto 0 0;padding:33px 20px 20px;display:flex;flex-direction:column;align-items:stretch;gap:0;overflow-y:auto;overflow-x:hidden;border-right:1px solid var(--line);border-bottom:0;scrollbar-width:thin}
.brand{font-size:43px;flex-shrink:0;padding-left:12px;letter-spacing:-1.5px}
.brand-caption{font:10px "Space Mono",monospace;letter-spacing:1.5px;color:var(--muted);margin:11px 0 0 13px}
.sidebar-motto{display:block;font-size:10px;letter-spacing:1px;margin:29px 12px 23px}
.sidebar-motto small{display:block;font:10px "DM Sans",sans-serif;letter-spacing:0;margin-top:4px}
.rail-rule{display:none}
.sidebar nav{display:flex;flex-direction:column;justify-content:flex-start;flex:0 0 auto;gap:7px;overflow:visible}
.sidebar nav a{display:flex;align-items:center;gap:12px;min-height:57px;padding:10px 12px;opacity:.8;border:1px solid transparent;border-radius:3px;font-size:13px}
.sidebar nav a:hover{background:var(--surface);opacity:1}
.sidebar nav a.active{background:var(--surface);border-color:var(--line);opacity:1}
.sidebar nav a.active:before{left:-13px;top:12px;bottom:auto;width:3px;height:31px;background:var(--accent)}
.nav-icon{display:block;width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:var(--title)}
.nav-label{display:flex;flex-direction:column;flex:1;gap:3px}
.nav-label small{display:block;order:0;font-size:10px;line-height:1;letter-spacing:1.4px;margin:0;color:var(--muted)}
.nav-label strong{font:600 17px "Barlow Condensed",sans-serif;text-transform:uppercase;line-height:1.1;letter-spacing:.35px}
.sidebar .nav-num{display:block;font:10px "Space Mono",monospace;color:var(--muted)}
.sidebar-bottom{display:block;margin-top:auto;padding:29px 12px 0;font-size:10px}
.sidebar-bottom p{display:none}.learning-status{font-size:10px;letter-spacing:.4px;text-transform:uppercase;margin-bottom:17px}
.sidebar .theme-tools{display:flex;flex-wrap:wrap;gap:12px 10px;align-items:center;padding-top:16px;border-top:1px solid var(--line)}
.sidebar .theme-picker{width:100%;justify-content:space-between;padding:3px}
.sidebar .theme-picker button{padding:4px 7px;font-size:14px;min-width:40px;color:var(--title)}
.sidebar .theme-picker button[aria-pressed=true]{color:var(--base)}
.sidebar .theme-picker button span{font-size:10px}
.sidebar #auto-theme{font-size:10px;max-width:55px;line-height:1.6}
.sidebar .clock{padding-left:10px;font-size:10px;flex:1}.sidebar .clock span{font-size:10px}
.sidebar #motion{font-size:12px;min-width:15px;padding:2px}
main{margin-left:var(--sidebar-width)}.hero{padding-top:33px;min-height:100svh}.hero-grid{min-height:565px}.skip{left:calc(var(--sidebar-width) + 12px)}#notice{left:calc(50% + var(--sidebar-width)/2)}
#sidebar-toggle,.sidebar-backdrop{display:none}
@media(min-width:701px) and (max-width:1050px){:root{--sidebar-width:205px}.sidebar{padding-left:13px;padding-right:13px}.hero-grid{grid-template-columns:1.4fr 1fr;gap:4%;min-height:545px}.portrait-wrap{max-width:220px}.portrait-card img{height:220px}.hero h1{font-size:12vw}.hero-actions{gap:8px;flex-wrap:wrap}.button{gap:12px}.eyebrow{font-size:10px}.about-grid{grid-template-columns:1fr;gap:30px}.project-grid{grid-template-columns:1fr}.project-card{display:grid;grid-template-columns:180px 1fr}.project-art{height:100%;min-height:240px;border-bottom:0;border-right:1px solid var(--line)}.project-content h3{font-size:31px}.section-heading{display:block}.section-heading>p{margin-top:18px}.chapters>a{padding:17px 14px}.chapters h2{font-size:23px}.hero-intro{font-size:12px}.identity span{font-size:10px}.orbit-note{right:-6px;font-size:10px}.values{gap:10px}}
@media(max-width:700px){:root{--sidebar-width:64px}html{scroll-padding-top:22px}.sidebar{width:64px;padding:18px 8px 16px;transition:width .25s ease;z-index:40;backdrop-filter:blur(24px);height:100dvh;gap:0}.sidebar .brand{font-size:24px;padding:0;text-align:center;letter-spacing:-1px;margin:18px 0 26px}.sidebar .brand span{display:none}.sidebar .brand-caption,.sidebar .sidebar-motto,.sidebar .nav-label,.sidebar .nav-num,.sidebar .sidebar-bottom{display:none}.sidebar nav{gap:12px;flex:none}.sidebar nav a{justify-content:center;min-height:45px;padding:10px;border-radius:4px;gap:0}.sidebar nav a.active:before{left:-9px;top:8px;height:27px;width:2px}.nav-icon{width:19px;height:19px;flex-basis:19px}#sidebar-toggle{display:block;flex-shrink:0;align-self:center;min-width:42px;min-height:42px;padding:7px;border:1px solid var(--line);background:var(--surface);border-radius:4px;font-size:18px;color:var(--title)}.sidebar.is-open{width:238px;padding:18px 17px 22px;box-shadow:20px 0 50px #0002}.sidebar.is-open #sidebar-toggle{align-self:flex-end}.sidebar.is-open .brand{text-align:left;font-size:39px;padding-left:12px;margin:0 0 8px}.sidebar.is-open .brand span{display:inline}.sidebar.is-open .brand-caption{display:block;margin-top:0}.sidebar.is-open .sidebar-motto{display:block;margin-top:23px;margin-bottom:23px}.sidebar.is-open .nav-label{display:flex}.sidebar.is-open .nav-num{display:block}.sidebar.is-open .sidebar-bottom{display:block}.sidebar.is-open nav{gap:6px}.sidebar.is-open nav a{justify-content:flex-start;gap:12px;min-height:53px}.sidebar.is-open nav a.active:before{left:-10px;top:10px}.sidebar-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:35;background:#131b224d;backdrop-filter:blur(2px)}main{margin-left:64px}.hero{padding-top:27px;min-height:100svh}.hero-grid{grid-template-columns:1fr;min-height:0;padding-top:35px;gap:47px}.hero h1{font-size:23vw}.hero-topline{font-size:10px;line-height:1.8;letter-spacing:.5px}.edition{display:none}.eyebrow{font-size:10px;letter-spacing:.6px}.eyebrow>span{font-size:16px}.identity span{font-size:10px}.hero-intro{font-size:12px}.hero-actions{flex-wrap:wrap;gap:10px}.button{padding:10px 12px;font-size:10px;gap:13px}.hero-footnote{font-size:10px}.portrait-wrap{max-width:225px;width:90%}.portrait-card img{height:220px}.orbit-note{right:-12px;font-size:10px}.values{gap:12px}.about-grid{grid-template-columns:1fr}.about-grid h2{font-size:40px}.about-grid p{font-size:12px}.terminal-body{padding:15px 12px}.terminal-body p{font-size:10px;overflow-wrap:anywhere}.terminal-top{font-size:10px;padding:12px}.terminal-bottom span{display:none}.project-grid{grid-template-columns:1fr}.section-heading{display:block}.section-heading h2{font-size:40px}.section-heading>p{margin-top:15px}.notes-grid{grid-template-columns:1fr}.chapters{grid-template-columns:1fr}.chapters>a{border-right:0;border-bottom:1px solid var(--line)}.chapters>a:last-child{border-bottom:0}.connect-section h2{font-size:47px}.connect-section>p:not(.eyebrow){font-size:11px}.achievement{grid-template-columns:22px 1fr auto;gap:10px}.achievement p{grid-column:2;grid-row:2;font-size:11px}.achievement>span:last-child{grid-column:3;grid-row:1;font-size:10px}.achievement small{font-size:10px}.section-kicker{font-size:10px;letter-spacing:1px}.closing>span{font-size:13px;letter-spacing:3px}.closing>small{font-size:10px}.scroll-cue{font-size:10px;letter-spacing:.7px}footer{flex-direction:column;text-align:center;gap:10px;font-size:10px}#notice{left:calc(50% + 32px);max-width:calc(100vw - 85px);font-size:11px}.skip{left:76px}}
@media(max-height:730px) and (min-width:701px){.sidebar{padding-top:23px}.sidebar-motto{margin-top:19px;margin-bottom:18px}.sidebar nav{gap:4px}.sidebar nav a{min-height:49px;padding-top:7px;padding-bottom:7px}.sidebar-bottom{padding-top:20px}}

/* Modest readability adjustment: original typography with a 10px text floor. */
footer{font-size:12px;line-height:1.7;flex-wrap:wrap;row-gap:10px}
footer>span{max-width:100%;overflow-wrap:anywhere}
.terminal-body p{overflow-wrap:anywhere}
.hero-topline,.section-kicker,.note-top{flex-wrap:wrap;row-gap:6px}
.sidebar .theme-tools{row-gap:12px}
@media(max-width:700px){footer{font-size:12px}.scroll-cue{flex-wrap:wrap;gap:8px}}

/* Arabic labels keep joined letters and their own reading direction. */
html [lang="ar"]{font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif;letter-spacing:normal;word-spacing:normal;text-transform:none;font-style:normal;direction:rtl;unicode-bidi:isolate;line-height:1.8}
.sidebar .nav-label small{letter-spacing:normal;line-height:1.7;white-space:normal}
.sidebar .sidebar-motto{letter-spacing:normal;line-height:1.8}
.name-ar{letter-spacing:normal;line-height:1.8}
.name-ar>span[lang="ar"]{display:inline;font:inherit}
.name-ar>span:not([lang="ar"]){display:none}
.values>span{letter-spacing:normal;line-height:1.6}
.values>span>span[lang="ar"]{display:inline}
.values small{direction:ltr;unicode-bidi:isolate}
.orbit-note{letter-spacing:normal}.orbit-note small{direction:ltr;unicode-bidi:isolate}
.sidebar .theme-picker{display:flex;flex-wrap:wrap;border-radius:12px}
.sidebar .theme-picker button{flex:1 1 42px;padding:4px 3px}
.sidebar .theme-picker button span{margin-left:2px}
.terminal-bottom{flex-wrap:wrap;gap:8px}
.closing>span{letter-spacing:normal}