:root{--paper-1: #efe7dc;--paper-2: #e4dbcc;--paper-3: #d3c7b3;--ink-4: #86786a;--ink-3: #655a4e;--ink-2: #463d35;--ink-1: #2b2520;--accent: #5a3a22;--focus-ring: #8a6648;--signal: #9b2c1b;--surface: var(--paper-1);--surface-sunken: var(--paper-2);--rule: var(--paper-3);--stroke: var(--ink-4);--text: var(--ink-1);--text-secondary: var(--ink-2);--text-muted: var(--ink-3);--text-on-ink: var(--paper-1);--text-on-accent: var(--paper-1);--font-stack-arabic: "IBM Plex Sans Arabic", "IBM Plex Sans", "IBM Plex Sans Arabic Fallback", sans-serif;--font-stack-latin: "IBM Plex Sans", "IBM Plex Sans Arabic", "IBM Plex Sans Fallback", sans-serif;--font-stack-naskh: "Noto Naskh Arabic", "IBM Plex Sans", "Noto Naskh Arabic Fallback", serif;--type-xs: 13px;--type-sm: 15px;--type-md: 17px;--type-lg: 20px;--type-xl: 24px;--type-2xl: 32px;--type-3xl: 44px;--type-4xl: 56px;--leading-body-ar: 1.7;--leading-body-en: 1.5;--leading-ui-ar: 1.5;--leading-ui-en: 1.35;--leading-display-ar: 1.35;--leading-display-en: 1.1;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--tracking-display-en: -.015em;--tracking-caps-en: .08em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--section-gap: var(--space-9);--measure-form: 680px;--measure-text: 62ch;--page-max: 1200px;--page-gutter: var(--space-8);--radius-none: 0;--radius-hair: 2px;--radius-soft: 4px;--hairline: 1px;--rule-hairline: var(--hairline) solid var(--rule);--rule-ink: var(--hairline) solid var(--ink-1);--stroke-hairline: var(--hairline) solid var(--stroke);--hairline-shadow: 0 1px 0 0 var(--rule);--selected-shadow: inset 0 0 0 1px var(--accent);--focus-width: 2px;--focus-offset: 2px;--control-height: 52px;--button-height: 48px;--tap-min: 44px;--duration: .16s;--ease: cubic-bezier(.2, 0, 0, 1);--step-title-size: var(--type-4xl);--section-title-size: var(--type-2xl)}@media(max-width:720px){:root{--page-gutter: var(--space-5);--section-gap: var(--space-8);--step-title-size: var(--type-2xl);--section-title-size: var(--type-xl)}}@media(prefers-reduced-motion:reduce){:root{--duration: 0ms}}@font-face{font-family:IBM Plex Sans;src:url(/fonts/IBMPlexSans-VF.woff2) format("woff2");font-weight:100 700;font-stretch:75% 100%;font-style:normal;font-display:swap;unicode-range:U+0000-024F,U+0259,U+02B0-02FF,U+0300-036F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF,U+2100-218F,U+2190-21FF,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/IBMPlexSansArabic-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+25CC}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/IBMPlexSansArabic-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+25CC}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/IBMPlexSansArabic-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+25CC}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/IBMPlexSansArabic-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+25CC}@font-face{font-family:IBM Plex Sans Arabic Fallback;src:local("Arial"),local("Liberation Sans");size-adjust:101.23%;ascent-override:107.18%;descent-override:40.99%;line-gap-override:0%}@font-face{font-family:IBM Plex Sans Fallback;src:local("Arial"),local("Liberation Sans");size-adjust:101.23%;ascent-override:101.25%;descent-override:27.17%;line-gap-override:0%}:root{--type-hero: clamp(52px, 9.2vw, 136px);--type-page: clamp(40px, 6vw, 88px);--type-how: clamp(32px, 5vw, 64px);--line-stroke: 3px;--dot: 14px;--hero-wipe: .6s}@media(max-width:720px){:root{--line-stroke: 2px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--surface);color:var(--text);font-family:var(--font-stack-latin);font-size:var(--type-md);line-height:var(--leading-body-en);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;min-height:100dvh;display:flex;flex-direction:column;overflow-x:clip}html[lang=ar] body{font-family:var(--font-stack-arabic);line-height:var(--leading-body-ar)}img,svg{display:block;max-inline-size:100%;height:auto}h1,h2,h3,p,ul,ol,figure{margin:0}[hidden]{display:none!important}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.3em;text-decoration-skip-ink:auto}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}::selection{background:var(--paper-3)}.skip-link{position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);background:var(--ink-1);color:var(--text-on-ink);padding:var(--space-2) var(--space-4);border-radius:var(--radius-hair);transform:translateY(-200%);z-index:10}.skip-link:focus{transform:none}.ltr{direction:ltr;unicode-bidi:isolate}.secondary{color:var(--text-secondary)}.wrap{inline-size:100%;max-inline-size:var(--page-max);margin-inline:auto;padding-inline:var(--page-gutter)}main{flex:1;position:relative}main>section{position:relative;z-index:1}.ink{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:0;pointer-events:none;overflow:visible;color:var(--accent);opacity:0}.ink.is-ready{opacity:1}.ink path{fill:none;stroke:currentColor;stroke-width:var(--line-stroke);stroke-linecap:round;stroke-linejoin:round}.ink rect{fill:currentColor}.pin{position:absolute;inset-inline-start:var(--px, 0%);inset-block-start:var(--py, 0%);inline-size:0;block-size:0;pointer-events:none}.button{display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--button-height);padding-inline:var(--space-5);border:var(--hairline) solid var(--ink-1);border-radius:var(--radius-hair);background:var(--ink-1);color:var(--text-on-ink);text-decoration:none;font-weight:var(--weight-medium);line-height:var(--leading-ui-en);cursor:pointer;transition:background-color var(--duration) var(--ease),border-color var(--duration) var(--ease)}html[lang=ar] .button{line-height:var(--leading-ui-ar)}.button:hover{background:var(--accent);border-color:var(--accent)}.button--quiet{background:transparent;color:var(--text);border-color:var(--stroke)}.button--quiet:hover{background:var(--surface-sunken);border-color:var(--ink-1)}.button[disabled]{opacity:.6;cursor:progress}.quiet-link{color:var(--accent);text-decoration:underline;text-decoration-color:var(--paper-3);transition:text-decoration-color var(--duration) var(--ease)}.quiet-link:hover{text-decoration-color:currentColor}.top__row{display:flex;align-items:center;gap:var(--space-5);min-block-size:80px}.brand{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none;margin-inline-end:auto;font-weight:var(--weight-medium)}.brand img{inline-size:36px;block-size:36px;border-radius:var(--radius-soft)}.nav{display:flex;align-items:center;gap:var(--space-5)}.nav a{text-decoration:none;color:var(--text-secondary);min-block-size:var(--tap-min);display:inline-flex;align-items:center}.nav a:hover,.nav a[aria-current=page]{color:var(--text)}.nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.45em}.nav__lang{color:var(--accent)!important}.hero{padding-block:clamp(40px,8vh,112px) clamp(48px,8vh,96px)}.motto{font-size:var(--type-hero);font-weight:var(--weight-light);max-inline-size:12ch}.motto__main{display:block;line-height:1;letter-spacing:var(--tracking-display-en);text-wrap:balance}.motto__alt{display:block;font-size:.82em;line-height:1.15;color:var(--accent);text-align:end;margin-block-start:.1em}html[lang=ar] .motto{max-inline-size:none;inline-size:fit-content}html[lang=ar] .motto__main{white-space:nowrap;line-height:var(--leading-display-ar);letter-spacing:0}html[lang=ar] .motto__alt{max-inline-size:12ch;line-height:1;letter-spacing:var(--tracking-display-en)}.fasila{position:relative;display:block;color:var(--accent)}.fasila svg{inline-size:100%;block-size:auto}.hero__mark{inline-size:min(100%,560px);margin-block-start:var(--space-6);margin-inline-start:1%}.hero__mark svg{animation:wipe var(--hero-wipe) var(--ease) both}@keyframes wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.hero__line{margin-block-start:var(--space-7);font-size:var(--type-xl);color:var(--text-secondary);max-inline-size:30ch;text-wrap:pretty}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5);margin-block-start:var(--space-5)}.work{padding-block:var(--space-8) var(--space-9)}.work__title,.page-title{font-weight:var(--weight-light)}.work__title{font-size:var(--type-lg);color:var(--text-muted);margin-block-end:var(--space-5)}.work__grid{display:grid;gap:var(--space-7)}.frame{position:relative}.frame img{position:relative;z-index:1;inline-size:100%;block-size:auto;border-radius:var(--radius-hair)}.frame figcaption{position:relative;z-index:1;display:flex;justify-content:flex-start;gap:var(--space-3);margin-block-start:var(--space-3);font-size:var(--type-sm);color:var(--text-secondary)}.frame__format{margin-inline-start:auto}.frame figcaption span{background:var(--surface);padding-inline:var(--space-1);margin-inline:calc(var(--space-1) * -1)}.frame__format{color:var(--text-muted);font-size:var(--type-xs);white-space:nowrap}.work__b{inline-size:78%;margin-inline-start:auto}.work__c{inline-size:86%}@media(min-width:900px){.work__grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-6);row-gap:var(--space-7);align-items:start}.work__a{grid-column:1 / span 7}.work__b{grid-column:8 / span 5;inline-size:auto;margin-block-start:var(--space-7)}.work__c{grid-column:4 / span 5;inline-size:auto}}.work__foot{margin-block-start:var(--space-7);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-3) var(--space-6)}.work__note{font-size:var(--type-sm);color:var(--text-muted);max-inline-size:46ch;text-wrap:pretty}.how{padding-block:var(--space-9) var(--space-9)}.how__words{display:grid;row-gap:var(--space-5)}.how__word{position:relative;padding-block-end:var(--space-2);font-size:var(--type-how);font-weight:var(--weight-light);line-height:1.1;color:var(--text-muted);transition:color .3s var(--ease)}.how__word.is-on{color:var(--text)}.how__word--1{justify-self:start}.how__word--2{justify-self:center}.how__word--3{justify-self:end}html[lang=ar] .how__word{line-height:var(--leading-display-ar)}.how__free{position:relative;z-index:1;inline-size:fit-content;margin-inline-start:auto;margin-block-start:var(--space-6);padding-inline:var(--space-1);background:var(--surface);color:var(--text-secondary)}.invite{padding-block:var(--space-8) var(--space-10)}.invite__title{position:relative;inline-size:fit-content;max-inline-size:100%;padding-block-end:var(--space-2);background:var(--surface);font-size:var(--type-page);font-weight:var(--weight-light);line-height:1.05;letter-spacing:var(--tracking-display-en)}html[lang=ar] .invite__title,html[lang=ar] .page-title{line-height:var(--leading-display-ar);letter-spacing:0}.invite__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5);margin-block-start:var(--space-6)}.page-head{padding-block:clamp(40px,8vh,96px) var(--space-7)}.page-title{font-size:var(--type-page);line-height:1.05;letter-spacing:var(--tracking-display-en)}.page-lead{position:relative;inline-size:fit-content;margin-block-start:var(--space-5);font-size:var(--type-lg);color:var(--text-secondary);max-inline-size:40ch;text-wrap:pretty}.gallery{padding-block:var(--space-6) var(--space-8);display:grid;gap:var(--space-8)}.gallery__item--2{inline-size:78%;margin-inline-start:auto}.gallery__item--3{inline-size:86%}.gallery__item--4{inline-size:92%;margin-inline-start:auto}@media(min-width:900px){.gallery{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-6);row-gap:var(--space-8);align-items:start}.gallery__item{inline-size:auto}.gallery__item--1{grid-column:1 / span 7}.gallery__item--2{grid-column:8 / span 5;margin-block-start:var(--space-7)}.gallery__item--3{grid-column:2 / span 4}.gallery__item--4{grid-column:7 / span 6;margin-block-start:calc(var(--space-8) * -1)}}.contact{padding-block:var(--space-4) var(--space-10);display:grid;gap:var(--space-8)}@media(min-width:960px){.contact{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}}.contact__aside{display:grid;gap:var(--space-5);align-content:start;color:var(--text-secondary)}.contact__aside a{color:var(--accent)}.contact__aside ul{display:grid;gap:var(--space-2)}.form{max-inline-size:var(--measure-form);display:grid;gap:var(--space-5)}.field{display:grid;gap:var(--space-2)}.field label,.field legend{font-weight:var(--weight-medium);padding:0}.field__opt{font-weight:var(--weight-regular);color:var(--text-muted);margin-inline-start:var(--space-2)}.field__hint{font-size:var(--type-sm);color:var(--text-muted)}.field input,.field textarea{inline-size:100%;min-block-size:var(--control-height);padding:var(--space-3) var(--space-4);border:var(--stroke-hairline);border-radius:var(--radius-hair);background:var(--surface)}.field textarea{min-block-size:140px;resize:vertical}.field input:focus-visible,.field textarea:focus-visible{outline-offset:0;border-color:var(--focus-ring)}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--signal)}fieldset.field{border:0;margin:0;padding:0}.choices{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5)}.choices label{display:inline-flex;align-items:center;gap:var(--space-2);min-block-size:var(--tap-min);font-weight:var(--weight-regular);cursor:pointer}.choices input{inline-size:18px;block-size:18px;accent-color:var(--accent);margin:0}.form__actions{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.form__status{color:var(--text-secondary)}.form__status[data-tone=error]{color:var(--signal)}.form__done{display:grid;gap:var(--space-4);max-inline-size:var(--measure-form)}.form__copy{white-space:pre-wrap;font-family:inherit;font-size:var(--type-sm);color:var(--text-secondary);margin:0}.honey{position:absolute;inset-inline-start:-9999px;inline-size:1px;block-size:1px;opacity:0}.foot{border-block-start:var(--rule-hairline);padding-block:0 var(--space-6);color:var(--text-secondary);font-size:var(--type-sm)}.foot__row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-6) var(--space-8)}.foot__motto{display:grid;gap:var(--space-1);color:var(--text);font-size:var(--type-md)}.foot__alt{color:var(--text-muted)}.foot__links{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5)}.foot a{color:var(--text-secondary)}.foot a:hover{color:var(--text)}.foot__legal{margin-block-start:var(--space-7);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2) var(--space-5);color:var(--text-muted);font-size:var(--type-xs)}@media(max-width:640px){.top__row{min-block-size:64px;gap:var(--space-4)}.nav{gap:var(--space-4)}.hero__mark{inline-size:82%}.how__words{row-gap:var(--space-4)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero__mark svg{animation:none}.how__word{transition:none;color:var(--text)}.button,.quiet-link{transition:none}}.frame img{transition:transform .2s var(--ease)}.frame:hover img{transform:scale(1.015)}.frame__num{color:var(--text-muted);font-variant-numeric:tabular-nums}.frame__sector{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.3em;transition:text-decoration-color .2s var(--ease)}.frame:hover .frame__sector{text-decoration-color:var(--accent)}main>section.work{z-index:auto}.work__title,.work__foot{position:relative;z-index:1}.reveal{--reveal: 0}.reveal__stack{position:relative;z-index:-1}.reveal .reveal__stack img{z-index:auto}.reveal .reveal__stack .reveal__after{position:absolute;inset-block-start:0;inset-inline-start:0;clip-path:inset(0 0 calc((1 - var(--reveal)) * 100%) 0)}.ink .ink__over{stroke:var(--paper-1);opacity:.9}.ink .is-on-frame rect{fill:var(--paper-1)}.cursor-tip{position:fixed;top:0;left:0;z-index:40;pointer-events:none;opacity:0;transition:opacity .2s var(--ease);will-change:transform}.cursor-tip.is-visible{opacity:.9}.cursor-tip.is-hidden{opacity:0}.cursor-tip i{position:absolute;top:calc(var(--dot) / -2);left:calc(var(--dot) / -2);inline-size:var(--dot);block-size:var(--dot);background:var(--accent);transform:rotate(45deg);transition:transform .2s var(--ease),opacity .2s var(--ease)}.cursor-tip.is-over i{transform:rotate(45deg) scale(1.7);opacity:.45}@media(pointer:coarse){.cursor-tip{display:none}}.index{padding-block:0 var(--space-7)}.index__list{display:grid;gap:var(--space-2);inline-size:fit-content}.index__list a{display:inline-flex;align-items:baseline;gap:var(--space-4);padding-inline:var(--space-1);background:var(--surface);color:var(--text-secondary);text-decoration:none;font-size:var(--type-lg);font-weight:var(--weight-light);min-block-size:var(--tap-min)}.index__list a:hover{color:var(--text)}.index__num{font-size:var(--type-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.foot__body{padding-block:var(--space-7) 0}@media(prefers-reduced-motion:reduce){.reveal{--reveal: 1}.frame img,.frame__sector,.cursor-tip,.cursor-tip i{transition:none}.frame:hover img{transform:none}.cursor-tip{display:none}}