/* Foundation — ink, bone, bronze, and restrained crimson. */
:root{--ink:#080808;--black:#050505;--surface:#0d0d0d;--raised:#151515;--text:#e7e4dc;--muted:#96918a;--gold:#b49a73;--red:#9e3b32;--line:#292624;--mono:'IBM Plex Mono',monospace;--sans:'Space Grotesk',Arial,sans-serif;--arabic:'IBM Plex Sans Arabic',sans-serif;--gutter:clamp(22px,5.3vw,120px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.65}body:has(dialog[open]){overflow:hidden}::selection{background:#80352f;color:#fff}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{border:0}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(40px,5vw,78px);line-height:1.08;font-weight:500;letter-spacing:-.05em;margin-bottom:30px}h2 em,h3 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--gold)}h3{font-weight:500}em{font-style:italic}p{margin-bottom:22px}img{max-width:100%;display:block}[hidden]{display:none!important}.micro,.eyebrow,.section-label,.badge{font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:.07em}.eyebrow{color:var(--gold);margin-bottom:26px}.muted{color:var(--muted)}.gold{color:var(--gold)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-80px;z-index:100;background:var(--gold);color:#080808;padding:12px 20px}.skip-link:focus{top:15px}.section{padding:90px var(--gutter);max-width:2100px;margin:auto;scroll-margin-top:0}.section-label{display:flex;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line);color:var(--muted);margin-bottom:58px}.section-label span:first-child{color:var(--gold)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:45px}.section-heading>p{color:var(--muted);font-size:15px;max-width:350px;margin-bottom:8px}.section-heading h2{margin:0}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;min-height:52px;padding:16px 22px;font-family:var(--mono);font-size:12px;letter-spacing:.045em;transition:background .25s,transform .25s}.button.primary{background:var(--red);color:#fff4ea}.button.primary:hover{background:#b24a3e}.text-link{display:inline-flex;align-items:center;gap:24px;background:none;padding:10px 0;border-bottom:1px solid #5b4b3b;font-family:var(--mono);font-size:12px;letter-spacing:.04em}.text-link:hover{color:var(--gold)}.badge{display:inline-block;border:1px solid #514032;color:var(--gold);padding:5px 10px;font-size:11px;white-space:nowrap}.brand{font-size:32px;font-weight:700;letter-spacing:-2px;line-height:1}.brand span{color:var(--red)}.small-line{display:inline-block;width:24px;height:1px;background:var(--red);margin-right:12px;vertical-align:middle}.red-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);margin-right:10px}.panel{border:1px solid var(--line);background:var(--surface)}.panel-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:55px;padding:14px 24px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:12px;letter-spacing:.025em}.panel-bar small{color:var(--muted);font-size:11px}
/* Texture remains static to avoid constant full-screen compositing. */
.grain{position:fixed;inset:0;z-index:15;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E")}#spotlight{position:fixed;inset:0;pointer-events:none;z-index:2;background:radial-gradient(350px circle at var(--mouse-x,-1000px) var(--mouse-y,-1000px),#b49a7306,transparent 80%)}
/* Navigation */
.header{height:88px;padding:0 var(--gutter);display:flex;align-items:center;gap:40px;border-bottom:1px solid #ffffff0d;position:sticky;top:0;z-index:30;background:#080808eb;backdrop-filter:blur(18px)}.header .brand{margin-right:auto}.header nav{display:flex;gap:26px;align-items:center}.header nav a{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:#b5b0a8;position:relative;padding:12px 0}.header nav a:hover,.header nav a.active{color:var(--text)}.header nav a.active:after{content:'';position:absolute;left:0;bottom:2px;width:15px;height:2px;background:var(--red)}.sound-toggle{display:flex;gap:10px;align-items:center;background:none;font:10px var(--mono);letter-spacing:.05em;white-space:nowrap;min-height:44px}.sound-bars{display:flex;align-items:center;gap:3px;height:16px}.sound-bars i{height:4px;width:2px;background:var(--gold)}.sound-toggle[aria-pressed=true] i{animation:sound-wave .9s ease-in-out infinite alternate}.sound-toggle i:nth-child(2){animation-delay:.3s}.sound-toggle i:nth-child(3){animation-delay:.6s}.sound-toggle i:nth-child(4){animation-delay:.1s}.menu-toggle{display:none;background:none;font:12px var(--mono);min-height:44px}
/* Hero: oversized bilingual typography paired with an identity archive. */
.hero{min-height:760px;height:calc(100svh - 88px);max-height:1100px;position:relative;padding:0 var(--gutter);isolation:isolate;overflow:hidden;max-width:2560px;margin:auto}.hero-top{display:flex;justify-content:space-between;padding-top:28px;color:#88847e;position:relative;z-index:3;font-size:10px}.online{color:#b8b09b}.online:before{content:'';display:inline-block;background:var(--gold);width:5px;height:5px;border-radius:50%;margin-right:9px;box-shadow:0 0 12px #b49a7355}.hero-copy{position:relative;z-index:4;padding-top:clamp(75px,10vh,140px);max-width:780px;width:62%;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-copy h1{margin-bottom:25px;line-height:1.2;font-weight:600}.hero-copy h1 [lang=ar]{font-family:var(--arabic);font-size:clamp(48px,5.4vw,88px);display:block;width:max-content;max-width:100%;letter-spacing:-.04em}.english-name{display:block;font:11px var(--mono);letter-spacing:.26em;color:#b1a89a;margin-top:18px}.hero-role{font-size:clamp(27px,3vw,47px);font-weight:500;line-height:1.12;letter-spacing:-.045em;margin-bottom:26px}.hero-role em{font-family:Georgia,serif;color:var(--gold);font-weight:400;font-size:1.25em}.hero-quote{font-size:17px;line-height:1.65;color:#aaa59c;margin-bottom:18px}.hero-fields{font:11px var(--mono);color:#99938a;line-height:1.9}.hero-fields b{font-weight:400;color:var(--red);padding:0 5px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:32px;flex-wrap:wrap}.github-link{font-size:10px;color:var(--muted)}.hero-visual{position:absolute;right:4%;top:9%;bottom:10%;width:46%;z-index:1;border:1px solid #9a7d5618;background:radial-gradient(ellipse at 65% 55%,#56201e28,transparent 64%);transform:translate3d(var(--px,0),var(--py,0),0);transition:transform .5s ease-out}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--ink),transparent 25%),linear-gradient(0deg,var(--ink),transparent 30%);pointer-events:none;z-index:3}.portrait-grid{position:absolute;inset:0;opacity:.23;background-image:linear-gradient(#66544622 1px,transparent 1px),linear-gradient(90deg,#66544622 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}.orbit{position:absolute;border:1px solid #a48a6123;border-radius:50%;width:78%;aspect-ratio:1;left:11%;top:12%}.orbit-two{width:60%;left:20%;top:23%;border-style:dashed;opacity:.7}.red-spill{position:absolute;inset:12% 0 0 20%;background:radial-gradient(ellipse at 70% 55%,#a52d2030,transparent 65%);filter:blur(30px);animation:breathe 9s ease-in-out infinite alternate}.portrait-placeholder{position:absolute;inset:14% 10% 17%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#847058}.portrait-placeholder>.micro:first-child{letter-spacing:.25em}.archive-monogram{font-family:Georgia,serif;font-size:clamp(170px,23vw,410px);line-height:1.05;color:#99806424;font-weight:400;letter-spacing:-.12em;padding-right:.12em;text-shadow:10px 0 80px #8a2c2030}.portrait-caption{font:10px var(--mono);letter-spacing:.18em;color:#a0876f}.portrait-placeholder .micro[lang=ar]{font-family:var(--arabic);color:#9a8a79}.hero-visual #portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;filter:saturate(.55) contrast(1.08) brightness(.75)}.hero-visual.has-portrait .portrait-placeholder{display:none}.hero-visual.has-portrait:before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(105deg,transparent 50%,#76231933);pointer-events:none}.visual-tag{position:absolute;bottom:12%;left:20%;display:grid;gap:5px;color:#8b8070;font-size:9px;z-index:5}.vertical-label{position:absolute;right:14px;top:27%;writing-mode:vertical-rl;color:#8b8070;font-size:9px;letter-spacing:.2em}.cross{position:absolute;color:#796247;line-height:1;z-index:5;font:20px var(--mono)}.cross-tl{top:-9px;left:-6px}.cross-br{right:-6px;bottom:-9px}.visual-index{position:absolute;right:8%;bottom:6%;font:11px var(--mono);color:#9b7c5d;z-index:5}.hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:28px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8d887f;z-index:5}.hero-bottom a span{margin-left:30px;color:var(--gold)}.hero-bottom b{color:var(--red);font-weight:400;padding:0 10px}.hero-bottom [lang=ar]{font-family:var(--arabic)}.discipline-strip{border-block:1px solid var(--line);display:flex;justify-content:space-around;gap:24px;padding:22px var(--gutter);font:11px var(--mono);letter-spacing:.11em;color:#aaa094;overflow:hidden;white-space:nowrap}.discipline-strip b{color:var(--red);font-size:18px;line-height:1;font-weight:400}
/* Biography and a quiet Mesopotamian signature. */
.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%}.about-copy{padding-top:30px;color:var(--muted);font-size:16px}.about-copy .lead{font-size:21px;line-height:1.6;color:var(--text)}.about-facts{display:flex;gap:50px;border-top:1px solid var(--line);padding-top:26px;margin-top:34px;font-size:10px}.about-facts strong{display:block;font-weight:400;margin-top:9px;color:var(--text)}.identity-stamp{border-left:2px solid #644b37;padding-left:20px;margin-top:50px}.identity-stamp span{display:block;font-family:var(--arabic);color:#ac9a80;font-size:20px;text-align:left}.identity-stamp small{font:9px var(--mono);letter-spacing:.1em;color:var(--muted)}.heritage{margin-top:80px;padding:40px;position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:35px;border:1px solid #443426;background:#100e0b;overflow:hidden}.heritage-pattern{position:absolute;inset:0;overflow:hidden;white-space:nowrap;font-size:160px;color:#b9945520;line-height:1.4;pointer-events:none}.heritage>span,.heritage>p,.heritage>div:not(.heritage-pattern){position:relative}.heritage>.micro{color:var(--gold);font-size:10px}.heritage>p{font-size:34px;line-height:1.15;margin:0;letter-spacing:-.03em}.heritage>p em{font-family:Georgia,serif;color:var(--gold)}.heritage>div>span{font-family:var(--arabic);font-size:22px;color:var(--gold)}.heritage>div>p{font-size:13px;line-height:1.7;color:#a29788;margin:12px 0 0}.heritage .heritage-index{position:absolute;left:40px;bottom:22px;font-size:9px;opacity:.6}
/* Discipline panels expose terminal details on focus, tap, and hover. */
.security{background:linear-gradient(180deg,#0c0b0a,#080808)}.wide-title{font-size:clamp(43px,7.6vw,120px);letter-spacing:-.065em!important;line-height:.98}.wide-title span{color:#a79a86;display:block}.security-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:55px}.skill-card{background:none;text-align:left;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 24px;min-height:200px;position:relative;overflow:hidden;transition:background .25s,transform .25s}.skill-top{display:flex;justify-content:space-between;color:#a69278;font:11px var(--mono);margin-bottom:35px}.skill-symbol{font-size:20px;color:#9e8c74;line-height:1}.skill-card h3{font-size:14px;letter-spacing:.035em;margin-bottom:10px}.skill-card p{font:11px/1.7 var(--mono);color:var(--muted);margin:0}.skill-card .skill-command{color:#c49482;display:none}.skill-card:hover,.skill-card:focus-visible,.skill-card[aria-pressed=true]{background:radial-gradient(ellipse at 90% 100%,#63201b30,transparent 80%),#110f0d;transform:translateY(-3px);z-index:1}.skill-card:hover .skill-description,.skill-card:focus-visible .skill-description,.skill-card[aria-pressed=true] .skill-description{display:none}.skill-card:hover .skill-command,.skill-card:focus-visible .skill-command,.skill-card[aria-pressed=true] .skill-command{display:block}.matrix{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:75px}.matrix h3{font-size:26px;letter-spacing:-.03em}.matrix .muted{font-size:14px}.matrix-table-wrap{overflow:auto}.matrix table{width:100%;border-collapse:collapse;text-align:center;font:11px var(--mono)}.matrix th{font-weight:400;color:var(--muted);padding:12px 7px;border-bottom:1px solid var(--line);font-size:10px}.matrix th:first-child{text-align:left}.matrix tbody th{color:#c1b7a9;font-size:11px}.matrix td{color:var(--gold);padding:9px;border-bottom:1px solid #29262470}
/* Featured OSINT simulation */
.feature-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:35px}.feature-intro .badge{margin-bottom:28px}.feature-intro h2{margin:0}.feature-intro>p{max-width:390px;font-size:15px;color:#b9b1a5}.feature-intro>p .muted{display:inline-block;margin-top:15px}.engine{margin-top:40px}.engine form{padding:30px;border-bottom:1px solid var(--line)}.engine label{display:block;margin-bottom:15px;font-size:10px}.search-controls{display:flex;gap:0}.search-controls input,.search-controls select{background:#090909;border:1px solid #3b322b;border-radius:0;color:var(--text);padding:15px;font:13px var(--mono);min-width:0}.search-controls input{flex:1;border-inline:0}.search-controls select{width:155px}.search-controls .button{white-space:nowrap}.engine #search-note{margin:12px 0 0;font-size:11px}.engine-body{display:grid;grid-template-columns:1.35fr 1fr;min-height:320px}.engine-map{border-right:1px solid var(--line);position:relative;display:flex;flex-direction:column;justify-content:center;padding:15px 25px;background-image:radial-gradient(#88705235 .6px,transparent .6px);background-size:18px 18px}.engine-map svg{width:100%;max-height:330px;overflow:visible}.map-caption{display:flex;justify-content:space-between;color:#7f766b;font-size:9px;margin-top:10px}.engine-results{padding:25px;display:flex;flex-direction:column}.engine-results>.micro{font-size:10px;margin-bottom:18px}.log-line{font:11px/1.6 var(--mono);display:flex;gap:20px;border-bottom:1px solid #ffffff08;padding-bottom:11px;margin-bottom:11px}.log-line time{color:#826852;font-size:10px}.log-line small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.engine-summary{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:15px;color:var(--muted)}.engine-summary .micro{font-size:10px}.engine-summary strong{font:36px var(--mono);color:var(--gold)}.engine.is-scanning .network-rings{animation:graph-pulse 1s infinite alternate}
/* An index of projects, with openable dossiers instead of thumbnail cards. */
.project-row{border-top:1px solid var(--line)}.project-row:last-child{border-bottom:1px solid var(--line)}.project-row summary{display:grid;grid-template-columns:65px 1fr auto 35px;gap:24px;align-items:center;padding:28px 0;cursor:pointer;list-style:none}.project-row summary::-webkit-details-marker{display:none}.project-number{font:12px var(--mono);color:var(--gold)}.project-row summary h3{margin:0;font-size:clamp(18px,2vw,30px);letter-spacing:-.025em}.project-status{font:10px var(--mono);color:var(--muted)}.project-expand{font-size:24px;font-weight:400;color:var(--gold);text-align:right;transition:transform .25s}.project-row[open] .project-expand{transform:rotate(45deg)}.project-row summary:hover h3{color:var(--gold)}.project-detail{padding:0 60px 30px 89px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.project-detail p{font-size:15px;color:var(--muted);margin-bottom:14px}.project-detail .project-tech{font:11px/1.8 var(--mono);color:var(--gold)}.project-links{display:flex;gap:20px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.placeholder-link{font:11px var(--mono);color:#938b7d;padding:10px 0}.bot-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;padding-top:100px;align-items:center}.bot-feature h3{font-size:clamp(55px,7vw,110px);line-height:1;letter-spacing:-.055em;margin-bottom:28px}.bot-feature>div>p:not(.eyebrow){font-size:15px;color:var(--muted)}.bot-feature>div>p.micro{font-size:9px;margin:20px 0 0}.bot-terminal pre{font:12px/2 var(--mono);min-height:220px;padding:25px;color:#bca58d;white-space:pre-wrap;margin:0}.bot-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.bot-stats>div{padding:24px}.bot-stats>div+div{border-left:1px solid var(--line)}.bot-stats strong{display:block;font:40px var(--mono);color:var(--text)}.bot-stats span{font:9px var(--mono);color:var(--muted)}
/* Terminal */
.terminal-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;align-items:center;border-block:1px solid var(--line);background:#0d0c0a}.terminal-intro h2{font-size:clamp(38px,4vw,60px)}.terminal-intro .muted{font-size:14px}.inline-command{font:13px var(--mono);color:var(--gold);background:#252019;padding:3px 7px}.terminal-dots{letter-spacing:4px;color:#70523f;font-size:9px;margin-right:15px}.terminal-output{height:260px;overflow:auto;padding:25px;font:12px/1.8 var(--mono);scrollbar-color:#574132 #111;overflow-wrap:anywhere}.terminal-output p{margin-bottom:9px;white-space:pre-wrap}.terminal-echo{color:#b7a180}.terminal-input{display:flex;align-items:center;padding:15px 22px;gap:12px;border-top:1px solid var(--line);font:12px var(--mono)}.terminal-input label{color:var(--gold);white-space:nowrap}.terminal-input input{min-width:0;width:100%;color:var(--text);background:none;border:0;outline-offset:2px;font:13px var(--mono)}.terminal-input button{background:none;color:var(--gold);font-size:22px;min-width:30px}
/* Evidence bench */
.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.evidence-content{display:flex;align-items:center;gap:24px;padding:30px}.file-symbol{border:1px solid #5a4534;color:var(--gold);padding:24px 10px;font:12px var(--mono);background:#17130f}.evidence-content h3{font:17px var(--mono);margin-bottom:10px}.evidence-content .micro{font-size:10px;margin:0}.metadata{padding:0 30px;margin:0}.metadata>div{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff08;padding:9px 0;font:11px var(--mono)}.metadata dt{color:var(--muted);font-size:10px}.metadata dd{margin:0;color:#c4b7a4}.hash-box{margin:24px 30px;padding-top:20px;border-top:1px solid var(--line)}.hash-box>.micro{font-size:10px;color:var(--muted);margin-bottom:12px}.hash-box code{font:11px/1.8 var(--mono);color:#b59b7d;overflow-wrap:anywhere;display:block}.hash-box button{margin:12px 0}.hash-box #hash-status{color:var(--gold);margin-bottom:0}.timeline ol{list-style:none;padding:30px;margin:0}.timeline li{display:flex;gap:30px;position:relative;padding-bottom:30px}.timeline li:last-child{padding-bottom:0}.timeline time{font:10px var(--mono);color:var(--gold);padding-top:4px}.timeline li>div{border-left:1px solid #5b4435;padding-left:24px;position:relative}.timeline li>div:before{content:'';width:5px;height:5px;position:absolute;left:-3px;top:8px;background:var(--gold)}.timeline h3{font-size:15px;margin-bottom:7px}.timeline li p{font-size:12px;color:var(--muted);margin:0}.lab-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:20px 30px;font-size:9px;color:#9f8d77}.lab-footer small{font-size:9px}
/* Closing */
.contact{padding-top:110px;padding-bottom:100px}.contact>.eyebrow{font-size:11px;margin-bottom:32px}.contact h2{font-size:clamp(60px,9vw,140px);position:relative;max-width:1300px}.contact-arrow{position:absolute;right:5%;top:10%;font-size:1em;font-weight:400;color:var(--red)}.contact-copy{color:var(--muted);font-size:16px;margin-top:38px}.contact-links{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);margin-top:45px;margin-bottom:20px}.contact-channel{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:25px 25px 25px 0}.contact-channel+.contact-channel{border-left:1px solid var(--line);padding-left:25px}.contact-channel>span:first-child,.contact-channel>div{font-size:18px}.contact-channel small{display:block;font:9px var(--mono);color:var(--muted);margin-top:7px}.contact-channel>span:last-child{color:var(--gold)}.contact-channel[aria-disabled=true]>span:last-child{color:#5f5447}.contact>.micro{font-size:9px}.contact-channel[href]:hover{color:var(--gold)}footer{max-width:2300px;margin:auto;border-top:1px solid var(--line);padding:30px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:25px;color:var(--muted)}footer .brand{color:var(--text)}footer .micro{font-size:9px}footer b{color:var(--red);padding:0 7px}footer>span:last-of-type{font:italic 14px Georgia,serif}.back-top{width:36px;height:36px;border:1px solid var(--line);display:grid;place-items:center}.noscript{padding:20px;color:var(--gold);text-align:center}
/* Entry is only activated by JavaScript; content remains available otherwise. */
.entry{position:fixed;max-width:none;max-height:none;width:100%;height:100%;inset:0;margin:0;padding:30px;border:0;color:var(--text);background:radial-gradient(ellipse at 60% 60%,#3c171118,transparent 60%),#080808}.entry::backdrop{background:#080808}.entry-inner{max-width:440px;margin:auto;padding-top:max(10px,calc((100svh - 720px)/2));position:relative}.entry .brand{display:block;margin-bottom:35px}.entry .eyebrow{font-size:10px}.boot-log{font:10px/1.4 var(--mono);color:#9d9080;margin:25px 0 38px}.boot-log p{display:flex;justify-content:space-between;margin-bottom:10px}.boot-log span{color:var(--gold)}.boot-bar{height:2px;background:#8d4938;margin:15px 0 22px;transform-origin:left;animation:boot 1.1s ease-out}.entry h2{font-size:clamp(46px,7vw,75px);margin-bottom:20px}.entry .muted{font-size:14px}.entry .button{width:100%;margin-top:15px}.quiet-button{display:block;width:100%;background:none;color:var(--gold);font:12px var(--mono);padding:20px}.entry .micro{color:#82796d;font-size:9px;margin-top:22px;text-align:center}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.reveal.is-visible{opacity:1;transform:none}@keyframes boot{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes breathe{to{opacity:.4;transform:translate3d(-15px,-10px,0)}}@keyframes sound-wave{to{height:15px}}@keyframes graph-pulse{to{opacity:.3}}
/* Responsive composition */
@media(min-width:1800px){.hero-copy{padding-top:140px}.hero-quote{font-size:21px}.hero-fields{font-size:13px}.hero-role{font-size:52px}.hero-copy h1 [lang=ar]{font-size:100px}.hero-actions{margin-top:40px}.section{padding-top:120px;padding-bottom:120px}}
@media(max-width:1100px){.header{gap:22px}.header nav{gap:16px}.header nav a{font-size:10px}.hero-copy{width:66%}.hero-visual{right:2%;width:47%}.hero-actions{gap:20px}.github-link{display:none}.security-grid{grid-template-columns:repeat(2,1fr)}.skill-card{min-height:180px}.heritage{grid-template-columns:1fr 1fr;padding:35px}.heritage>.micro:first-of-type{grid-column:1/-1}.heritage .heritage-index{display:none}.hero{min-height:730px}.project-detail{gap:25px}.bot-feature{gap:5%}.terminal-section{grid-template-columns:.8fr 1.2fr;gap:4%}.contact-channel{padding-right:12px}.contact-channel+.contact-channel{padding-left:18px}.contact-channel small{font-size:8px}.lab-footer{flex-direction:column;gap:5px}}
@media(max-width:800px){.header{height:74px;gap:22px}.header .brand{font-size:29px}.menu-toggle{display:flex;gap:12px;align-items:center}.header nav{display:none;position:absolute;top:74px;left:0;right:0;background:#0b0b0b;border-bottom:1px solid var(--line);padding:20px var(--gutter);grid-template-columns:1fr 1fr;gap:15px}.header nav.is-open{display:grid}.header nav a{font-size:12px;padding:12px}.header nav a.active:after{left:12px}.hero-top{font-size:8px}.hero-top>span:first-child{max-width:150px}.hero{height:auto;min-height:780px}.hero-copy{width:75%;padding-top:75px}.hero-copy h1 [lang=ar]{font-size:54px}.hero-visual{top:20%;bottom:13%;width:50%;right:-10%;opacity:.65}.archive-monogram{font-size:200px}.portrait-placeholder{inset:15% 3%}.portrait-caption{font-size:8px;letter-spacing:0}.portrait-placeholder .micro{font-size:9px}.visual-tag{display:none}.hero-role{font-size:32px}.hero-fields{max-width:310px}.hero-actions{gap:24px}.hero-bottom>span:nth-child(2){display:none}.discipline-strip{justify-content:flex-start;font-size:9px;gap:26px}.section{padding-top:65px;padding-bottom:65px}.section-label{font-size:9px;margin-bottom:38px}.about-layout{gap:6%}.about-copy{padding-top:0}.about-copy .lead{font-size:18px}.about-copy p{font-size:14px}.about-facts{gap:25px;flex-wrap:wrap}.identity-stamp{margin-top:30px}.identity-stamp span{font-size:17px}.identity-stamp small{font-size:8px}.feature-intro>p{max-width:280px;font-size:13px}.search-controls{flex-wrap:wrap}.search-controls input{border-right:1px solid #3b322b}.search-controls .button{width:100%;margin-top:10px;justify-content:center}.engine-body{grid-template-columns:1fr 1fr}.engine-map{padding:15px}.map-caption{font-size:8px;gap:12px}.engine-results{padding:20px 15px}.log-line{gap:10px;font-size:10px}.project-row summary{grid-template-columns:35px 1fr auto 20px;gap:15px}.project-status{font-size:8px}.project-detail{padding-left:50px;padding-right:15px;grid-template-columns:1fr;gap:10px}.project-links{justify-content:flex-start}.bot-feature{grid-template-columns:1fr;gap:30px;padding-top:65px}.bot-feature>div:first-child{max-width:470px}.terminal-section{grid-template-columns:1fr;gap:25px}.terminal-intro h2{font-size:45px}.lab-grid{grid-template-columns:1fr}.lab-footer{flex-direction:row}.contact-channel>div{font-size:16px}.contact-links{grid-template-columns:1fr 1fr}.contact-channel:nth-child(3){border-left:0;padding-left:0}.contact-channel:nth-child(-n+2){border-bottom:1px solid var(--line)}footer{flex-wrap:wrap;justify-content:flex-start}footer .brand{margin-right:10px}footer>span:nth-of-type(2){order:5;width:100%}footer>span:last-of-type{margin-left:auto}.back-top{display:none}}
@media(max-width:540px){.header{gap:18px}.sound-toggle{font-size:8px;gap:7px}.menu-toggle{font-size:10px}.hero{min-height:825px}.hero-top{padding-top:22px}.hero-copy{width:100%;padding-top:62px}.hero-copy .eyebrow{font-size:9px;margin-bottom:20px}.hero-copy h1 [lang=ar]{font-size:clamp(40px,11vw,58px)}.english-name{font-size:9px;letter-spacing:.19em;margin-top:14px}.hero-role{font-size:30px}.hero-quote{font-size:15px}.hero-fields{font-size:10px;max-width:280px}.hero-visual{top:18%;right:-30%;width:77%;bottom:12%;opacity:.32;pointer-events:none}.hero-visual.has-portrait{opacity:.46;right:-20%;width:75%}.portrait-placeholder{justify-content:flex-end;padding-bottom:60px}.archive-monogram{font-size:210px}.portrait-placeholder>.micro:first-child{display:none}.portrait-caption{font-size:7px}.vertical-label{display:none}.hero-actions{flex-wrap:wrap;gap:20px;margin-top:30px}.hero-actions .button{padding:15px 18px;font-size:10px;gap:25px}.hero-actions .text-link{font-size:10px;gap:16px}.hero-bottom{font-size:8px}.section-label{font-size:8px;gap:25px;align-items:flex-start}.section-label span:last-child{text-align:right}.about-layout{grid-template-columns:1fr;gap:38px}.about-copy .lead{font-size:19px}.about-copy p{font-size:16px}.about-facts{gap:35px}.heritage{margin-top:45px;padding:28px;grid-template-columns:1fr;gap:25px}.heritage>p{font-size:40px}.heritage>div>p{font-size:14px}.section-heading{display:block}.section-heading>p{margin-top:25px;font-size:14px}.wide-title{font-size:clamp(40px,11.5vw,62px)}.security-grid{margin-top:30px}.skill-card{padding:23px 15px;min-height:180px}.skill-card h3{font-size:12px}.skill-card p{font-size:10px}.skill-top{margin-bottom:25px}.matrix{grid-template-columns:1fr;gap:15px;margin-top:45px}.matrix-table-wrap th{font-size:8px}.matrix table tbody th{font-size:10px}.feature-intro{display:block}.feature-intro>p{margin-top:28px;max-width:none;font-size:14px}.panel-bar{padding:15px;font-size:10px;gap:8px}.panel-bar small{font-size:8px}.panel-bar .badge{font-size:8px;padding:3px 7px}.engine form{padding:20px 15px}.search-controls select{width:110px;font-size:11px;padding:12px 8px}.search-controls input{font-size:11px;padding:12px 8px;width:100px}.engine #search-note{font-size:10px}.engine-body{grid-template-columns:1fr}.engine-map{border-right:0;border-bottom:1px solid var(--line);min-height:235px;padding-bottom:18px}.engine-results{min-height:250px;padding:22px}.log-line{font-size:11px}.project-row summary{grid-template-columns:24px 1fr 20px;padding:24px 0;gap:13px}.project-row summary h3{font-size:17px}.project-status{grid-column:2;grid-row:2;margin-top:-8px}.project-expand{grid-column:3;grid-row:1 / 3}.project-detail{padding-left:37px}.project-detail p{font-size:14px}.project-number{font-size:10px}.bot-feature h3{font-size:80px}.bot-terminal pre{font-size:11px;padding:20px}.bot-stats>div{padding:20px}.bot-stats strong{font-size:34px}.bot-stats span{font-size:8px}.terminal-output{padding:20px;font-size:11px}.terminal-input{padding:15px 12px;gap:8px;font-size:10px}.terminal-input input{font-size:12px}.terminal .panel-bar>.micro{font-size:8px}.terminal-dots{margin-right:6px;letter-spacing:2px}.evidence-content{padding:24px;gap:18px}.evidence-content h3{font-size:15px}.metadata{padding:0 24px}.hash-box{margin:24px}.timeline ol{padding:25px 20px}.timeline li{gap:18px}.timeline li>div{padding-left:18px}.lab-footer{font-size:8px;padding:20px;flex-wrap:wrap}.lab .section-heading .badge{margin-top:26px}.contact h2{font-size:clamp(48px,12vw,69px)}.contact-arrow{right:0;top:-10px;font-size:55px}.contact>.eyebrow{font-size:9px}.contact-copy{font-size:15px}.contact-links{margin-top:30px}.contact-channel{padding-top:20px;padding-bottom:20px}.contact-channel>div{font-size:16px}.contact-channel small{font-size:8px}.contact>.micro{line-height:1.8}footer{gap:20px}footer>.micro{font-size:8px}footer>span:last-of-type{font-size:12px}.entry{padding:25px}.entry-inner{padding-top:5vh}.entry .brand{margin-bottom:25px}.boot-log{margin:20px 0 28px}.entry h2{font-size:53px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero-visual{transform:none!important}#spotlight{display:none}}
/* Original supplied artwork: frame the face without changing the source pixels. */
.hero-visual #portrait{object-position:73% 42%;filter:saturate(.72) contrast(1.04) brightness(.82)}
.hero-visual.has-portrait .portrait-grid,.hero-visual.has-portrait .orbit,.hero-visual.has-portrait .red-spill{display:none}
.hero-visual.has-portrait .visual-tag{left:12%;bottom:8%;color:#c2ad91;text-shadow:0 1px 5px #000}
.hero-visual.has-portrait .vertical-label{color:#c2ad91;z-index:5;text-shadow:0 1px 5px #000}
@media(max-width:800px){
  .hero:has(.has-portrait){height:auto;min-height:0;padding-bottom:90px}
  .hero:has(.has-portrait) .hero-copy{width:100%;padding-top:55px}
  .hero-visual.has-portrait{position:relative;top:auto;bottom:auto;right:auto;width:100%;height:480px;margin-top:44px;opacity:1;transform:none}
  .hero-visual.has-portrait #portrait{object-position:72% 34%;filter:saturate(.72) contrast(1.04) brightness(.86)}
  .hero-visual.has-portrait:after{background:linear-gradient(0deg,var(--ink),transparent 36%),linear-gradient(90deg,#08080845,transparent 30%)}
  .hero-visual.has-portrait .visual-tag{display:grid;left:7%;bottom:6%;font-size:9px}
  .hero-visual.has-portrait .vertical-label{display:block;font-size:8px;right:10px}
}
@media(max-width:540px){.hero-visual.has-portrait{height:440px;margin-top:38px}.hero-visual.has-portrait #portrait{object-position:73% 38%}.hero-visual.has-portrait .visual-index{font-size:9px;right:6%}}
/* Final optical layer: sparse dust and scanlines, scoped to the portrait. */
.english-name{pointer-events:auto}
.portrait-dust{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:4;background:repeating-linear-gradient(transparent 0 3px,#0000000c 3px 4px)}
.portrait-dust i{position:absolute;width:2px;height:2px;border-radius:50%;background:#b6a085;opacity:.18;animation:dust-drift 14s linear infinite alternate}
@keyframes dust-drift{to{transform:translate3d(12px,-30px,0);opacity:.4}}
/* Reading text and interactive controls stay legible, even among tiny archive marks. */
.header nav a,.sound-toggle,.menu-toggle,.hero-fields,.github-link,.hero-actions .button,.hero-actions .text-link{font-size:12px}
.skill-card h3{font-size:14px}.skill-card p{font-size:12px}.skill-card{min-height:205px}
.matrix th,.matrix table tbody th{font-size:12px}.matrix .muted,.feature-intro>p,.timeline li p{font-size:14px}
.project-status,.project-tech,.placeholder-link,.contact-channel small,.panel-bar,.terminal-output,.terminal-input,.bot-terminal pre{font-size:12px}
.log-line,.log-line small,.engine #search-note,.hash-box code,.metadata>div{font-size:12px}
@media(max-width:540px){.header{gap:12px}.sound-toggle{font-size:10px}.menu-toggle{font-size:11px}.hero-actions{gap:18px}.hero-actions .button,.hero-actions .text-link{font-size:11px}.hero-fields{font-size:11px}.skill-card{padding:22px 14px;min-height:230px}.matrix th,.matrix table tbody th{font-size:10px}.project-status{font-size:10px}.contact-channel small{font-size:10px}.panel-bar{font-size:10px}.terminal-input{font-size:11px}}
@media(prefers-reduced-motion:reduce){.portrait-dust i{animation:none}}
@media print{.header,.grain,#spotlight,.entry,.hero-visual,.hero-actions,.bot-terminal,.terminal-section{display:none!important}body{background:#fff;color:#111}.section{padding:30px}.hero{min-height:0;height:auto;padding:30px}.hero-copy{padding:0;width:100%}.hero-top,.hero-bottom{position:static}.section-label{margin-bottom:20px}h2{font-size:36px}.contact-arrow{display:none}.reveal{opacity:1;transform:none}}
/* Cipher chamber — motion responds to the pointer; symbols remain in reading order. */
.cipher-field{min-height:270px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px;padding:48px 30px;background:radial-gradient(ellipse at 50% 70%,#64251b24,transparent 65%),radial-gradient(#8d74542b .7px,transparent .7px);background-size:auto,22px 22px;overflow:hidden}
.cipher-slot{padding:12px;perspective:500px}.cipher-token{display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-width:100px;padding:20px 24px;background:#14110f;border:1px solid #725139;color:var(--gold);font:30px var(--mono);transition:transform .16s ease-out,background .2s;box-shadow:0 10px 24px #0005}.cipher-token small{font:11px var(--mono);color:var(--muted)}.cipher-token:hover,.cipher-token:focus-visible{background:#2b1713;border-color:var(--red)}.cipher-token span{white-space:nowrap}.cipher-field.solved .cipher-token{border-color:var(--gold);color:var(--text);background:#302418}.cipher-controls{padding:30px;border-top:1px solid var(--line)}.cipher-controls>p{font-family:var(--arabic);font-size:16px}.cipher-controls form{display:flex;gap:12px;max-width:650px;margin:24px auto}.cipher-controls input{min-width:0;flex:1;padding:16px;background:#090909;border:1px solid #55402f;color:var(--text);font:16px var(--mono);border-radius:0}.cipher-controls input[aria-invalid=true]{border-color:var(--red)}.cipher-toolbar{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.cipher-controls #cipher-feedback{color:var(--gold);margin:24px 0 0;min-height:26px;text-align:center}.cipher-controls #cipher-hint-text{margin:15px 0 0;text-align:center}.discord-section{border-top:1px solid var(--line)}.discord-identity{display:flex;align-items:center;justify-content:space-between;gap:25px;border-block:1px solid var(--line);padding:32px 0;margin:40px 0 20px}.discord-identity p{font:clamp(27px,5vw,65px) var(--mono);letter-spacing:-.04em;margin:14px 0 0;color:var(--gold)}#discord-status{font:16px var(--arabic);text-align:left}.cipher-game .section-heading>p{font-family:var(--arabic);font-size:16px}
@media(max-width:1100px) and (min-width:801px){.header{gap:18px}.header nav{gap:12px}.header nav a{font-size:10px}.sound-toggle{font-size:10px}}
@media(max-width:600px){.cipher-field{padding:30px 12px;gap:5px;min-height:230px}.cipher-slot{padding:7px}.cipher-token{font-size:21px;min-width:64px;padding:14px;gap:12px}.cipher-controls{padding:22px 16px}.cipher-controls form{flex-direction:column}.cipher-controls .button{justify-content:center}.cipher-toolbar{gap:20px}.discord-identity{align-items:flex-start;flex-direction:column}.discord-identity .button{width:100%}.cipher-controls input{width:100%}}
@media(prefers-reduced-motion:reduce){.cipher-token{transform:none!important}}
