@font-face { font-family: "Thmanyah Sans"; src: url("media/thmanyahsans-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Thmanyah Sans"; src: url("media/thmanyahsans-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Thmanyah Sans"; src: url("media/thmanyahsans-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Thmanyah Sans"; src: url("media/thmanyahsans-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Thmanyah Sans"; src: url("media/thmanyahsans-Black.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Thmanyah Serif Display"; src: url("media/thmanyahserifdisplay-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Thmanyah Serif Display"; src: url("media/thmanyahserifdisplay-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Thmanyah Serif Display"; src: url("media/thmanyahserifdisplay-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Thmanyah Serif Display"; src: url("media/thmanyahserifdisplay-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Thmanyah Serif Display"; src: url("media/thmanyahserifdisplay-Black.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Thmanyah Serif Text"; src: url("media/thmanyahseriftext-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Thmanyah Serif Text"; src: url("media/thmanyahseriftext-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Thmanyah Serif Text"; src: url("media/thmanyahseriftext-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Thmanyah Serif Text"; src: url("media/thmanyahseriftext-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Thmanyah Serif Text"; src: url("media/thmanyahseriftext-Black.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }
:root{--green:#10342c;--dark:#0c2822;--paper:#f4ecdc;--gold:#d6ad6d;--ink:#19362c;--line:#82684248}
*{box-sizing:border-box}html{font-family:"Thmanyah Sans",sans-serif;scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;color:var(--ink);background:var(--paper);font-family:inherit}a{color:inherit;text-decoration:none}button,summary{cursor:pointer;font:inherit}img{display:block;max-width:100%}p{line-height:1.85}h1,h2,h3{font-family:"Thmanyah Serif Display",serif;line-height:1.24;margin:0}h2{font-size:clamp(32px,4vw,61px)}h3{font-size:22px}.wrap{width:min(91%,1320px);margin-inline:auto}.skip{position:fixed;top:-100px}.skip:focus{top:8px;z-index:12;background:var(--paper);padding:12px}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #ab793d;outline-offset:5px}
header{position:sticky;top:0;z-index:5;background:var(--dark);color:var(--paper);border-bottom:1px solid #d6ad6d55;transition:background .3s}.header{display:flex;justify-content:space-between;align-items:center;min-height:76px;gap:20px}.brand{font-family:"Thmanyah Serif Display";font-size:25px;white-space:nowrap}.brand img{width:145px;height:auto;max-height:70px;object-fit:contain}nav{display:flex;gap:clamp(14px,3.4vw,50px);font-size:14px}nav a{padding-block:12px;border-bottom:2px solid transparent}nav a:hover,nav a:focus-visible{border-color:var(--gold)}.menu{display:none}.scrolled header{background:#0c2822f5}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:530px;background:radial-gradient(ellipse at 30% 65%,#315347,transparent 65%),var(--green);color:var(--paper);display:flex;align-items:center}.hero-photo{position:absolute;inset:0 47% 0 0;z-index:-1;}.hero-photo img{height:100%;width:100%;object-fit:cover;filter:saturate(.77) brightness(.84)}.hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(to left,var(--green),transparent 54%),linear-gradient(to top,#0c282286,transparent 35%)}.hero-copy{width:min(53%,720px);margin-right:max(4.5%,calc((100% - 1320px)/2));padding:56px 0 63px;}.hero h1{font-size:clamp(47px,6.2vw,102px)}.latin{font-family:"Thmanyah Serif Text",serif;font-size:clamp(19px,2.4vw,33px);color:var(--gold);display:flex;align-items:center;justify-content:flex-end;gap:18px;margin:8px 0 20px}.latin:after{content:'';width:70px;height:1px;background:var(--gold)}.role{font-family:"Thmanyah Serif Text";font-size:clamp(19px,2.3vw,34px);line-height:1.42;margin:0;max-width:630px}.intro{font-family:"Thmanyah Serif Text",serif;font-size:15px;max-width:540px;margin:14px 0 22px;color:#f0e8d8}.buttons{display:flex;align-items:center;flex-wrap:wrap;gap:13px}.btn{padding:11px 23px;border-radius:5px;border:1px solid var(--gold);transition:transform .24s,background .24s}.btn:hover{transform:translateY(-3px)}.primary{background:var(--gold);color:var(--dark)}.outline{border-color:#eee3ce}
.evidence{display:grid;grid-template-columns:repeat(3,1fr);padding:20px 0;border-bottom:1px solid var(--line)}.evidence>div{display:flex;align-items:center;justify-content:center;gap:15px;padding:12px;border-inline-end:1px solid var(--line)}.evidence>div:last-child{border:0}.evidence strong,.credentials strong{font-family:"Thmanyah Serif Display";font-size:30px;color:#715124}.evidence span{font-size:15px}.portfolio{padding:48px 0 25px;background:radial-gradient(ellipse at 13% 20%,#d2b58c45,transparent 43%)}.heading p{max-width:690px;font-family:"Thmanyah Serif Text";margin:12px 0 0}.index{display:block;color:#775825;font-size:12px;margin-bottom:9px}.ribbon{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin-top:32px}.work{position:relative;isolation:isolate;overflow:hidden;min-width:0;background:#12362c;aspect-ratio: .75}.ribbon .work{clip-path:polygon(19% 0,100% 0,81% 100%,0 100%);margin-inline:-5%;aspect-ratio:.70}.work img{height:100%;width:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.75,.25,1)}.work:hover img{transform:scale(1.08)}.work:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#071813 100%);pointer-events:none}.work h3{position:absolute;inset:auto 13% 8% 13%;color:#fff5df;z-index:1;text-align:center;font-size:clamp(15px,1.55vw,24px);text-shadow:0 2px 6px #000}.expand{margin:20px 0 0}.expand summary{display:flex;justify-content:space-between;align-items:center;gap:12px;width:max-content;max-width:100%;padding:10px 16px;border:1px solid #967446;border-radius:5px;color:var(--dark);list-style:none}.expand summary::-webkit-details-marker{display:none}.expand[open] summary span{transform:rotate(45deg)}.work-grid,.paper-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}.work-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.platforms{text-align:center;padding:25px 0 30px;border-bottom:1px solid var(--line)}.platforms h2{font-size:29px;display:flex;align-items:center;gap:22px;justify-content:center}.platforms h2:before,.platforms h2:after{content:'';height:1px;background:#a88045;flex:1}.logos{display:flex;justify-content:center;align-items:center;gap:clamp(18px,5vw,70px);flex-wrap:wrap;margin:24px auto 10px}.logos img{width:104px;height:50px;object-fit:contain}.platforms p{font-size:12px;margin-bottom:0}.research{padding-block:50px}.section-grid{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:center}.research h2{font-size:clamp(31px,3.25vw,50px)}.paper-grid{margin-top:0}.expand .paper-grid{margin-top:20px}.paper{padding:18px;border:1px solid var(--line);border-top:3px solid #b3874f;border-radius:5px;background:linear-gradient(140deg,#fff9ec,#eae0cd);min-height:190px}.paper span{font-family:"Thmanyah Serif Text";color:#76562c}.paper h3{font-family:"Thmanyah Serif Text",serif;margin:12px 0;font-size:22px}.paper p{font-family:"Thmanyah Serif Text",serif;font-size:12px;margin:0}.paper small{font-size:11px}.about{background:radial-gradient(at 10% 30%,#d9c4a1,transparent 65%),#ece1ce;padding:42px 0}.about .section-grid{grid-template-columns:2fr 1fr}.credentials{border-inline-start:1px solid var(--line);padding-inline-start:25px}.credentials div{display:flex;align-items:center;gap:14px;padding-block:8px}.credentials span{font-size:14px}footer{background:var(--dark);color:var(--paper);padding:35px 0}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer h2{font-size:35px}.footer p{margin-bottom:0}.footer .buttons{gap:20px}
@keyframes copy-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.reveal{animation:copy-in .65s both}
@media(max-width:900px){.hero-copy{width:57%}.ribbon .work{aspect-ratio:.61}.section-grid,.about .section-grid{grid-template-columns:1fr}.credentials{border:0;padding:0}.work-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.header{min-height:65px}.brand{font-size:21px}.brand img{width:116px;max-height:59px}.menu{display:block;background:none;border:1px solid #d6ad6d75;color:var(--paper);border-radius:4px;padding:4px 11px;font-size:22px}nav{display:none;position:absolute;inset:100% 0 auto;background:var(--dark);padding:12px 5% 20px;flex-direction:column;gap:0}nav.open{display:flex}.hero{display:flex;flex-direction:column-reverse;align-items:stretch}.hero-copy{width:auto;margin:0;padding:31px 5% 18px}.hero h1{font-size:clamp(40px,12vw,62px)}.hero-photo{position:relative;inset:auto;height:310px}.hero-photo img{object-position:70% 38%!important}.hero-photo:after{background:linear-gradient(to bottom,var(--green),transparent 25%),linear-gradient(to top,#0c28225e,transparent 26%)}.intro{font-size:13px}.role{font-size:21px}.latin{margin-bottom:12px}.evidence{padding:10px 0}.evidence>div{flex-direction:column;text-align:center;gap:4px;padding:7px}.evidence strong{font-size:21px}.evidence span{font-size:10px}.portfolio{padding-top:33px}.ribbon{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:7px;padding:0 3px 10px;margin-top:23px}.ribbon .work{flex:0 0 47%;margin:0;scroll-snap-align:start;aspect-ratio:.76;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.work h3{font-size:15px}.work-grid,.paper-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.research .section-grid .paper-grid{grid-template-columns:1fr}.paper{min-height:0}.paper h3{font-size:19px}.logos{gap:18px}.logos img{width:83px;height:36px}.platforms h2{font-size:22px;gap:10px}.footer{display:block}.footer .buttons{margin-top:17px}.btn{padding:8px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.hero-photo{inset:10px 49% 0 2%;background:radial-gradient(ellipse at 48% 59%,#63775c88,transparent 60%);display:flex;align-items:flex-end}
.hero-photo img{object-fit:contain;filter:none}
.hero-photo::after{background:linear-gradient(to top,#0c2822aa,transparent 15%)}
@media(max-width:600px){.hero-photo{inset:auto;height:295px}.hero-photo img{object-position:center bottom}}

/* Keep the shaped Arabic heading intact inside its reveal mask. */
.motion-mask { overflow: clip; overflow-clip-margin: 3px; }
.motion-mask > span { display: block; }
.ribbon .work { transition: scale .32s ease, filter .32s ease; }
@media (hover: hover) and (pointer: fine) {
  .ribbon:has(.work:hover) .work:not(:hover) { filter: brightness(.91); }
  .ribbon .work:hover { scale: 1.035; z-index: 2; }
}
#works { overflow-x: clip; }