@import url('/assets/fonts/fonts.css');
:root{--paper:#f2f0e9;--ink:#202520;--muted:#64665d;--line:#d4d3c9;--accent:#2648d8;--panel:#e8e7df;--radius:2px;color-scheme:light;font-family:'Noto Sans Arabic',Tahoma,sans-serif;font-size:16px;line-height:1.85}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink)}::selection{background:#2648d8;color:white}a{color:inherit;text-underline-offset:6px}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:none;padding:10px 18px;border-radius:2px}button:disabled{opacity:.5;cursor:wait}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}input,textarea,select{border:1px solid var(--line);padding:12px;background:var(--paper);color:inherit;max-width:100%;border-radius:2px}textarea{min-height:130px;resize:vertical}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}p{max-width:66ch}bdi,[dir=ltr]{font-family:Manrope,'Noto Sans Arabic',sans-serif}main:focus{outline:none}[hidden]{display:none!important}.skip{position:fixed;top:-150px;right:20px;z-index:100;background:var(--paper);padding:15px}.skip:focus{top:12px}
.header{margin:0 4.5%;padding:23px 0;display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid var(--line)}.wordmark{font-family:Manrope,sans-serif;font-size:43px;line-height:1;font-weight:800;letter-spacing:-3px;text-decoration:none;display:flex;align-items:center;gap:7px}.brand-dot{font-size:26px;color:var(--accent);font-weight:400}.header nav{display:flex;gap:36px}.header nav a{text-decoration:none;font-size:13px;position:relative;padding:9px 0}.header nav a::after{content:'';position:absolute;height:2px;bottom:0;right:0;width:0;background:var(--accent);transition:width .25s}.header nav a:hover::after,.header nav a[aria-current=page]::after{width:100%}.header-note{font-size:11px;display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.eyebrow{font-size:11px;font-weight:500;color:var(--muted)}.eyebrow[dir=ltr]{letter-spacing:.12em}.hero{padding:30px 4.5% 0;max-width:1800px;margin:auto}.hero-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.hero-body{display:grid;grid-template-columns:1fr 1.08fr;gap:3%;align-items:center;min-height:660px}.hero-copy{padding:40px 0 65px 35px}.intro-line{font-size:14px;display:flex;align-items:center;gap:12px;margin-bottom:8px}.tiny-cross{font-size:22px;color:var(--accent)}.hero h1{font-size:clamp(29px,3.5vw,54px);line-height:1.6}.hero-thought{font-size:clamp(48px,6.2vw,94px);line-height:1.5;font-weight:600;margin:10px 0 16px}.ink-accent{color:var(--accent)}.roles{font-size:15px;color:var(--muted);line-height:2.05}.actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--ink);color:var(--paper);text-decoration:none;border:1px solid var(--ink);padding:13px 23px;font-size:13px;transition:background .2s,transform .2s}.button:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.button span,.text-link span{display:inline-block;font-family:Arial,sans-serif;font-size:23px;transition:transform .2s}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:13px;text-decoration:none;border-bottom:1px solid var(--line);padding:7px 0}.text-link:hover span{transform:translateX(-5px)}
.artwork{min-width:0;align-self:center}.art-top{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding:10px 0;border-top:1px solid var(--line)}.art-top [dir=ltr]{letter-spacing:.1em}.visual-stage{position:relative;width:100%;aspect-ratio:1;isolation:isolate}.visual-stage::before,.visual-stage::after{content:'+';position:absolute;top:46%;color:#898b80;font-size:18px;z-index:-1}.visual-stage::before{left:0}.visual-stage::after{right:0}.stage-word{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font-size:clamp(85px,15vw,260px);letter-spacing:-.09em;font-weight:800;color:#dfdfd5;z-index:-1;line-height:1;user-select:none}.sculpture-fallback,#sculpture{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.art-coordinate{position:absolute;bottom:22px;left:0;font-size:9px;letter-spacing:.14em;color:var(--muted)}.art-controls{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 0 0}.modes{display:flex;gap:5px}.modes button{font-size:11px;border:0;padding:7px 16px;transition:background .2s,color .2s}.modes button[aria-pressed=true]{background:var(--accent);color:#fff}.motion-toggle{border:0;font-size:10px;padding:8px 0}.art-hint{font-size:10px;color:var(--muted);margin-top:12px}.hero-baseline{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid var(--line);padding:19px 0;font-size:10px;color:var(--muted)}.hero-baseline a{text-decoration:none;display:flex;gap:15px}.hero-baseline [dir=ltr]{letter-spacing:.1em}
.statement{background:var(--ink);color:var(--paper);padding:100px 8%;display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-top:30px}.section-label{font-size:12px;display:flex;flex-direction:column;gap:70px}.section-label>span:last-child{font-size:100px;line-height:1;color:#b9c7ff}.statement h2{font-size:clamp(32px,4.2vw,68px);line-height:1.7;margin-bottom:26px}.statement em{font-style:normal;color:#b9c7ff}.statement p{font-size:15px;color:#c6c9be;max-width:48ch}.statement .text-link{margin-top:30px;border-color:#62675a}.disciplines{padding:100px 8%;display:grid;grid-template-columns:1fr 1.6fr;gap:8%}.section-heading h2{font-size:clamp(28px,3vw,46px);line-height:1.7;margin-top:22px}.discipline-rows>a{display:grid;grid-template-columns:35px 1fr auto 35px;align-items:center;gap:18px;text-decoration:none;padding:28px 0;border-top:1px solid var(--line);transition:color .2s}.discipline-rows>a:last-child{border-bottom:1px solid var(--line)}.discipline-rows>a:hover{color:var(--accent)}.discipline-rows h3{font-size:32px}.number{font-family:Manrope,sans-serif;font-size:10px;color:var(--muted);direction:ltr}.discipline-detail{font-size:11px;color:var(--muted)}.arrow{font-size:30px;text-align:left}.closing{padding:65px 8% 90px;border-top:1px solid var(--line)}.closing>a{display:flex;justify-content:space-between;align-items:center;font-size:clamp(38px,6vw,84px);line-height:1.8;text-decoration:none;margin:10px 0 16px}.closing>a span{color:var(--accent);font-family:Arial,sans-serif;transition:transform .3s}.closing>a:hover span{transform:translate(-8px,-8px)}.closing>p:last-child{font-size:13px;color:var(--muted)}.footer{margin:0 4.5%;padding:32px 0;display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid var(--line);font-size:11px}.footer-brand{font-family:Manrope,sans-serif;font-size:54px;line-height:1;font-weight:800;letter-spacing:-4px;text-decoration:none}.footer-brand span{font-size:22px;color:var(--accent);margin-left:7px}.footer>div{display:flex;gap:20px}.footer button{border:0;padding:0;font-size:11px}.footer-note{color:var(--muted)}
.page-intro{padding:70px 8% 65px;max-width:1600px;margin:auto}.page-intro h1{font-size:clamp(40px,6vw,80px);line-height:1.6;margin:20px 0}.lede{font-size:18px;color:var(--muted);line-height:2;max-width:51ch}.about-composition{padding:0 8% 100px;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.identity-print{aspect-ratio:4/5;max-width:470px;width:100%;background:var(--accent);color:var(--paper);padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;transform:rotate(2deg);position:relative;box-shadow:15px 18px 0 #e0dfd5}.print-meta{font-size:9px;letter-spacing:.15em}.print-mark{font-family:Arial,sans-serif;font-size:clamp(140px,23vw,300px);line-height:1}.print-name{font-size:29px}.print-handle{font-size:11px}.about-copy h2{font-size:clamp(27px,3.2vw,45px);line-height:1.7;margin:15px 0 24px}.about-copy .lede{font-size:16px}.identity-line{display:flex;gap:20px;border-block:1px solid var(--line);padding:20px 0;margin:26px 0;font-size:13px}.field-list{padding:0 8% 100px}.field-list article{display:grid;grid-template-columns:.45fr 1fr 1.2fr;gap:5%;align-items:center;padding:45px 0;border-top:1px solid var(--line)}.field-list article:last-child{border-bottom:1px solid var(--line)}.field-list h2{font-size:40px;margin-bottom:16px}.field-list p{font-size:15px;color:var(--muted);line-height:2}.field-list .text-link{margin-top:22px}.field-art{height:180px;max-width:240px;color:var(--accent);display:grid;place-items:center}.field-scribble svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;aspect-ratio:1;height:150px;width:150px;transform:rotate(-8deg)}.field-grid i{width:100%;height:100%;border:1px solid var(--accent)}.field-grid i:nth-child(2){background:var(--accent);border-radius:50%}.field-grid i:nth-child(3){background:var(--accent);border-radius:0 0 0 100%}.field-code{font-family:Manrope,sans-serif;display:flex;justify-content:space-between;font-size:120px;font-weight:200;width:100%}.field-code span{font-size:70px}.contact-panel{margin:0 8% 100px;background:var(--accent);color:var(--paper);padding:35px 5%}.contact-top{display:flex;align-items:center;justify-content:space-between}.contact-top .eyebrow{color:inherit}.contact-top>span:last-child{font-size:45px}.handle{font-size:clamp(28px,8.5vw,130px);font-weight:600;letter-spacing:-.055em;line-height:1.5;margin:20px 0 35px}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #7186e8;padding-top:28px}.contact-bottom p{font-size:12px}.contact-panel .button{background:var(--paper);color:var(--ink);border-color:var(--paper);flex-shrink:0}.contact-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px}.contact-links p{font-size:11px;color:#dce1fb}.prose{max-width:920px;margin:auto;padding:0 8% 90px}.prose h2{font-size:25px;margin:35px 0 12px}.prose p{font-size:15px;color:var(--muted)}.prose button{margin-top:25px}.consent{position:fixed;bottom:20px;left:20px;width:min(440px,calc(100% - 40px));background:var(--paper);padding:22px;box-shadow:0 8px 45px #20252022;border:1px solid #9d9e94;z-index:50}.consent-title{font-size:17px;font-weight:600}.consent p{font-size:11px;line-height:1.9;margin:10px 0 16px;color:var(--muted)}.consent>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.consent button,.consent a{font-size:10px}.consent button{padding:9px 11px;border-color:#96988c}.consent a{margin-inline-start:5px}.toast{position:fixed;bottom:20px;right:20px;max-width:calc(100% - 40px);background:var(--ink);color:var(--paper);padding:12px 22px;z-index:70;font-size:13px}
@media(min-width:1600px){.hero-body{min-height:760px}.hero-thought{font-size:100px}}
@media(max-width:1000px){.header nav{gap:20px}.header-note{display:none}.hero-body{min-height:560px;grid-template-columns:1fr 1fr}.hero-copy{padding-left:0}.hero-thought{font-size:57px}.actions{gap:17px}.disciplines{gap:5%;grid-template-columns:1fr 1.7fr}.discipline-detail{display:none}.discipline-rows>a{grid-template-columns:30px 1fr 30px}.footer-note{display:none}}
@media(max-width:680px){.header{padding:21px 0 15px;margin:0 6%;flex-wrap:wrap;gap:18px}.wordmark{font-size:36px;gap:5px}.brand-dot{font-size:22px}.header nav{gap:20px}.header nav a{font-size:11px}.hero{padding:22px 6% 0}.hero-meta>span{display:none}.hero-meta .eyebrow{font-size:9px}.hero-body{grid-template-columns:1fr;gap:22px;min-height:0}.hero-copy{padding:30px 0 8px}.hero h1{font-size:32px}.hero-thought{font-size:54px;line-height:1.5;margin:8px 0 16px}.roles{font-size:13px}.actions{margin-top:24px;gap:24px}.button{font-size:12px;padding:12px 20px}.text-link{font-size:12px}.artwork{margin-top:16px}.art-top{font-size:9px}.visual-stage{max-height:440px;aspect-ratio:1.1}.stage-word{font-size:29vw}.art-coordinate{bottom:12px;font-size:8px}.art-hint{margin:12px 0 25px}.hero-baseline{font-size:9px;padding:16px 0}.hero-baseline>span:last-child{display:none}.statement{padding:50px 7%;grid-template-columns:1fr;gap:30px;margin-top:10px}.section-label{flex-direction:row;align-items:center;justify-content:space-between;gap:0}.section-label>span:last-child{font-size:38px}.statement h2{font-size:32px}.statement p{font-size:13px}.disciplines{padding:55px 7%;grid-template-columns:1fr;gap:30px}.section-heading h2{font-size:30px}.discipline-rows h3{font-size:29px}.discipline-rows>a{padding:24px 0}.closing{padding:45px 7% 55px}.closing>a{font-size:39px}.footer{margin:0 6%;padding:28px 0;display:grid;grid-template-columns:1fr 1fr;gap:22px}.footer-brand{font-size:42px}.footer>div{grid-column:1/-1;gap:24px}.footer p{text-align:left}.page-intro{padding:50px 7% 40px}.page-intro h1{font-size:39px;line-height:1.65}.lede{font-size:15px}.about-composition{padding:0 7% 65px;grid-template-columns:1fr;gap:55px}.identity-print{max-width:330px;margin:10px auto;padding:25px}.print-mark{font-size:220px}.print-name{font-size:26px}.field-list{padding:0 7% 55px}.field-list article{grid-template-columns:1fr 1.5fr;gap:20px;padding:30px 0}.field-list article>.number{grid-column:1/-1}.field-list h2{font-size:27px;margin-bottom:12px}.field-list p{font-size:12px}.field-art{height:140px}.field-grid{width:100px;height:100px}.field-code{font-size:70px}.field-code span{font-size:42px}.field-list .text-link{font-size:10px;gap:6px}.contact-panel{margin:0 6% 60px;padding:25px 7%}.handle{font-size:clamp(28px,10.2vw,62px);margin:25px 0}.contact-bottom{align-items:flex-start;flex-direction:column}.contact-links{gap:12px}.prose{padding:0 7% 65px}.prose h2{font-size:22px}.prose p{font-size:13px}.consent{left:12px;bottom:12px;width:calc(100% - 24px);padding:17px}.consent p{font-size:10px}.consent button{font-size:10px;padding:9px}.consent-title{font-size:15px}}
@media(max-width:360px){.header nav{gap:12px}.hero-thought{font-size:47px}.hero h1{font-size:28px}.actions{gap:15px}.modes button{padding:7px 12px}.field-list article{grid-template-columns:1fr}.field-art{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.admin-wrap{max-width:1200px;margin:auto;padding:30px 20px}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding-bottom:20px}.admin-nav{display:flex;gap:15px;margin:25px 0;flex-wrap:wrap}.admin-nav button[aria-selected=true]{background:var(--ink);color:var(--paper)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:24px 0}.metric strong{font-size:36px;display:block}.metric span{font-size:13px;color:var(--muted)}.breakdowns{display:grid;grid-template-columns:1fr 1fr;gap:35px}.data-block{border-top:1px solid var(--line);padding-top:20px}.data-block h3{font-size:18px}.data-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0;font-size:14px;gap:15px}.data-row bdi{overflow-wrap:anywhere}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:right;border-bottom:1px solid var(--line);padding:10px;vertical-align:top}details{border-top:1px solid var(--line);padding:15px 0}summary{cursor:pointer}.table-scroll{overflow:auto}.editor{display:grid;gap:15px;max-width:750px}.editor label{display:grid;gap:6px}.login{max-width:440px;margin:12vh auto;padding:30px}.login form{display:grid;gap:18px}.note{font-size:13px;color:var(--muted)}.notice{border-right:3px solid var(--accent);padding-right:16px}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.error{color:#8a2424}.links-editor{display:grid;gap:12px}.link-row{display:grid;grid-template-columns:1fr 2fr auto;gap:10px}.small{font-size:12px;color:var(--muted)}

.admin-wrap h1,.login h1{font-size:32px;line-height:1.6;margin:15px 0}.admin-wrap h2{font-size:25px;margin:20px 0}.admin-wrap p{margin-bottom:16px}.admin-wrap .metric{background:var(--panel);padding:20px}.admin-wrap .metric strong{color:var(--accent)}.admin-wrap .data-block{padding-bottom:20px}.admin-wrap .toolbar{margin-top:20px}.login{border-top:3px solid var(--accent);background:var(--panel);padding:35px}.login>p{font-size:13px;margin-bottom:25px}.login .small{margin-top:25px}.admin-wrap button:hover{border-color:var(--accent)}@media(max-width:760px){.metrics{grid-template-columns:1fr 1fr;gap:12px}.metric strong{font-size:28px}.breakdowns{grid-template-columns:1fr}.link-row{grid-template-columns:1fr}.admin-top{align-items:flex-start;flex-wrap:wrap}.admin-nav{gap:7px}.admin-nav button{font-size:11px;padding:10px}.login{margin:60px 20px}.admin-wrap h1{font-size:28px}}
/* LAB direction: full-screen spatial experiment */
body[data-page="/"]{background:#050607;color:#d7dbdd;--paper:#050607;--ink:#d7dbdd;--muted:#959ba1;--line:#293037;--accent:#a3b7ff;font-family:Manrope,'Noto Sans Arabic',sans-serif}
body[data-page="/"] .header{position:absolute;z-index:5;inset:0 0 auto;margin:0;padding:25px 28px;border:0;align-items:flex-start;flex-direction:column;gap:28px;width:210px}
body[data-page="/"] .wordmark{font-size:37px}body[data-page="/"] .header nav{display:flex;flex-direction:column;gap:4px;align-items:flex-start}body[data-page="/"] .header nav a{font-size:11px;padding:3px 9px;background:#202328}body[data-page="/"] .header-note{display:none}
body[data-page="/"] .hero{height:100svh;min-height:700px;padding:0;max-width:none;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#131721 0%,#050607 68%)}
body[data-page="/"] .hero-meta{position:absolute;bottom:24px;left:28px;z-index:4;font-size:9px;display:block}body[data-page="/"] .hero-meta>span{display:none}
body[data-page="/"] .hero-body{display:block;min-height:0;height:100%}body[data-page="/"] .artwork{position:absolute;inset:0;height:100%;margin:0}body[data-page="/"] .visual-stage{position:absolute;inset:0;height:100%;width:100%;aspect-ratio:auto;max-height:none}body[data-page="/"] .stage-word{font-size:28vw;color:#111820;top:50%;letter-spacing:-.09em}body[data-page="/"] .art-top,body[data-page="/"] .art-coordinate,body[data-page="/"] .art-hint,body[data-page="/"] .hero-baseline{display:none}
body[data-page="/"] .hero-copy{position:absolute;z-index:3;left:28px;top:310px;width:190px;padding:0}body[data-page="/"] .intro-line{font-size:10px;margin-bottom:10px}body[data-page="/"] .hero h1{font-size:23px;line-height:1.7}body[data-page="/"] .hero-thought{font-size:17px;line-height:1.8;margin:16px 0}body[data-page="/"] .hero-thought br{display:none}body[data-page="/"] .roles{font-size:10px;color:#929ba5}body[data-page="/"] .actions{display:block;margin-top:20px}body[data-page="/"] .button{background:transparent;color:#d7dbdd;border:1px solid #46505c;font-size:10px;padding:8px 10px;gap:10px}body[data-page="/"] .actions .text-link{font-size:10px;margin-top:10px;gap:10px}
body[data-page="/"] .art-controls{position:absolute;z-index:5;right:28px;bottom:25px;border:0;gap:25px}body[data-page="/"] .modes button{background:#191e25;color:#adb5c1;font-size:11px}body[data-page="/"] .modes button[aria-pressed=true]{background:#b4c6ff;color:#10151e}body[data-page="/"] .motion-toggle{font-size:10px}
body[data-page="/"] .statement,body[data-page="/"] .disciplines,body[data-page="/"] .closing,body[data-page="/"] .footer{display:none}
@media(max-width:680px){body[data-page="/"] .hero{min-height:760px}body[data-page="/"] .header{padding:20px;width:150px;gap:20px}body[data-page="/"] .header nav{gap:4px}body[data-page="/"] .hero-copy{top:auto;bottom:100px;left:20px;width:180px}body[data-page="/"] .hero h1{font-size:20px}body[data-page="/"] .hero-thought{margin:8px 0}body[data-page="/"] .roles,body[data-page="/"] .actions{display:none}body[data-page="/"] .visual-stage{height:70%;top:10%}body[data-page="/"] .stage-word{font-size:35vw}body[data-page="/"] .art-controls{right:20px;left:20px;bottom:40px;justify-content:space-between}body[data-page="/"] .hero-meta{bottom:12px;left:20px}}