/* أرشيف الحبر الأزرق: نظام تحرير بصري غير متماثل، بعاجي ورقي وأزرق حِبري #153C73. */
:root{--ink:#153c73;--deep:#0d2853;--paper:#f4f0e8;--paper2:#ebe5d9;--text:#192019;--muted:#656b67;--line:rgba(21,60,115,.2);--coral:#e96b51;--display:"Noto Kufi Arabic","DM Sans",sans-serif;--body:"Noto Sans Arabic","DM Sans",sans-serif}.dark{--ink:#a7c7ff;--deep:#e1edff;--paper:#0d203e;--paper2:#142b50;--text:#f2f0e7;--muted:#bbc4d1;--line:rgba(225,237,255,.17);--coral:#fa987f}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;background:var(--paper);color:var(--text);font:16px/1.72 var(--body);transition:background .24s,color .24s}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--coral);outline-offset:4px}.skip-link{position:fixed;z-index:99;inset:10px auto auto 10px;background:var(--ink);color:var(--paper);padding:8px 12px;transform:translateY(-150%);transition:transform .15s}.skip-link:focus{transform:none}.site-header{height:86px;position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;gap:25px;padding:0 4.5vw;background:color-mix(in srgb,var(--paper) 84%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;color:var(--ink);min-width:max-content}.brand img{display:block;width:33px;height:33px;object-fit:contain}.brand span{display:flex;flex-direction:column;gap:0;line-height:.8;font-family:var(--display);letter-spacing:-.08em;font-size:14px}.brand b{font-weight:700}.brand i{font-style:normal;font-size:8px;letter-spacing:.08em;margin-top:5px}.main-nav{display:flex;gap:clamp(13px,2vw,33px);margin-inline-start:auto}.main-nav a{font-size:12px;transition:color .15s}.main-nav a:hover{color:var(--coral)}.main-nav small{font:9px "DM Sans",sans-serif;color:var(--muted);margin-inline-start:3px}.header-actions{display:flex;gap:7px;margin-inline-start:clamp(10px,2vw,28px)}.theme-button,.language-button{border:1px solid var(--line);background:transparent;color:var(--text);min-height:37px;padding:0 10px;display:inline-flex;align-items:center;gap:7px;font-size:11px;transition:background .18s,color .18s}.theme-button:hover,.language-button:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.menu-toggle{display:none}.hero{min-height:840px;display:grid;grid-template-columns:minmax(410px,.98fr) minmax(430px,1.05fr);padding-top:86px;position:relative;border-bottom:1px solid var(--line)}.hero-meta{grid-column:1/-1;height:42px;display:flex;align-items:center;gap:12px;padding:0 4.5vw;border-bottom:1px solid var(--line);font:10px "DM Sans",sans-serif;letter-spacing:.12em;color:var(--muted);direction:ltr}.hero-meta b{height:12px;width:1px;background:var(--line)}.hero-text{align-self:center;padding:8vw 7vw 8vw 10vw}.kicker{margin:0 0 18px;color:var(--ink);font:600 11px/1.4 "DM Sans",var(--body);letter-spacing:.14em;text-transform:uppercase}.hero h1,h2{color:var(--deep);font-family:var(--display);font-weight:600;letter-spacing:-.08em;line-height:1.26;margin:0}.hero h1{font-size:clamp(44px,5.5vw,89px)}.hero-text>p:not(.kicker){margin:27px 0 30px;color:var(--muted);max-width:29em;font-size:16px}.hero-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.primary-link{background:var(--ink);color:#fff;padding:13px 15px;display:inline-flex;gap:25px;align-items:center;font-size:13px;transition:background .16s,transform .15s}.primary-link:hover{background:var(--coral)}.primary-link:active{transform:scale(.97)}.under-link{padding:5px 0;border-bottom:1px solid var(--ink);color:var(--ink);font-size:13px;font-weight:600;display:inline-flex;gap:8px}.hero-image{margin:0 0 6vw;position:relative;min-height:580px;overflow:hidden;background:var(--paper2)}.hero-image>img{width:100%;height:100%;min-height:580px;object-fit:cover;display:block;filter:saturate(.88)}.hero-ring{position:absolute;inset:auto -9% -12% auto;width:clamp(180px,24vw,355px);aspect-ratio:1;border:clamp(15px,1.8vw,29px) solid var(--ink);border-radius:50%}.hero-ring:after{content:"";position:absolute;width:28%;aspect-ratio:1;border:clamp(8px,1vw,16px) solid var(--ink);border-right-color:transparent;border-bottom-color:transparent;border-radius:50%;inset:-20% auto auto -6%;transform:rotate(-27deg)}figcaption{position:absolute;inset:auto 17px 17px auto;background:color-mix(in srgb,var(--paper) 84%,transparent);color:var(--deep);padding:7px 9px;font:9px "DM Sans",sans-serif;letter-spacing:.1em}.ruled{display:grid;grid-template-columns:minmax(62px,.2fr) 1fr;border-bottom:1px solid var(--line)}.rail{border-inline-end:1px solid var(--line);padding:45px 19px;display:flex;flex-direction:column;justify-content:space-between;font:10px "DM Sans",sans-serif;color:var(--muted);letter-spacing:.12em;direction:ltr}.rail span:last-child{writing-mode:vertical-rl;transform:rotate(180deg)}.about{position:relative;min-height:570px}.about-body{padding:clamp(75px,10vw,140px) 10vw clamp(70px,9vw,120px) 7vw;max-width:1130px}.about h2{font-size:clamp(31px,4.1vw,63px);max-width:11em}.about-bottom{display:grid;grid-template-columns:minmax(200px,1.1fr) minmax(180px,.7fr);gap:clamp(30px,8vw,115px);margin-top:45px}.about-bottom>p{margin:0;color:var(--muted);max-width:35em}.about ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.about li{border-bottom:1px solid var(--line);padding:10px 0;font-size:13px}.about li b{font:10px "DM Sans",sans-serif;color:var(--coral);margin-inline-end:15px;direction:ltr;display:inline-block}.faded-symbol{position:absolute;z-index:0;inset:auto 7% 9% auto;width:190px;opacity:.09;transform:rotate(-10deg)}.archive{padding:clamp(76px,10vw,140px) 7vw;border-bottom:1px solid var(--line)}.section-split,.gallery-header{display:grid;grid-template-columns:1fr minmax(230px,.55fr);gap:8vw;align-items:end;max-width:1320px;margin:0 auto}.section-split h2{font-size:clamp(34px,4.7vw,70px)}.section-split>p,.gallery-header>p{margin:0 0 8px;color:var(--muted);font-size:14px}.archive-empty{min-height:225px;margin-top:52px;padding:35px 45px;display:grid;grid-template-columns:120px 1fr 130px;align-items:center;gap:22px;background:var(--ink);color:var(--paper);overflow:hidden}.archive-empty>span{align-self:start;font:10px "DM Sans",sans-serif;letter-spacing:.12em}.archive-empty h3{font-family:var(--display);font-size:clamp(22px,2.5vw,38px);letter-spacing:-.07em;line-height:1.4;margin:0 0 8px}.archive-empty p{margin:0;color:rgba(255,255,255,.76);font-size:14px;max-width:31em}.archive-empty i{width:120px;aspect-ratio:1;border-radius:50%;border:10px solid var(--paper)}.gallery-block{margin-top:clamp(72px,10vw,125px)}.gallery-header .kicker{margin-bottom:7px}.gallery-header h3{color:var(--deep);font:600 clamp(22px,2.3vw,35px)/1.3 var(--display);letter-spacing:-.07em;margin:0}.logo-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-inline-start:1px solid var(--line)}.logo-card{position:relative;aspect-ratio:1;border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line);padding:14px;display:flex;flex-direction:column;justify-content:space-between;transition:background .18s}.logo-card:hover{background:var(--ink)}.logo-card>span{color:var(--muted);font:9px "DM Sans",sans-serif;direction:ltr}.logo-card img{width:40%;height:40%;object-fit:contain;align-self:center;opacity:.34}.logo-card:hover img{filter:brightness(0) invert(1);opacity:1}.logo-card p{margin:0;color:var(--muted);font-size:10px}.logo-card:hover p{color:rgba(255,255,255,.75)}.identity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.identity-card{position:relative;aspect-ratio:1.55;background:repeating-linear-gradient(135deg,transparent 0 14px,color-mix(in srgb,var(--ink) 8%,transparent) 14px 15px);border:1px solid var(--line);overflow:hidden}.identity-card>img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.identity-card>div{position:absolute;inset:0;padding:14px;display:flex;flex-direction:column;justify-content:space-between;color:var(--ink)}.identity-card.has-image>div{background:linear-gradient(0deg,rgba(8,28,54,.72),rgba(8,28,54,.02));color:#fff;opacity:0;transition:opacity .2s}.identity-card:hover>div{opacity:1}.identity-card span{font:10px "DM Sans",sans-serif;letter-spacing:.1em;direction:ltr}.identity-card p{margin:0;font-size:12px;align-self:flex-end}.services{background:var(--paper2)}.services-body{padding:clamp(76px,10vw,140px) 7vw;display:grid;grid-template-columns:minmax(260px,.9fr) minmax(320px,1fr);gap:9vw}.services h2{font-size:clamp(30px,3.7vw,55px);max-width:9em}.service-list{border-top:1px solid var(--line)}.service-list article{min-height:140px;display:grid;grid-template-columns:40px 1fr 1.12fr 25px;gap:14px;align-items:center;border-bottom:1px solid var(--line);transition:padding .18s}.service-list article:hover{padding-inline:10px}.service-list span{font:10px "DM Sans",sans-serif;color:var(--coral);direction:ltr}.service-list h3{margin:0;color:var(--deep);font:600 18px var(--display);letter-spacing:-.05em}.service-list p{margin:0;color:var(--muted);font-size:13px}.service-list b{color:var(--ink);font-size:21px}.process{padding:clamp(75px,10vw,136px) 7vw;border-bottom:1px solid var(--line)}.process>header{display:grid;grid-template-columns:minmax(80px,.2fr) 1fr;gap:5vw;margin-bottom:68px}.process h2{font-size:clamp(31px,4.2vw,62px);max-width:9em}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.steps article{min-height:210px;position:relative;padding:23px 20px 5px 0;border-inline-end:1px solid var(--line)}.steps article:not(:first-child){padding-inline-start:20px}.steps article:last-child{border:0}.steps article:before{content:"";position:absolute;inset:-6px auto auto -6px;width:11px;aspect-ratio:1;border-radius:50%;background:var(--coral)}.steps article:first-child:before{inset-inline-start:0}.steps span{font:10px "DM Sans",sans-serif;color:var(--coral);direction:ltr}.steps h3{margin:65px 0 7px;color:var(--deep);font:600 19px var(--display);letter-spacing:-.06em}.steps p{color:var(--muted);font-size:12px;max-width:14em;margin:0}.faq{padding:clamp(76px,10vw,140px) 7vw;display:grid;grid-template-columns:minmax(280px,.9fr) 1fr;gap:10vw;border-bottom:1px solid var(--line)}.faq header{position:relative}.faq h2{font-size:clamp(32px,4.2vw,59px);max-width:8em;position:relative;z-index:1}.faq header i{position:absolute;width:170px;aspect-ratio:1;inset:43px auto auto 20%;border:14px solid var(--ink);opacity:.1;border-radius:50%}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 0;color:var(--deep);cursor:pointer;font:600 15px var(--display);letter-spacing:-.05em}.faq summary::-webkit-details-marker{display:none}.faq summary b{font:22px "DM Sans",sans-serif;transition:transform .2s}.faq details[open] summary b{color:var(--coral);transform:rotate(180deg)}.faq details p{margin:0;padding:0 0 21px;color:var(--muted);font-size:14px;max-width:38em}.contact{position:relative;overflow:hidden;padding:clamp(76px,10vw,135px) 7vw 50px;background:var(--ink);color:var(--paper)}.contact .kicker{color:var(--coral)}.contact h2{color:var(--paper);font-size:clamp(34px,5.3vw,80px);max-width:11em}.contact-bottom{position:relative;z-index:1;display:grid;grid-template-columns:minmax(220px,.85fr) 1fr;align-items:end;gap:7vw;margin-top:52px}.contact-bottom>p{margin:0;color:rgba(255,255,255,.72);font-size:14px;max-width:34em}.contact-bottom>div{display:flex;flex-wrap:wrap;gap:8px}.contact-bottom a{border:1px solid rgba(255,255,255,.5);padding:10px 12px;display:inline-flex;gap:13px;align-items:center;font-size:12px;transition:background .18s,color .18s}.contact-bottom a:hover{background:var(--paper);color:var(--ink)}.contact>img{position:absolute;inset:auto -4% -19% auto;width:clamp(260px,41vw,600px);opacity:.1;filter:brightness(0) invert(1)}footer{background:var(--deep);color:rgba(255,255,255,.72);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 4.5vw;font-size:11px}footer .brand{color:var(--paper)}footer .brand img{filter:brightness(0) invert(1)}footer p{margin:0}footer>span{font:10px "DM Sans",sans-serif;direction:ltr}.top-button{position:fixed;z-index:10;inset:auto 18px 18px auto;width:43px;height:43px;border:1px solid var(--line);background:var(--paper);color:var(--ink);opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .18s,transform .18s;font-size:21px}.top-button.show{opacity:1;pointer-events:auto;transform:none}.rise{animation:rise .65s cubic-bezier(.23,1,.32,1) both}.delay{animation-delay:.12s}@keyframes rise{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:none}}[dir="ltr"]{font-family:"DM Sans",sans-serif}[dir="ltr"] h1,[dir="ltr"] h2,[dir="ltr"] .gallery-header h3,[dir="ltr"] .service-list h3,[dir="ltr"] .steps h3,[dir="ltr"] .faq summary{font-family:"DM Sans",sans-serif;letter-spacing:-.065em}[dir="ltr"] .brand span{letter-spacing:.06em}[dir="ltr"] .brand i{letter-spacing:.16em}[dir="ltr"] .hero-ring{inset:auto auto -12% -9%}[dir="ltr"] figcaption{inset:auto auto 17px 17px}[dir="ltr"] .rail span:last-child{transform:none}[dir="ltr"] .hero-text{padding:8vw 10vw 8vw 7vw}@media(max-width:780px){body{font-size:15px}.site-header{height:69px;padding:0 17px;gap:10px}.brand img{width:29px;height:29px}.header-actions{margin-inline-start:auto}.theme-button{min-height:34px;padding:0 8px}.theme-button [data-theme-label]{display:none}.language-button{min-height:34px;padding:0 8px;font-size:10px}.menu-toggle{display:grid;place-content:center;gap:5px;width:34px;height:34px;padding:0;border:1px solid var(--line);background:transparent}.menu-toggle span{display:block;width:15px;height:1px;background:var(--text)}.main-nav{display:none;position:fixed;inset:69px 0 auto;padding:16px 18px 22px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 16px 30px rgba(7,25,49,.12)}.main-nav.open{display:flex;flex-direction:column;gap:0}.main-nav a{font:600 15px var(--display);padding:11px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.hero{min-height:0;display:flex;flex-direction:column;padding-top:69px}.hero-meta{height:35px;padding:0 17px;font-size:8px}.hero-text{padding:65px 24px 53px}.hero h1{font-size:clamp(39px,11vw,55px)}.hero-text>p:not(.kicker){font-size:14px;margin:23px 0 27px}.hero-image,.hero-image>img{min-height:350px}.hero-image{margin:0}.hero-ring{width:190px;border-width:16px}.ruled{display:block}.rail{display:none}.about{min-height:auto}.about-body{padding:75px 24px}.about h2{font-size:30px}.about-bottom{display:block;margin-top:31px}.about-bottom>p{font-size:14px}.about ul{margin-top:27px}.faded-symbol{width:115px;inset:auto 5% 8% auto}.archive,.process{padding:76px 24px}.section-split,.gallery-header{display:block}.section-split h2{font-size:34px}.section-split>p,.gallery-header>p{margin-top:16px;font-size:13px}.archive-empty{margin-top:35px;min-height:235px;padding:27px;display:block}.archive-empty h3{font-size:24px;margin-top:29px}.archive-empty i{position:absolute;width:100px;inset:auto -18px -35px auto}.gallery-block{margin-top:72px}.gallery-header h3{font-size:26px}.logo-grid{grid-template-columns:repeat(2,1fr)}.identity-grid{grid-template-columns:1fr;gap:12px}.identity-card.has-image>div{opacity:1;background:linear-gradient(0deg,rgba(8,28,54,.48),rgba(8,28,54,.01))}.services-body{padding:75px 24px;display:block}.services h2{font-size:32px}.service-list{margin-top:40px}.service-list article{grid-template-columns:30px 1fr 20px;min-height:120px;gap:8px}.service-list p{grid-column:2/4;margin-top:-30px;padding-bottom:16px;font-size:12px}.service-list b{grid-column:3;grid-row:1}.process>header{display:block;margin-bottom:40px}.process h2{font-size:32px}.steps{display:block;border:0}.steps article,.steps article:not(:first-child){min-height:0;padding:0 20px 31px 23px;margin-inline-start:5px;border:0;border-inline-start:1px solid var(--line)}.steps article:before{inset:3px auto auto -6px!important}.steps h3{margin:0 0 6px}.faq{display:block;padding:76px 24px}.faq h2{font-size:34px}.faq-list{margin-top:45px}.contact{padding:76px 24px 38px}.contact h2{font-size:35px}.contact-bottom{display:block;margin-top:39px}.contact-bottom>div{margin-top:25px}.contact>img{width:280px}.site-header+main{}.site-header~footer{padding:20px 17px;display:grid;grid-template-columns:1fr auto}.site-header~footer p{grid-row:2;grid-column:1/-1;font-size:10px}.top-button{inset:auto 14px 14px auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rise{animation:none}.top-button,.primary-link,.theme-button,.language-button,.identity-card>div{transition:none}}

/* Hero media: image-first fallback, optional background video, and responsive mobile crop. */
.hero-image{isolation:isolate}
.hero-image>img{position:relative;z-index:0;opacity:0;transition:opacity .42s cubic-bezier(.23,1,.32,1)}
.hero-image.is-ready>img{opacity:1}
.hero-image.has-video>img{opacity:1}
.hero-image.has-video>video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .42s cubic-bezier(.23,1,.32,1)}
.hero-image.has-video.is-ready>img{opacity:0}
.hero-image.has-video.is-ready>video{opacity:1}
.hero-image.has-video.video-failed>img{opacity:1}
.hero-image.has-video.video-failed>video{opacity:0}
.hero-media-loader{position:absolute;inset:0;z-index:3;display:grid;place-content:center;justify-items:center;gap:10px;color:var(--deep);background:color-mix(in srgb,var(--paper2) 86%,transparent);backdrop-filter:blur(3px);font-size:11px;text-align:center;pointer-events:none;transition:opacity .24s ease,visibility .24s ease}
.hero-media-loader.is-hidden{opacity:0;visibility:hidden}
.hero-loader-spinner{width:27px;height:27px;border:2px solid color-mix(in srgb,var(--ink) 24%,transparent);border-top-color:var(--ink);border-radius:50%;animation:hero-spin .75s linear infinite}
@keyframes hero-spin{to{transform:rotate(360deg)}}
@media(max-width:780px){.hero-image{min-height:0;aspect-ratio:4/5;margin:0}.hero-image>img,.hero-image.has-video>video{min-height:0;height:100%;object-position:55% center}.hero-image .hero-ring{width:clamp(160px,48vw,205px)}[dir="ltr"] .hero-image>img,[dir="ltr"] .hero-image.has-video>video{object-position:45% center}}
@media(prefers-reduced-motion:reduce){.hero-image>img,.hero-image.has-video>video,.hero-media-loader{transition:none}.hero-loader-spinner{animation:none}.hero-media-loader{display:none}.hero-image>img{opacity:1!important}.hero-image.has-video>video{opacity:0!important}}