/* The supplied portfolio's paper, ink and copper palette is preserved. */
:root{--paper:#F5F1E8;--ink:#16130F;--accent:#C2603A;--accent-deep:#A24C28;--sage:#DCE2D3;--violet:#6A42CB}
html{scroll-padding-top:85px}body{overflow-x:clip}img{max-width:100%}a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid #2F5D80;outline-offset:6px}section{scroll-margin-top:58px}p{max-width:70ch}
.skip-link{position:fixed;top:-100px;left:20px;padding:15px;background:#fff;z-index:100}.skip-link:focus{top:10px}
nav{height:70px!important}nav a{letter-spacing:.06em}#top{padding-top:120px!important}#om-hero>div:nth-child(2){align-items:center!important}#om-hero>div:nth-child(2)>div:last-child{max-width:410px!important;flex-basis:300px!important;transform:rotate(2deg)}#om-bg{aspect-ratio:4/4.4!important}#om-hero h1{font-size:clamp(78px,11.1vw,160px)!important}#om-hero>div:nth-child(2)>div:last-child>div:first-child{padding:12px!important;box-shadow:12px 18px 0 #E4D8C7;border:0!important}#om-hero>div:nth-child(3){padding-bottom:18px}#om-hero>div:nth-child(4){display:none!important}.cv-link{display:inline-flex;align-items:center;padding:12px 18px;border-bottom:1px solid var(--accent);font-size:13px;color:var(--accent-deep)}
.work-peek{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:38px 0 48px}.work-peek a{position:relative;overflow:hidden;display:block;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 5px 18px #16130f0b}.work-peek img{display:block;width:100%;height:auto;aspect-ratio:2.3;object-fit:cover;object-position:top;transition:transform .35s}.work-peek a:hover img{transform:scale(1.025)}.work-peek span{display:block;padding:13px 16px;font-size:13px;font-weight:500}.work-peek span:after{content:'↗';float:right}
.brand-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.brand-tile{display:flex;flex-direction:column;justify-content:center;gap:15px;text-align:center;background:#FCFAF6;min-height:165px;padding:22px 12px;min-width:0}.brand-tile>div:last-child>div:first-child{font-size:12px!important}.brand-tile>div:last-child>div:last-child{font-size:10px!important;line-height:1.5}.brand-logo{display:flex;align-items:center;justify-content:center;width:100%;height:58px}.brand-logo img{width:138px;height:58px;object-fit:contain}.brand-logo.publicis img{width:105px}.brand-logo.spl img{width:60px}.brand-logo.turkpidya img{width:56px}.brand-logo.murabba,.brand-logo.stryber{background:#24221F;padding:8px;border-radius:3px}.brand-name{font-family:'Instrument Serif',serif;font-size:29px}.brand-logo.moct img{width:150px}.brand-logo.aiixx img{width:105px}
#numbers>div>div:nth-child(2){border:0!important;background:none!important;gap:24px!important}#numbers>div>div:nth-child(2)>div{border-top:3px solid var(--accent);padding:25px 0!important;background:transparent!important}
.system-visual{background:#DCE2D3;min-height:380px;padding:34px 26px;display:flex;flex-direction:column;justify-content:center}.system-title{font-family:'Instrument Serif',serif;font-size:36px;line-height:1.1}.language-pair{display:flex;gap:14px;margin-top:30px}.language-pair>span{flex:1;padding:20px 6px;text-align:center;border:1px solid #6c7757;background:#f3f5ec;font-size:21px}.language-pair>span[lang]{font-family:'Noto Kufi Arabic',sans-serif}.system-branch{height:35px;border-left:1px solid #6c7757;margin-left:50%}.system-parts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.system-parts span{padding:14px 7px;background:#bbc9ab;text-align:center;font-size:12px}.system-output{margin-top:24px;text-align:center;font-size:13px}
.case-study{padding-top:60px!important;padding-bottom:60px!important}.case-logo{width:118px;height:62px;display:flex;align-items:center;justify-content:center;padding:10px;background:white}.case-logo img{max-height:48px;width:100%;object-fit:contain}.case-logo.spl,.case-logo.turkpidya{width:70px}.case-study>div>div:nth-child(2){display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px!important;align-items:center}.case-study h3{font-size:clamp(32px,3.7vw,53px)!important;max-width:24ch!important}.case-study p{font-size:15px!important;line-height:1.8!important}.project-figure{width:100%;align-self:center!important}.project-figure>div{padding:22px!important;background:#E8DDD0!important;border:0!important;box-shadow:none}.project-figure .screen-frame{padding:24px 18px 0!important;overflow:hidden;box-shadow:none}.project-screen{display:block;width:100%;height:auto;aspect-ratio:1.34;object-fit:cover;object-position:top;border-radius:6px 6px 0 0;box-shadow:0 12px 30px #16130f24}.project-figure figcaption{font-family:'Archivo',sans-serif!important;text-transform:none!important;letter-spacing:0!important;font-size:12px!important;line-height:1.6!important;color:#635B51!important}.case-2 .project-figure>div{background:#DCD3F1!important}.case-3 .project-figure>div{background:#D5DED7!important}.case-4 .project-figure>div{background:#C9E3CE!important}.case-6 .project-figure>div{background:#CFD9E5!important}.case-2,.case-4,.case-6{background:#FCFAF6}.scope{margin-top:30px;border-top:1px solid #16130f22}.scope summary{cursor:pointer;padding:19px 0;font-size:14px;font-weight:500}.scope ul{margin-top:0!important;gap:14px!important;background:none!important;border:0!important}.scope li{padding:20px!important;background:#fff!important;border:1px solid #16130f13}
.fan-visual{position:relative;aspect-ratio:1.2;background:#253C35;overflow:hidden;color:#fff;padding:20px}.pitch-lines{position:absolute;inset:20px;border:1px solid #ffffff24}.pitch-lines:before{content:'';position:absolute;top:0;bottom:0;left:50%;border-left:1px solid #ffffff24}.pitch-lines:after{content:'';position:absolute;width:100px;height:100px;border:1px solid #ffffff24;border-radius:50%;left:calc(50% - 50px);top:calc(50% - 50px)}.fan-core{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);background:#DBEF9D;color:#21332F;border-radius:60px;padding:22px 24px;font-size:30px;font-weight:600;box-shadow:0 0 0 13px #dbef9d13}.fan-core span{display:block;font-size:10px;font-weight:400;margin-top:6px;white-space:nowrap}.fan-node{position:absolute;font-size:15px}.fan-node small{display:block;font-size:10px;color:#c9d6c7;margin-top:6px}.fan-node strong{display:block;font-family:'Instrument Serif',serif;font-size:44px;font-weight:400}.node-a{top:27px;left:34px}.node-b{bottom:63px;left:32px}.node-c{right:34px;bottom:63px}.fan-foot{position:absolute;bottom:26px;font-size:11px;text-align:center;left:0;right:0;color:#bfd0bc}
.app-visual{display:flex;gap:16px;background:#d8e3f1;padding:26px 36px 0;overflow:hidden;height:340px;justify-content:center}.app-visual img{width:42%;height:430px;object-fit:cover;object-position:top;border-radius:17px;box-shadow:0 9px 24px #1e2c4330}.app-visual img:nth-child(2){transform:translateY(30px)}.product-screen{display:block;width:100%;height:340px;object-fit:cover;object-position:top}#built article{overflow:hidden;border:0!important;box-shadow:0 12px 30px #16130f0a}#built article>div:first-child{padding:0!important}.text-mark{font-size:20px;font-weight:600;letter-spacing:-.05em;color:#48423A;display:inline-block;line-height:1.1}#contact a:hover{color:#E0A585!important}
@media(min-width:1500px){#top{padding-top:140px!important}.work-peek{margin-top:45px}}@media(max-width:1000px){.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.case-study>div>div:nth-child(2){gap:28px!important}.fan-core{font-size:24px;padding:18px}.fan-node{font-size:12px}.node-a{left:24px;top:20px}.node-b{left:24px;bottom:58px}.node-c{right:24px;bottom:58px}}
@media(max-width:700px){nav{padding:0 16px!important}nav>div{gap:13px!important;font-size:10px!important}nav a[href="#numbers"],nav a[href="#built"]{display:none}nav>a>span{font-size:16px!important}#top{padding-top:103px!important}#om-hero>div:first-child>div{font-size:9px!important;letter-spacing:.06em!important}#om-hero>div:first-child>div:last-child{display:none}#om-hero>div:nth-child(2){gap:24px!important}#om-hero>div:nth-child(2)>div:first-child{flex:1 1 100%!important}#om-hero>div:nth-child(2)>div:last-child{max-width:none!important;flex:1 1 100%!important;transform:none;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:20px}#om-hero>div:nth-child(2)>div:last-child>div:last-child{font-size:10px!important;line-height:1.8}#om-hero h1{font-size:clamp(78px,19.5vw,130px)!important}#om-bg{aspect-ratio:1!important}#om-hero>div:nth-child(3){margin-top:32px!important}#om-hero>div:nth-child(3)>p:first-child{font-size:29px!important}.work-peek{gap:10px;margin-top:24px}.work-peek img{aspect-ratio:1.25}.work-peek span{font-size:10px;padding:10px;line-height:1.4}.work-peek span:after{display:none}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-tile{min-height:145px;padding:20px 10px}.brand-logo img{width:110px}.case-study>div>div:nth-child(2){display:flex!important;flex-direction:column;gap:24px!important}.case-study>div>div:nth-child(2)>*{flex:auto!important;width:100%;order:initial!important}.case-study .project-figure{order:-1!important}.case-study h3{font-size:36px!important}.case-study{padding-top:40px!important;padding-bottom:42px!important}.project-figure .screen-frame{padding:18px 14px 0!important}.fan-visual{aspect-ratio:1.2}.case-logo{width:94px} .app-visual,.product-screen{height:290px}.app-visual{padding:22px 20px 0}.app-visual img{height:360px}.system-title{font-size:32px}#contact h2{font-size:clamp(42px,9vw,70px)!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}}
.brand-logo.sanabil,.case-logo.sanabil{background:#273830;padding:10px;border-radius:3px}.brand-logo.turkpidya img{width:44px;height:44px}#om-hero>div:nth-child(2)>div:last-child>div:last-child{margin-top:28px!important}
.brand-logo.aiixx,.case-logo.aiixx{background:#082C21;padding:10px;border-radius:3px}