:root{--cream:#f5f1e8;--ink:#111;--accent:#c96f45;--sand:#e4ddd0;--muted:#6f6a63;--line:#d5ccbd;--black:#111;--pad:clamp(1.25rem,4vw,4.5rem);--mx:50vw;--my:50vh}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans Arabic",sans-serif;font-weight:400;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}.skip{position:fixed;z-index:1000;top:-4rem;right:1rem;background:var(--cream);padding:.8rem 1rem}.skip:focus{top:1rem}.scroll-progress{position:fixed;z-index:300;bottom:0;right:0;width:100%;height:4px;background:var(--accent);transform:scaleX(0);transform-origin:right}.topbar{position:absolute;z-index:210;top:0;right:0;width:100%;height:96px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--cream);border-bottom:1px solid rgba(245,241,232,.18)}.brand{display:flex;align-items:center;justify-self:start;gap:.8rem}.brand span{display:grid;place-items:center;width:38px;height:38px;background:var(--accent);font:800 .8rem "Noto Kufi Arabic"}.brand b{font:600 .72rem "Noto Kufi Arabic";text-transform:uppercase;letter-spacing:.08em}.topbar>p{margin:0;font-size:.72rem;opacity:.62}.menu-toggle{justify-self:end;display:flex;align-items:center;gap:1rem;border:0;background:transparent;padding:.75rem 0;cursor:pointer}.menu-toggle span{font-size:.78rem}.menu-toggle i,.menu-toggle i:after{display:block;width:34px;height:1px;background:currentColor;content:"";transition:.35s}.menu-toggle i:after{transform:translateY(7px)}.menu-toggle[aria-expanded=true] i{transform:rotate(45deg)}.menu-toggle[aria-expanded=true] i:after{transform:rotate(-90deg)}.menu{position:fixed;z-index:200;inset:0;background:var(--accent);color:var(--black);padding:120px var(--pad) 2rem}.menu[hidden]{display:none}.menu-noise{position:absolute;inset:0;pointer-events:none;opacity:.25;background:radial-gradient(circle at var(--mx) var(--my),#f7b58d 0,transparent 22%)}.menu nav{position:relative;display:flex;flex-direction:column;width:min(900px,100%)}.menu nav a{display:flex;align-items:start;gap:2rem;border-bottom:1px solid rgba(17,17,17,.28);font:700 clamp(2.2rem,6vw,6rem)/1.25 "Noto Kufi Arabic";transition:padding .25s}.menu nav a:hover{padding-right:2rem}.menu nav small{font:500 .7rem "Noto Sans Arabic";padding-top:1.3em}.menu-foot{position:absolute;right:var(--pad);left:var(--pad);bottom:2rem;display:flex;justify-content:space-between;font-size:.75rem}.hero{position:relative;isolation:isolate;min-height:100svh;padding:160px var(--pad) 3rem;background:var(--black);color:var(--cream);overflow:hidden}.hero:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:8vw 8vw;mask-image:linear-gradient(to bottom,black,transparent 90%)}.hero-glow{position:absolute;z-index:-1;left:2vw;top:8vh;width:min(52vw,760px);aspect-ratio:1;background:radial-gradient(circle at 46% 48%,#e39b73 0 4%,var(--accent) 18%,#5d2b20 39%,transparent 69%);filter:blur(18px);opacity:.8;animation:breathe 7s ease-in-out infinite alternate}.hero-glow:after{content:"";position:absolute;inset:22%;border:1px solid rgba(255,255,255,.25);transform:rotate(18deg)}.hero-index{position:absolute;left:var(--pad);top:126px;font-size:.67rem;letter-spacing:.24em;opacity:.5}.hero-title{position:relative;width:min(1100px,88vw);margin-right:clamp(0px,6vw,110px)}.eyebrow{font:600 .72rem "Noto Kufi Arabic";letter-spacing:.22em;margin:0 0 3rem}.hero h1{margin:0;font:800 clamp(3.4rem,9.8vw,10.5rem)/1.07 "Noto Kufi Arabic";letter-spacing:-.075em}.hero h1 span{display:block;width:max-content;max-width:100%}.hero h1 .outline{margin-right:10vw;color:transparent;-webkit-text-stroke:1px rgba(245,241,232,.75)}.hero h1 .accent-word{margin-right:31vw;color:var(--accent)}.hero-end{position:absolute;right:var(--pad);left:var(--pad);bottom:3rem;display:flex;align-items:end;justify-content:space-between}.hero-end>p{width:min(370px,40vw);margin:0;color:#c9c3b8;font-size:clamp(.95rem,1.3vw,1.2rem);line-height:1.9}.hero-end>div{display:flex;align-items:center;gap:2rem}.action{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-width:185px;padding:.9rem 1.1rem;border:1px solid}.action.light{border-color:var(--cream)}.action.dark{border-color:var(--black)}.action span{font-size:1.4rem}.text-link{font-size:.78rem;border-bottom:1px solid;padding-bottom:.35rem}.vertical-note{position:absolute;left:1.1rem;top:43%;margin:0;writing-mode:vertical-lr;font-size:.55rem;letter-spacing:.18em;opacity:.5}.manifesto{position:relative;min-height:120vh;padding:10rem var(--pad);display:grid;grid-template-columns:minmax(100px,1fr) 5fr;overflow:hidden}.section-label{display:flex;gap:.75rem;align-items:center;align-self:start;font-size:.72rem}.section-label span{font-family:"Noto Kufi Arabic"}.section-label p{margin:0;color:var(--muted)}.section-label:after{content:"";width:54px;height:1px;background:var(--line)}.section-label.inverse p{color:#aaa}.section-label.inverse:after{background:#444}.manifesto-copy{position:relative}.kicker{width:240px;margin:0 0 5rem;color:var(--muted);line-height:1.8}.manifesto h2,.work-head h2,.adv-title h2,.process-heading h2,.faq-head h2,.contact-title h2{margin:0;font:700 clamp(3rem,7vw,7.8rem)/1.3 "Noto Kufi Arabic";letter-spacing:-.06em}.manifesto h2 em,.work-head h2 em,.adv-title h2 em,.faq-head h2 em,.contact-title h2 em{font-style:normal;color:var(--accent)}.manifesto-note{display:grid;grid-template-columns:1fr 1fr;gap:3rem;width:min(680px,90%);margin:7rem 0 0 auto;padding-top:1.5rem;border-top:1px solid var(--line)}.manifesto-note span{font:600 .8rem "Noto Kufi Arabic"}.manifesto-note p{margin:0;color:var(--muted);line-height:2}.giant-mark{position:absolute;bottom:-12vw;right:-2vw;color:transparent;-webkit-text-stroke:1px var(--line);font:900 38vw/1 "Noto Kufi Arabic";letter-spacing:-.1em;opacity:.7;pointer-events:none}.services{background:var(--black);color:var(--cream);padding:9rem var(--pad)}.services-intro{display:grid;grid-template-columns:1fr 2.1fr 1fr;gap:2rem;align-items:end;margin-bottom:7rem}.services-intro h2{margin:0;font:700 clamp(2.6rem,5.7vw,6rem)/1.32 "Noto Kufi Arabic";letter-spacing:-.05em}.services-intro h2 em{font-style:normal;color:var(--accent)}.services-intro>p{margin:0 0 .7rem;color:#999;font-size:.8rem}.service-line{border-top:1px solid #3a3a3a;transition:.3s}.service-line:last-child{border-bottom:1px solid #3a3a3a}.service-line button{width:100%;display:grid;grid-template-columns:80px 1fr auto;align-items:center;padding:2rem 0;border:0;background:transparent;text-align:right;cursor:pointer}.service-line button>span{font:.75rem "Noto Kufi Arabic";color:#777}.service-line h3{margin:0;font:600 clamp(2rem,4.6vw,5rem)/1.3 "Noto Kufi Arabic";transition:.35s}.service-line button>i{font-style:normal;font-size:2rem;transition:.35s}.service-line:hover h3,.service-line.open h3{color:var(--accent);padding-right:2vw}.service-line.open button>i{transform:rotate(90deg)}.service-detail{display:grid;grid-template-columns:80px 1fr auto;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s,opacity .35s,padding .5s}.service-line.open .service-detail{max-height:220px;opacity:1;padding:0 0 2.5rem}.service-detail p{grid-column:2;width:min(460px,80%);margin:0;color:#aaa;line-height:1.9}.service-detail b{font:900 6rem/1 "Noto Kufi Arabic";color:#222}.work{padding:10rem var(--pad)}.work-head{display:grid;grid-template-columns:1fr 2.2fr 1fr;gap:2rem;align-items:end;margin-bottom:8rem}.work-head>p{margin:0;color:var(--muted);line-height:1.9}.work-gallery{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(1rem,2vw,2rem)}.work-piece{margin-bottom:5rem}.piece-1{grid-row:span 2}.piece-3{grid-column:2}.piece-art{position:relative;isolation:isolate;min-height:420px;overflow:hidden;background:var(--a);color:var(--b)}.piece-1 .piece-art{min-height:850px}.piece-art:before{content:"";position:absolute;z-index:-1;inset:10%;background:linear-gradient(140deg,var(--b),transparent 55%),radial-gradient(circle at 70% 30%,var(--d),transparent 52%);filter:saturate(.75)}.piece-art:after{content:"";position:absolute;width:65%;height:42%;left:-8%;bottom:10%;border:1px solid currentColor;transform:rotate(-12deg);mix-blend-mode:difference}.piece-art span{position:absolute;top:1.5rem;right:1.5rem;font:.7rem "Noto Kufi Arabic"}.piece-art b{position:absolute;bottom:-.1em;right:-.04em;font:900 clamp(7rem,17vw,18rem)/1 "Noto Kufi Arabic";letter-spacing:-.12em;opacity:.9}.piece-art i{position:absolute;top:28%;right:15%;width:42%;aspect-ratio:1;background:var(--d);box-shadow:5vw 5vw 0 var(--b);transform:rotate(28deg)}.piece-caption{display:grid;grid-template-columns:1fr auto;align-items:end;padding-top:1rem}.piece-caption span,.piece-caption p{font-size:.7rem;color:var(--muted)}.piece-caption h3{grid-row:2;margin:.2rem 0;font:600 clamp(1.6rem,3vw,3.3rem) "Noto Kufi Arabic"}.piece-caption p{grid-row:2;margin:0}.advantages{padding:9rem var(--pad);background:var(--accent);display:grid;grid-template-columns:1fr 1.8fr;gap:6vw}.adv-title>span{font-size:.7rem}.adv-title h2{margin-top:5rem}.adv-title h2 em{color:var(--cream)}.adv-track{border-top:1px solid rgba(17,17,17,.35)}.adv-item{display:grid;grid-template-columns:60px 1fr;padding:1.8rem 0;border-bottom:1px solid rgba(17,17,17,.35)}.adv-item span{font-size:.68rem}.adv-item p{margin:0;font:600 clamp(1.35rem,2.2vw,2.3rem) "Noto Kufi Arabic"}.process{background:var(--black);color:var(--cream);padding:9rem var(--pad)}.process-heading{display:grid;grid-template-columns:1fr 2.2fr;gap:4rem;margin-bottom:7rem}.process-steps{margin:0;padding:0;list-style:none}.process-steps li{position:relative;display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:2rem;align-items:start;padding:3rem 0;border-top:1px solid #363636}.process-steps li:last-child{border-bottom:1px solid #363636}.process-steps li>span{font:800 clamp(5rem,10vw,11rem)/.8 "Noto Kufi Arabic";color:#292929;letter-spacing:-.1em;transition:.35s}.process-steps li:hover>span{color:var(--accent)}.process-steps h3{margin:0;font:600 clamp(2rem,4vw,4rem) "Noto Kufi Arabic"}.process-steps p{margin:.6rem 0 0;color:#999;line-height:1.9}.statement{min-height:100svh;padding:8rem var(--pad);display:flex;flex-direction:column;justify-content:space-between;background:var(--cream)}.statement>p{font-size:.75rem;color:var(--muted)}.statement h2{margin:4rem 0;font:800 clamp(3.5rem,8.8vw,10rem)/1.3 "Noto Kufi Arabic";letter-spacing:-.075em}.statement h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--accent)}.statement-end{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding-top:1.5rem}.statement-end p{font:500 clamp(1.2rem,2vw,2rem) "Noto Kufi Arabic";margin:0}.faq{padding:10rem var(--pad);display:grid;grid-template-columns:1fr 1.8fr;gap:8vw;border-top:1px solid var(--line)}.faq-head .section-label{margin-bottom:4rem}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{display:grid;grid-template-columns:55px 1fr auto;gap:1rem;align-items:center;width:100%;padding:2rem 0;border:0;background:transparent;text-align:right;cursor:pointer}.faq-item button span{font-size:.7rem;color:var(--muted)}.faq-item button b{font:500 clamp(1rem,1.6vw,1.4rem) "Noto Kufi Arabic"}.faq-item button i{font-style:normal;font-size:1.7rem;color:var(--accent)}.faq-answer p{margin:0;padding:0 55px 2rem 3rem;color:var(--muted);line-height:1.9}.contact{padding:10rem var(--pad);background:var(--sand);display:grid;grid-template-columns:1fr 1.25fr;gap:8vw}.contact-title>span{font-size:.72rem}.contact-title h2{margin-top:4rem}.contact-title>p{max-width:350px;color:var(--muted);line-height:1.9}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:1.7rem 2rem;align-content:start}.contact-form label{display:flex;flex-direction:column;gap:.7rem}.contact-form label span{font-size:.72rem;color:var(--muted)}.contact-form .wide{grid-column:1/-1}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #aaa198;background:transparent;border-radius:0;padding:.6rem 0;outline:none;color:var(--ink);resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--accent)}.contact-form button{grid-column:1/-1;display:flex;justify-content:space-between;padding:1.1rem 1.3rem;border:0;background:var(--black);color:var(--cream);cursor:pointer}.form-status{grid-column:1/-1;margin:0;font-size:.7rem;color:var(--muted)}.form-status.sent{color:#4f6d46}footer{padding:7rem var(--pad) 2rem;background:var(--black);color:var(--cream);overflow:hidden}.footer-word{font:800 clamp(4rem,13vw,14rem)/1 "Noto Kufi Arabic";letter-spacing:-.09em;white-space:nowrap;color:var(--accent);transform:translateX(1vw)}.footer-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;padding:5rem 0}.footer-row p{margin:0;font:500 clamp(1.1rem,2vw,1.8rem) "Noto Kufi Arabic"}.footer-row nav,.footer-row [data-socials]{display:flex;flex-direction:column;gap:.7rem;font-size:.8rem}.legal{display:flex;justify-content:space-between;border-top:1px solid #333;padding-top:1.5rem;color:#777;font-size:.65rem}.legal i{font-style:normal}.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.shown{opacity:1;transform:none}.hero h1 .reveal:nth-child(2){transition-delay:.1s}.hero h1 .reveal:nth-child(3){transition-delay:.2s}@keyframes breathe{to{transform:scale(1.08) rotate(5deg);filter:blur(28px)}}
@media(max-width:900px){.topbar{grid-template-columns:1fr 1fr;height:76px}.topbar>p{display:none}.hero{padding-top:130px;min-height:900px}.hero-title{width:100%;margin:0}.hero h1{font-size:clamp(3.2rem,13vw,7rem)}.hero h1 .outline{margin-right:4vw}.hero h1 .accent-word{margin-right:18vw}.hero-glow{width:85vw;top:30vh;left:-25vw}.hero-end{display:block}.hero-end>p{width:min(420px,85vw);margin-bottom:1.5rem}.hero-end>div{justify-content:space-between}.vertical-note{display:none}.manifesto{grid-template-columns:1fr;gap:5rem;min-height:100vh}.services-intro,.work-head{grid-template-columns:1fr;align-items:start}.service-detail{grid-template-columns:60px 1fr}.service-detail b{display:none}.work-gallery{grid-template-columns:1fr 1fr}.piece-1{grid-column:1/-1;grid-row:auto}.piece-1 .piece-art{min-height:70vw}.piece-3{grid-column:auto}.advantages,.faq,.contact{grid-template-columns:1fr}.process-heading{grid-template-columns:1fr;gap:4rem}.process-steps li{grid-template-columns:1fr 1fr}.process-steps p{grid-column:2}.footer-row{grid-template-columns:1fr 1fr}.footer-row p{grid-column:1/-1}}
@media(max-width:600px){:root{--pad:1.15rem}.topbar{height:68px}.brand b{display:none}.hero{padding-top:112px;min-height:760px}.hero-index{top:90px}.eyebrow{margin-bottom:2rem}.hero h1{font-size:13.2vw;letter-spacing:-.06em}.hero h1 .outline{margin-right:0}.hero h1 .accent-word{margin-right:8vw}.hero-end{bottom:1.5rem}.hero-end>div{gap:1rem}.text-link{font-size:.7rem}.action{min-width:160px}.manifesto,.services,.work,.advantages,.process,.statement,.faq,.contact{padding-top:6.5rem;padding-bottom:6.5rem}.manifesto{gap:3rem}.kicker{margin-bottom:3rem}.manifesto h2,.work-head h2,.adv-title h2,.process-heading h2,.faq-head h2,.contact-title h2{font-size:10.7vw}.manifesto-note{grid-template-columns:1fr;margin-top:4rem}.services-intro{margin-bottom:4rem}.service-line button{grid-template-columns:42px 1fr auto;padding:1.5rem 0}.service-line h3{font-size:1.65rem}.service-detail{grid-template-columns:42px 1fr}.service-detail p{width:100%;font-size:.9rem}.work-head{margin-bottom:4rem}.work-gallery{grid-template-columns:1fr}.piece-1 .piece-art,.piece-art{min-height:115vw}.piece-3{grid-column:1}.piece-caption{grid-template-columns:1fr}.piece-caption p{grid-row:auto}.advantages{gap:4rem}.adv-title h2{margin-top:2rem}.process-heading{margin-bottom:4rem}.process-steps li{grid-template-columns:100px 1fr;padding:2rem 0}.process-steps li>span{font-size:4.5rem}.process-steps h3{font-size:2rem}.statement{min-height:820px}.statement h2{font-size:12vw}.statement-end{display:block}.statement-end p{margin-bottom:2rem}.faq{gap:4rem}.faq-head .section-label{margin-bottom:2rem}.faq-item button{grid-template-columns:35px 1fr auto;padding:1.5rem 0}.faq-answer p{padding-right:35px}.contact{gap:4rem}.contact-form{grid-template-columns:1fr}.contact-form label,.contact-form .wide{grid-column:1}.footer-row{grid-template-columns:1fr}.footer-row p{grid-column:auto}.legal{flex-direction:column;gap:.7rem}.menu{padding-top:95px}.menu nav a{font-size:2.1rem}.menu nav small{padding-top:.8em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}