.lang[data-v-0b6c8370]{display:flex;gap:2px;padding:3px;background:var(--bg2);border-radius:4px;flex:none}button[data-v-0b6c8370]{min-width:44px;min-height:40px;padding:0 10px;border:0;border-radius:3px;background:transparent;color:var(--muted);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .14s var(--ease-out)}button[lang=ar][data-v-0b6c8370]{font-family:IBM Plex Sans Arabic,sans-serif;font-size:17px}button[data-v-0b6c8370]:hover{color:var(--ink)}button[data-v-0b6c8370]:active{transform:scale(.96)}button.on[data-v-0b6c8370]{background:var(--ink);color:var(--bg)}.hero[data-v-6c82b478]{position:relative;min-height:100vh;min-height:100svh;padding:0 var(--m) clamp(24px,5svh,56px);display:flex;flex-direction:column;align-items:center}.top[data-v-6c82b478]{align-self:stretch;display:flex;align-items:center;gap:32px;padding-block:clamp(16px,3svh,28px)}.logo[data-v-6c82b478]{flex:none;display:block;width:clamp(210px,19vw,290px);background:#fff;padding:10px 14px;border-radius:4px;transition:transform .16s var(--ease-out)}.logo[data-v-6c82b478]:active{transform:scale(.98)}.logo img[data-v-6c82b478]{width:100%;height:auto}nav[data-v-6c82b478]{display:flex;gap:28px;font-size:15px;margin-inline-start:auto}nav a[data-v-6c82b478]{text-decoration:none;color:var(--muted);padding:8px 0;transition:color .16s ease}nav a[data-v-6c82b478]:hover{color:var(--ink)}.object[data-v-6c82b478]{margin-top:clamp(8px,3svh,32px);height:min(44svh,470px);aspect-ratio:4 / 5;overflow:hidden;background:var(--bg2);animation:rise-6c82b478 1.2s var(--ease-out) both}.object video[data-v-6c82b478]{width:100%;height:100%;object-fit:cover;filter:brightness(.92) contrast(1.05)}h1[data-v-6c82b478]{margin-top:clamp(20px,4svh,40px);text-align:center;font-size:clamp(22px,2.7vw,42px);line-height:1;letter-spacing:.14em;white-space:nowrap;animation:fade-6c82b478 1.2s .2s var(--ease-out) both}h1 .b[data-v-6c82b478]{color:var(--blue)}.say[data-v-6c82b478]{margin-top:clamp(12px,2svh,22px);text-align:center;max-width:32ch;font-size:clamp(20px,1.9vw,30px);line-height:1.25;letter-spacing:-.01em;animation:fade-6c82b478 1.2s .32s var(--ease-out) both}.row[data-v-6c82b478]{margin-top:clamp(16px,3svh,30px);display:flex;align-items:center;gap:40px;font-size:15px;color:var(--muted);animation:fade-6c82b478 1.2s .42s var(--ease-out) both}@keyframes rise-6c82b478{0%{opacity:0;transform:translateY(32px) scale(.98)}to{opacity:1;transform:none}}@keyframes fade-6c82b478{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:960px){nav[data-v-6c82b478]{display:none}.top[data-v-6c82b478]{justify-content:space-between}}@media(max-width:760px){.logo[data-v-6c82b478]{width:172px;padding:7px 10px}.object[data-v-6c82b478]{height:auto;width:72%;margin-top:4svh}h1[data-v-6c82b478]{font-size:5.2vw;letter-spacing:.08em}.say[data-v-6c82b478]{font-size:6vw}.row[data-v-6c82b478]{flex-direction:column;gap:12px;width:100%}.row .btn[data-v-6c82b478]{width:100%}}.intro[data-v-f82bfa6e]{position:relative;min-height:100vh;padding:120px var(--m);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:center}.stairs[data-v-f82bfa6e]{grid-column:1 / span 9;font-size:clamp(36px,4.4vw,64px);font-weight:700;line-height:1.02;letter-spacing:-.03em}.stairs span[data-v-f82bfa6e]{display:block;padding-inline-start:calc(var(--i) * 6vw)}.stairs span[data-v-f82bfa6e]:nth-child(2n){color:var(--blue)}.pics[data-v-f82bfa6e]{grid-column:10 / span 3;align-self:start;display:flex;flex-direction:column;gap:16px;margin-top:4vh}.pics img[data-v-f82bfa6e]{width:100%;aspect-ratio:3 / 2;object-fit:cover;filter:brightness(.88)}.note[data-v-f82bfa6e]{position:absolute;inset-inline-start:var(--m);bottom:var(--m);font-size:15px;color:var(--muted);max-width:44ch;line-height:1.45}@supports (animation-timeline: view()){.stairs span[data-v-f82bfa6e]{animation:rv linear both;animation-timeline:view();animation-range:entry calc(var(--i) * 5%) entry calc(50% + var(--i) * 5%)}}@media(max-width:760px){.intro[data-v-f82bfa6e]{display:flex;flex-direction:column;align-items:stretch;gap:40px;padding:96px var(--m) 120px}.stairs[data-v-f82bfa6e]{font-size:9vw}.stairs span[data-v-f82bfa6e]{padding-inline-start:calc(var(--i) * 5vw)}.pics[data-v-f82bfa6e]{flex-direction:row;margin:0}.pics img[data-v-f82bfa6e]{width:50%}.note[data-v-f82bfa6e]{position:static}}.proj[data-v-8a8e4971]{position:relative;height:180vh;view-timeline:--seam block}.stage[data-v-8a8e4971]{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}.pane[data-v-8a8e4971]{position:relative;overflow:hidden;background:var(--bg2)}.pane img[data-v-8a8e4971]{position:absolute;left:0;top:-22vh;width:100%;height:calc(100% + 44vh);object-fit:cover;filter:brightness(.55) contrast(1.05)}.work-h[data-v-8a8e4971]{position:absolute;top:var(--m);inset-inline-start:var(--m);z-index:2}.ttl[data-v-8a8e4971]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;--t: clamp(48px, 7vw, 124px)}.tt[data-v-8a8e4971]{position:absolute;top:50%;left:0;right:0;transform:translateY(-62%);text-align:center;font-size:var(--t);line-height:.86;letter-spacing:-.02em;color:#f4f6fa;padding:0 4vw}.l[data-v-8a8e4971]{clip-path:inset(0 50% 0 0)}.r[data-v-8a8e4971]{clip-path:inset(0 0 0 50%)}.meta[data-v-8a8e4971]{position:absolute;top:calc(50% + var(--t) * .5 + 56px);left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:16px;color:#d5dbe6;pointer-events:auto;padding:0 var(--m);text-align:center}.meta a[data-v-8a8e4971]{color:#fff;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px;min-height:44px}.meta a[data-v-8a8e4971]:hover{color:var(--blue)}@keyframes up-8a8e4971{0%{transform:translateY(20vh)}to{transform:translateY(-20vh)}}@keyframes down-8a8e4971{0%{transform:translateY(-20vh)}to{transform:translateY(20vh)}}@keyframes tup-8a8e4971{0%{translate:0 30vh}to{translate:0 -30vh}}@keyframes tdown-8a8e4971{0%{translate:0 -30vh}to{translate:0 30vh}}@supports (animation-timeline: view()){.pane.a img[data-v-8a8e4971]{animation:up-8a8e4971 linear both;animation-timeline:--seam;animation-range:cover 0% cover 100%}.pane.b img[data-v-8a8e4971]{animation:down-8a8e4971 linear both;animation-timeline:--seam;animation-range:cover 0% cover 100%}.l[data-v-8a8e4971]{animation:tup-8a8e4971 linear both;animation-timeline:--seam;animation-range:cover 10% cover 90%}.r[data-v-8a8e4971]{animation:tdown-8a8e4971 linear both;animation-timeline:--seam;animation-range:cover 10% cover 90%}}html[lang=ar]{line-height:1.15}@media(max-width:760px){.ttl[data-v-8a8e4971]{--t: 12.5vw}}.how[data-v-d18b6630]{padding:160px 0 140px;timeline-scope:--row}.head[data-v-d18b6630]{padding:0 var(--m);display:flex;justify-content:space-between;align-items:end;gap:24px}.hint[data-v-d18b6630]{font-size:15px;color:var(--muted)}.bar[data-v-d18b6630]{margin:20px var(--m) 0;height:6px;background:var(--bg3);overflow:hidden}.bar i[data-v-d18b6630]{display:block;height:100%;background:var(--ink);transform-origin:left;transform:scaleX(.14)}[dir=rtl]{transform-origin:right}@keyframes grow-d18b6630{0%{transform:scaleX(.14)}to{transform:scaleX(1)}}@supports (animation-timeline: scroll()){.bar i[data-v-d18b6630]{animation:grow-d18b6630 linear both;animation-timeline:--row}}.row[data-v-d18b6630]{display:flex;gap:32px;overflow-x:auto;scroll-snap-type:x mandatory;padding:40px var(--m) 8px;scroll-padding-inline:var(--m);scroll-timeline:--row x;scrollbar-width:none}.row[data-v-d18b6630]::-webkit-scrollbar{display:none}.mom[data-v-d18b6630]{flex:0 0 280px;scroll-snap-align:start;display:flex;flex-direction:column}.mom b[data-v-d18b6630]{font-size:18px;font-weight:700}.mom p[data-v-d18b6630]{margin-top:6px;font-size:15px;color:var(--muted);line-height:1.5;min-height:4.5em}.mom img[data-v-d18b6630]{margin-top:var(--space);width:100%;aspect-ratio:4 / 5;object-fit:cover;filter:brightness(.9)}@media(max-width:760px){.hint[data-v-d18b6630]{display:none}.mom[data-v-d18b6630]{flex-basis:72vw}.mom img[data-v-d18b6630]{margin-top:calc(var(--space) * .4)}}.close[data-v-54fcdde6]{position:relative;height:100vh;height:100svh;overflow:hidden}.bg[data-v-54fcdde6]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(.72)}.grid4[data-v-54fcdde6]{position:absolute;top:0;right:0;bottom:0;left:0;padding:0 var(--m);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--gap);align-items:center}.card[data-v-54fcdde6]{position:relative;background:var(--bg);min-height:52vh;padding:28px;border-radius:2px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}h2[data-v-54fcdde6]{font-size:clamp(26px,2.2vw,34px);font-weight:600;letter-spacing:-.02em;line-height:1.12}.v[data-v-54fcdde6]{font-size:17px;color:var(--muted);line-height:1.45}.f[data-v-54fcdde6]{font-size:17px}.card img[data-v-54fcdde6]{width:100%;aspect-ratio:3 / 2;object-fit:cover;margin-top:auto}.card .btn[data-v-54fcdde6]{width:100%}@supports (animation-timeline: view()){.card[data-v-54fcdde6]{animation:rv linear both;animation-timeline:view();animation-range:entry 10% entry 50%}}@media(max-width:1100px){.card[data-v-54fcdde6]{grid-column:2 / span 2!important}}@media(max-width:760px){.grid4[data-v-54fcdde6]{display:flex;align-items:flex-end;padding:0}.card[data-v-54fcdde6]{width:100%;min-height:46vh;align-items:flex-start;text-align:start;padding:20px}.card h2[data-v-54fcdde6],.card .v[data-v-54fcdde6],.card .f[data-v-54fcdde6]{padding-inline-end:112px}.card img[data-v-54fcdde6]{width:96px;position:absolute;inset-inline-end:20px;top:20px;margin:0}.card .btn[data-v-54fcdde6]{margin-top:auto}}.gal[data-v-107dde0e]{position:relative;height:100vh;display:flex;flex-direction:column;justify-content:center}h2[data-v-107dde0e]{position:relative;z-index:2;margin:0 var(--m) -12px;font-size:clamp(20px,1.6vw,24px);font-weight:600}h2 span[data-v-107dde0e]{color:var(--muted);font-weight:400}.strip[data-v-107dde0e]{display:flex;gap:5vw;overflow-x:auto;padding:24px var(--m);scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:var(--m)}.strip[data-v-107dde0e]::-webkit-scrollbar{display:none}figure[data-v-107dde0e]{flex:0 0 11vw;min-width:120px;height:24vh;scroll-snap-align:start}figure img[data-v-107dde0e]{width:100%;height:100%;object-fit:cover;filter:brightness(.9);transition:transform .25s var(--ease-out),filter .25s ease}@media(hover:hover){figure:hover img[data-v-107dde0e]{transform:scale(1.1);filter:brightness(1)}}@media(max-width:760px){.gal[data-v-107dde0e]{height:80vh}h2[data-v-107dde0e]{margin-bottom:8px}figure[data-v-107dde0e]{flex-basis:34vw;height:auto;aspect-ratio:2 / 3}}.devis[data-v-cd8ac73f]{padding:160px var(--m);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:48px;align-items:start}.ask[data-v-cd8ac73f]{grid-column:1 / span 5;display:flex;flex-direction:column;gap:28px}h2[data-v-cd8ac73f]{font-size:clamp(34px,3.6vw,56px);font-weight:700;letter-spacing:-.03em;line-height:1.05}.lead[data-v-cd8ac73f]{font-size:var(--step-lead);line-height:1.4;color:var(--muted)}.field[data-v-cd8ac73f]{display:flex;flex-direction:column;gap:8px}.lbl[data-v-cd8ac73f]{font-size:15px;font-weight:600}.pills[data-v-cd8ac73f]{display:flex;flex-wrap:wrap;gap:8px}.pill[data-v-cd8ac73f]{min-height:44px;padding:0 16px;border:0;border-radius:2px;background:var(--bg3);color:var(--ink);font:inherit;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .14s var(--ease-out)}.pill[data-v-cd8ac73f]:hover{background:#24314a}.pill[data-v-cd8ac73f]:active{transform:scale(.97)}.pill.on[data-v-cd8ac73f]{background:var(--ink);color:var(--bg)}input[data-v-cd8ac73f],textarea[data-v-cd8ac73f]{font:inherit;font-size:17px;color:var(--ink);background:var(--bg2);border:0;border-radius:2px;padding:14px 16px;min-height:52px;caret-color:var(--blue);transition:box-shadow .16s ease}textarea[data-v-cd8ac73f]{min-height:120px;resize:vertical}input[data-v-cd8ac73f]:focus,textarea[data-v-cd8ac73f]:focus{outline:none;box-shadow:inset 0 0 0 2px var(--blue)}input[data-v-cd8ac73f]::placeholder,textarea[data-v-cd8ac73f]::placeholder{color:var(--dim)}.ticket[data-v-cd8ac73f]{grid-column:7 / span 6;background:var(--bg2);display:flex;flex-direction:column}.tp[data-v-cd8ac73f]{aspect-ratio:16 / 9;overflow:hidden;background:var(--bg3)}.tp img[data-v-cd8ac73f]{width:100%;height:100%;object-fit:cover;filter:brightness(.9)}.tb[data-v-cd8ac73f]{padding:32px;display:flex;flex-direction:column;gap:22px}h3[data-v-cd8ac73f]{font-size:26px;font-weight:600;letter-spacing:-.02em}dl[data-v-cd8ac73f]{margin:0;display:grid;grid-template-columns:130px 1fr;row-gap:12px;column-gap:16px}dt[data-v-cd8ac73f]{font-size:15px;color:var(--muted)}dd[data-v-cd8ac73f]{margin:0;font-weight:500;white-space:pre-line;overflow-wrap:anywhere}.msg[data-v-cd8ac73f]{background:var(--bg);padding:20px;font-size:16px;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere;color:#d5dbe6}.acts[data-v-cd8ac73f]{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.swap-enter-active[data-v-cd8ac73f],.swap-leave-active[data-v-cd8ac73f]{transition:opacity .18s ease,transform .4s var(--ease-out)}.swap-enter-from[data-v-cd8ac73f]{opacity:0;transform:scale(1.03)}.swap-leave-to[data-v-cd8ac73f]{opacity:0}@media(max-width:760px){.devis[data-v-cd8ac73f]{padding:96px var(--m)}.ask[data-v-cd8ac73f],.ticket[data-v-cd8ac73f]{grid-column:1 / -1}.tb[data-v-cd8ac73f]{padding:20px}dl[data-v-cd8ac73f]{grid-template-columns:96px 1fr}}.contact[data-v-63fd374b]{background:var(--light);color:var(--light-ink);min-height:100vh;min-height:100svh;padding:var(--m);display:flex;flex-direction:column;justify-content:space-between;gap:48px}.contact a[data-v-63fd374b]{color:var(--light-ink)}.contact[data-v-63fd374b] :focus-visible{outline-color:var(--accent)}.tl[data-v-63fd374b]{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;flex-wrap:wrap}.ask[data-v-63fd374b]{font-size:clamp(20px,1.5vw,22px);line-height:1.4;max-width:30ch}.brand[data-v-63fd374b]{width:clamp(220px,24vw,340px)}.brand img[data-v-63fd374b]{width:100%;height:auto}.mail[data-v-63fd374b]{display:block;width:fit-content;font-size:clamp(34px,7.6vw,132px);line-height:.95;letter-spacing:-.04em;font-weight:300;text-decoration:none;margin-bottom:6vh;transition:color .2s ease}.contact .mail[data-v-63fd374b]:hover{color:var(--accent)}.corners[data-v-63fd374b]{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px 32px;font-size:15px}.corners div[data-v-63fd374b]{display:flex;flex-wrap:wrap;gap:6px 28px;align-items:baseline}.corners a[data-v-63fd374b]{text-decoration:none;padding-block:6px}.contact .corners a[data-v-63fd374b]:hover{color:var(--accent)}.tel[data-v-63fd374b]{font-size:19px;font-weight:600}.foot[data-v-63fd374b]{padding:30vh var(--m) 30px;display:grid;grid-template-columns:1fr auto 1fr;gap:16px 32px;align-items:baseline;font-size:14px;color:var(--muted)}.foot nav[data-v-63fd374b]{display:flex;gap:24px}.foot nav a[data-v-63fd374b]{text-decoration:none}.r[data-v-63fd374b]{text-align:end}.credit[data-v-63fd374b]{grid-column:1 / -1;text-align:center;font-size:13px;color:var(--dim)}.credit a[data-v-63fd374b]{color:var(--muted);text-decoration:none;font-weight:600}.credit a[data-v-63fd374b]:hover{color:var(--blue)}@media(max-width:760px){.contact[data-v-63fd374b]{min-height:86svh}.mail[data-v-63fd374b]{font-size:7.9vw}.corners[data-v-63fd374b],.corners div[data-v-63fd374b]{flex-direction:column;gap:8px}.foot[data-v-63fd374b]{grid-template-columns:1fr;padding-top:20vh}.r[data-v-63fd374b],.credit[data-v-63fd374b]{text-align:start}.foot nav[data-v-63fd374b]{flex-wrap:wrap;gap:8px 20px}}:root{--bg: #0a0f1a;--bg2: #111a2b;--bg3: #1a2539;--ink: #e8ecf3;--muted: #a3aec2;--dim: #7f8ba1;--blue: #5b8ff0;--accent: #2a64d6;--accent-press: #1f4fae;--accent-ink: #ffffff;--light: #eef1f6;--light-ink: #0a0f1a;--light-muted: #475268;--m: 32px;--gap: 24px;--step-small: clamp(.8125rem, .79rem + .1vw, .875rem);--step-body: clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-lead: clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-io: cubic-bezier(.77, 0, .175, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--bg3) var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:Archivo,system-ui,sans-serif;font-stretch:100%;font-size:var(--step-body);line-height:1.55;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}::selection{background:var(--accent);color:#fff}a{color:var(--ink);text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{color:var(--blue)}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}img,video{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.wide{font-stretch:125%;font-weight:800;text-transform:uppercase}.h2{font-size:clamp(28px,2.4vw,36px);font-weight:600;letter-spacing:-.02em;line-height:1.1}.tlink{font-weight:500;text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 26px;background:var(--accent);color:var(--accent-ink);text-decoration:none;font:inherit;font-weight:600;font-size:16px;border:0;border-radius:2px;cursor:pointer;transition:transform .16s var(--ease-out),background-color .16s ease}.btn:hover{background:var(--accent-press);color:#fff}.btn:active{transform:scale(.97)}.btn svg{transition:transform .2s var(--ease-out)}.btn:hover svg{transform:translate(4px)}@keyframes rv{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@supports (animation-timeline: view()){.rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 40%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:760px){:root{--m: 20px;--gap: 12px}}html[lang=ar] body{font-family:IBM Plex Sans Arabic,Archivo,system-ui,sans-serif;line-height:1.7}html[lang=ar] body *:not(.brandname,.brandname *){letter-spacing:0!important}html[lang=ar] .wide:not(.brandname){text-transform:none;font-stretch:100%;font-weight:700}[dir=rtl] .btn svg,[dir=rtl] a svg{transform:scaleX(-1)}[dir=rtl] .btn:hover svg{transform:scaleX(-1) translate(4px)}
