:root{--bone:#eee4ce;--paper:#dfcba1;--white:#f6efdf;--ink:#201d16;--soft:#65573e;--gold:#9a741d;--red:#9a741d;--line:rgba(102,78,32,.25)}
.article-header .kufic-wordmark{color:#78591e}.article-header{gap:15px}.article-page .contact-options a{flex-wrap:wrap}.article-page .research-article h1{font-size:clamp(42px,7vw,90px)}
body{background:var(--bone) url('assets/vellum.webp') center top/1000px auto;background-blend-mode:soft-light}
section[id]{scroll-margin-top:85px}.site-header{background:rgba(22,23,19,.96);height:84px;color:#f4ead0}.site-header.scrolled{background:rgba(22,23,19,.96);color:#f4ead0;border-color:#66502b}.site-header nav{gap:24px}.nav-cta{background:#cfb16b;color:#201d16;border-color:#cfb16b}
.kufic-wordmark{display:block;min-width:82px;font:42px/1.2 KufiLegacy,serif;color:#d8bd79;padding:3px 4px 10px;border-bottom:1px solid #8c702d}.brand-name{letter-spacing:.12em}.brand-name small{display:block;font-size:7px;letter-spacing:.18em;margin-top:5px;color:#c7bca2}.hero{min-height:880px;min-height:max(780px,100svh);grid-template-columns:1fr 1fr;align-items:center;padding:140px 5vw 95px;gap:3vw;background:#eee1c2;color:var(--ink)}.hero-media img{opacity:.44;object-position:center;animation:none;filter:none}.hero-shade{background:linear-gradient(90deg,rgba(246,237,217,.65),transparent 85%)}.hero-copy{width:auto;padding:0;position:relative;z-index:2}.hero h1{font-size:clamp(57px,6.5vw,104px);line-height:.98;letter-spacing:-.06em}.hero h1 em{color:#806019}.hero-lead{color:#574930;font-size:17px;max-width:42ch;margin-top:28px}.hero .eyebrow{font-size:10px}.hero .actions{gap:18px;flex-wrap:wrap}.button.primary{color:#faf4e5;background:#6e521a;border-color:#6e521a}.button{min-height:50px;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #44321420}.hero-folio{margin:15px 0 0;position:relative;transform:perspective(1400px) rotateY(-9deg) rotateZ(2deg);box-shadow:14px 30px 65px #3a291a45;border:9px solid #efe0bd;will-change:transform}.hero-folio:before{content:'';position:absolute;inset:-20px -16px;background:#d9c397;z-index:-1;transform:rotate(-4deg);box-shadow:0 3px 5px #58401e30}.hero-folio img{aspect-ratio:.92;object-fit:cover}.hero-folio figcaption{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.12em;padding:13px 5px 5px;color:#705b32}.hero-index{bottom:30px;color:#78613a}.ink-line{background:#8e702b55;bottom:55px}.cursor-dot{display:none}
.manifesto{padding:110px 9vw}.manifesto-copy{font-size:clamp(43px,5.6vw,82px)}.manifesto-note{max-width:48ch;color:var(--soft);margin:28px 0 0}.comparison-section{background:rgba(249,241,222,.66);padding-block:110px}.comparison{border:9px solid #f5ecd7;box-shadow:0 20px 45px #4e3d2420}.section-intro h2{font-size:clamp(42px,4.2vw,66px)}.pillars article{min-height:270px;padding:35px 5vw;background:#e7d8b870}.pillars h3{margin:40px 0 18px;font-size:48px}
.alphabet-section,.catalogue-section,.pricing-section{padding:110px max(28px,calc((100vw - 1280px)/2))}.folio-heading{max-width:700px;margin:0 auto 55px;text-align:center}.folio-heading .eyebrow{justify-content:center}.folio-heading h2,.catalogue-section h2{font-size:clamp(46px,5.5vw,80px);line-height:1}.folio-heading>p:last-child{max-width:57ch;margin:25px auto 0;color:var(--soft)}.folio-plate{display:block;width:100%;padding:14px 14px 0;background:#faf4e7;border:1px solid #bfa15c;box-shadow:0 20px 55px #4b3d2428;cursor:zoom-in;color:#66532e}.folio-plate img{width:100%;max-height:760px;object-fit:contain;background:#ece1c5}.folio-plate>span{display:flex;justify-content:space-between;gap:20px;padding:17px 7px;font-size:10px;letter-spacing:.1em}.glyph-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:#bba777;margin-top:50px;border:1px solid #bba777}.glyph-card{position:relative;display:grid;place-items:center;min-height:184px;padding:24px 12px;background:#f5eddb;color:var(--ink);border:0;text-align:center;transition:background .25s}.glyph-card:hover{background:#e4d1a2}.glyph-card .glyph{font:56px/1.5 KufiLegacy,serif;direction:rtl;display:block}.glyph-card strong{font-size:13px}.glyph-card small{font-size:10px;color:#726446}.glyph-card .glyph-number{position:absolute;top:10px;left:12px;font-size:9px;color:#9a855b}.connection-section{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-top:70px;padding-top:50px;border-top:1px solid var(--line)}.connection-section h3{font:40px/1.1 var(--display);margin:0 0 24px}.connection-section p{color:var(--soft);font-size:14px}.connection-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.connection-card{background:#f6efdf;padding:18px 6px;text-align:center;border:1px solid var(--line)}.connection-card span{display:block;font:38px/1.5 KufiLegacy,serif;direction:rtl}.connection-card small{font-size:10px;color:#716344}.process-section{background:#22251f}.process-sticky h2{font-size:clamp(44px,5vw,70px)}.process-frames img{border:8px solid #d1bc8f;box-shadow:0 15px 45px #0005}.process-frames{gap:70px}
.studio-preview{background:#f0e4c9 url('assets/vellum.webp') center/cover;background-blend-mode:soft-light;padding-block:130px}.studio-copy h2{font-size:clamp(45px,5vw,75px)}.studio-copy>p{font-size:16px}.studio-window{min-width:0;width:100%;border:1px solid #947432}.window-body{grid-template-columns:130px 1fr;min-height:420px}.mini-controls{padding:25px 12px;font-size:10px}.mini-canvas{margin:25px;background:#d7c49d url('assets/vellum.webp') center/cover}.mini-canvas .kufi{font-size:clamp(30px,3.8vw,54px)}.mini-canvas i{display:none}.catalogue-section{display:grid;grid-template-columns:.8fr 1fr;gap:10vw;align-items:center;background:#e5d4b4}.catalogue-section p:not(.eyebrow){color:var(--soft);max-width:46ch}.catalogue-object{max-width:360px;margin:auto;transform:perspective(1000px) rotateY(12deg) rotateZ(-3deg);box-shadow:15px 25px 40px #3c2b2033;border-left:8px solid #ae9570}.catalogue-object img{width:100%}.file-note{font-size:11px}.gallery-section{background:#f7efdfb8}.gallery-grid img{border:7px solid #ebddbf}.gallery-grid figcaption{flex-direction:column;gap:4px}.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.price-card{padding:35px 28px;background:#f7efdf;border:1px solid #c4ae79;display:flex;flex-direction:column}.price-card:first-child{background:#24271f;color:#f5e9cf}.price-card h3{font:30px/1.15 var(--display);margin:0}.price{font:54px/1.1 var(--display);margin:25px 0 6px}.price small{font:12px var(--sans);color:#796b4e}.price-card>p:not(.price):not(.eyebrow){font-size:12px;opacity:.78}.price-card ul{padding:0;margin:24px 0 32px;list-style:none}.price-card li{padding:10px 0;border-bottom:1px solid #9a815d33;font-size:13px}.price-card .button{margin-top:auto;letter-spacing:0;gap:10px}.price-card:first-child .button{background:#cfb16b;color:#24271f;border-color:#cfb16b}.pricing-note{max-width:800px;margin:30px auto 0;text-align:center;font-size:12px;color:var(--soft)}.closing{background:#27291f url('assets/vellum.webp') center/cover;background-blend-mode:multiply;color:#f5e7c3;min-height:65vh;position:relative;overflow:hidden}.closing h2 em{color:#c5a256}.closing:after{content:'كوفي';font:320px KufiLegacy;position:absolute;right:-30px;bottom:0;opacity:.06;pointer-events:none}.closing .button{position:relative;z-index:1;background:#d5bb7b;border-color:#d5bb7b}footer{padding-bottom:70px}.signature-strip{display:flex;align-items:center;justify-content:center;gap:25px;padding:24px;background:#08080a;color:#aaa;}.signature-strip>span{font-size:9px;letter-spacing:.16em}.signature-strip a{display:flex;gap:14px;align-items:center;text-decoration:none;color:#eee;font-size:12px;letter-spacing:.12em}.signature-strip img{width:54px;height:54px;object-fit:contain}.signature-strip small{display:block;font-size:9px;color:#999;letter-spacing:.04em;margin-top:4px}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bb963b;outline-offset:4px}dialog{max-width:min(1200px,94vw);max-height:94dvh;padding:20px;background:#f4ead2;border:1px solid #b6995b;color:#302719;overflow:auto}dialog::backdrop{background:#111d;backdrop-filter:blur(8px)}dialog img{max-height:78dvh;object-fit:contain}dialog p{font-size:12px;text-align:center}.dialog-close{display:block;margin:0 0 12px auto;min-height:44px;padding:8px 16px;background:#29291f;color:#fff;border:0}.scroll-progress{position:fixed;top:0;left:0;height:2px;width:100%;background:#d6b05a;transform-origin:left;transform:scaleX(0);z-index:110;pointer-events:none}.reveal{opacity:1}.motion-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal.is-visible{opacity:1;transform:none}
@media(min-width:961px){.hero-folio{animation:folioEnter 1.3s cubic-bezier(.2,.7,.2,1) both}@keyframes folioEnter{from{opacity:0;translate:0 40px}to{opacity:1;translate:0 0}}}
@media(max-width:1100px){.connection-grid{grid-template-columns:repeat(3,1fr)}.site-header{padding-inline:24px}.brand-name{font-size:10px}.site-header nav{gap:15px}}
@media(max-width:960px){.hero{grid-template-columns:1fr;padding:130px 7vw 70px;gap:55px}.hero-copy{max-width:650px}.hero h1{font-size:clamp(60px,10vw,95px)}.hero-folio{max-width:550px;justify-self:center;transform:rotate(2deg)}.hero-folio img{aspect-ratio:1.25}.glyph-grid{grid-template-columns:repeat(4,1fr)}.connection-section{grid-template-columns:1fr}.connection-grid{grid-template-columns:repeat(5,1fr)}.studio-window{margin-top:25px;transform:none;min-width:0}.catalogue-section{gap:50px}.price-grid{gap:10px}.price-card{padding:25px 18px}.price-card h3{font-size:26px}}
@media(max-width:620px){.hero{padding:120px 24px 65px;min-height:auto}.hero h1{font-size:clamp(51px,13vw,74px)}.hero .actions{flex-direction:column;align-items:stretch}.hero-folio{margin:0 5px}.hero-folio:before{inset:-9px}.hero-folio img{aspect-ratio:1}.hero .hero-index{display:none}.brand-name small{font-size:6px}.kufic-wordmark{min-width:64px;font-size:32px}.manifesto{padding:75px 24px}.alphabet-section,.catalogue-section,.pricing-section{padding:75px 24px}.glyph-grid{grid-template-columns:repeat(3,1fr)}.glyph-card{min-height:145px;padding:20px 6px}.glyph-card .glyph{font-size:43px}.connection-grid{grid-template-columns:repeat(2,1fr)}.folio-plate{padding:6px 6px 0}.folio-plate>span{font-size:8px;padding:12px 3px;letter-spacing:0}.window-body{grid-template-columns:85px 1fr;min-height:300px}.mini-controls{font-size:8px;gap:16px;padding:20px 7px}.mini-canvas{margin:15px}.mini-canvas .kufi{font-size:32px}.studio-window{transform:none;min-width:0;margin-bottom:0}.studio-preview{padding-block:75px}.catalogue-section{grid-template-columns:1fr}.catalogue-object{max-width:240px}.price-grid{grid-template-columns:1fr;gap:18px}.price-card{padding:30px}.closing h2{font-size:58px}.signature-strip{gap:12px;flex-wrap:wrap}.signature-strip>span{font-size:8px}.footer-links{gap:15px;flex-wrap:wrap}}
.scope-section{padding:0 max(28px,calc((100vw - 1280px)/2)) 90px}.scope-scroll{overflow:auto;border:1px solid var(--line)}.scope-scroll table{border-collapse:collapse;width:100%;min-width:600px;background:#f6efdf;font-size:13px;text-align:left}.scope-scroll caption{text-align:left;padding:22px;font:28px var(--display)}.scope-scroll th,.scope-scroll td{padding:18px;border-top:1px solid var(--line)}.scope-scroll thead{background:#dfcba1}.scope-scroll tbody th{font-weight:500}.scope-scroll td{color:var(--soft)}
.hero-folio img{aspect-ratio:auto;object-fit:contain}.hero h1{font-size:clamp(55px,6.2vw,98px)}.hero{min-height:max(730px,100svh)}
@media(max-width:620px){.hero{min-height:auto}.hero h1{font-size:clamp(49px,12.5vw,70px)}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none}.hero-folio,.catalogue-object{transform:none!important;animation:none}.scroll-progress{display:none}}