:root{--plaster:#F2EDE6;--trav:#E8DFD3;--stone:#D3C7B7;--ink:#1B1916;--char:#1F1C19;--char2:#2A2622;--smoke:#685F55;--mist:#AA9F92;--brass:#E7B160;--clay:#E7B160;--gold-ink:#86601F;--line:rgba(27,25,22,.14);--line-d:rgba(242,237,230,.16);
--f-d:'Almarai',system-ui,sans-serif;--f-b:'Almarai',system-ui,sans-serif;--f-n:'Almarai',system-ui,sans-serif;
--e-out:cubic-bezier(.16,1,.3,1);--e-io:cubic-bezier(.76,0,.24,1);--pad:clamp(20px,4.4vw,76px);--max:1560px;--hdr:88px;--s:1;--o:left;--gdir:90deg}
html.f-ed{--f-d:'Bodoni Moda','Markazi Text',Georgia,serif;--f-b:'Jost','IBM Plex Sans Arabic',system-ui,sans-serif;--f-n:'Bodoni Moda',Georgia,serif}html.f-ed[lang=ar]{--f-d:'Markazi Text','Bodoni Moda',serif;--f-b:'IBM Plex Sans Arabic','Jost',sans-serif}
[dir=rtl]{--s:-1;--o:right;--gdir:270deg}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--plaster);color:var(--ink);font:400 17px/1.65 var(--f-b);font-variation-settings:"opsz" 40;-webkit-font-smoothing:antialiased;overflow-x:hidden}
html[lang=ar] body{line-height:1.85}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}a:hover{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;border-radius:0;padding:0;cursor:pointer;text-align:inherit}
input,textarea,select{font:inherit;color:inherit;border-radius:0}
p{text-wrap:pretty}
::selection{background:var(--clay);color:var(--ink)}
:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
.ico{flex:none;display:block}[dir=rtl] .ico{transform:scaleX(-1)}
.grain::after{content:"";position:fixed;inset:0;z-index:250;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* type */
.d1,.d2,.d3,.d4,.d5{font-family:var(--f-d);font-weight:500;margin:0;letter-spacing:-.02em;text-wrap:balance}
.d1{font-size:clamp(52px,8.4vw,146px);line-height:.95}.d2{font-size:clamp(40px,5.6vw,96px);line-height:1}.d3{font-size:clamp(32px,3.9vw,64px);line-height:1.06}.d4{font-size:clamp(25px,2.4vw,38px);line-height:1.18}.d5{font-size:clamp(20px,1.6vw,25px);line-height:1.3}
em{font-style:italic;color:var(--clay)}.dark em,.hero em,.cs-hero em,.jr em,.ftr em{color:var(--brass)}
html[lang=ar] em{font-style:normal}
html[lang=ar] .d1,html[lang=ar] .d2,html[lang=ar] .d3,html[lang=ar] .d4,html[lang=ar] .d5{letter-spacing:0;font-weight:600}
html[lang=ar] .d1{line-height:1.2}html[lang=ar] .d2{line-height:1.24}html[lang=ar] .d3{line-height:1.3}html[lang=ar] .d4{line-height:1.42}html[lang=ar] .d5{line-height:1.5}
.cap{font:500 12px/1.25 var(--f-b);letter-spacing:.18em;text-transform:uppercase}
html[lang=ar] .cap{font-size:14px;letter-spacing:0;text-transform:none}
.num{font-family:var(--f-n);font-style:italic;font-weight:500;letter-spacing:0;font-variation-settings:"opsz" 24}
.eb{display:inline-flex;align-items:center;gap:12px;color:var(--gold-ink)}
.eb::before{content:"";width:8px;height:8px;background:currentColor;flex:none}
.dark .eb,.hero .eb,.cs-hero .eb,.jr .eb{color:var(--brass)}
.lede{font-size:clamp(18px,1.45vw,22px);line-height:1.6}
.muted{color:var(--smoke)}.dark .muted{color:var(--mist)}
/* layout */
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--pad)}
.sec{padding-block:clamp(88px,11vw,176px);position:relative}
.dark{background:var(--char);color:var(--plaster)}.trav{background:var(--trav)}
.sec-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px 48px;align-items:end;margin-bottom:clamp(48px,6vw,96px)}
.sec-head__t{display:grid;gap:24px}.sec-head p{margin:0;max-width:46ch}
.img{position:relative;overflow:hidden;background:var(--trav)}.dark .img{background:var(--char2)}
.img>img{width:100%;height:100%;object-fit:cover;opacity:0;clip-path:inset(0);transition:opacity .9s ease,transform 1.3s var(--e-out),clip-path 1s var(--e-out)}
.img>img.is-ld{opacity:1}
.pc:hover .pc__img img,.pgi:hover .pgi__img img,.post:hover .post__img img,.feat:hover .feat__img img,.svs__m:hover img,.fdr__m:hover img,.gal__b:hover img,.nxs:hover .nxs__m img,.opt:hover .opt__img img{transform:scale(1.05);clip-path:inset(12px)}
/* reveal */
[data-r]{opacity:0;transform:translateY(34px);transition:opacity 1.1s var(--e-out),transform 1.3s var(--e-out);transition-delay:calc(var(--d,0)*1ms)}
[data-r].is-in{opacity:1;transform:none}
[data-r=clip]{opacity:1;transform:none;clip-path:inset(100% 0 0 0);transition:clip-path 1.5s var(--e-io);transition-delay:calc(var(--d,0)*1ms)}
[data-r=clip].is-in{clip-path:inset(0 0 0 0)}
[data-r=clip]>img{transform:scale(1.2)}[data-r=clip].is-in>img{transform:none;transition:opacity .9s ease,transform 2s var(--e-out),clip-path 1s var(--e-out)}
[data-r=w]{opacity:1;transform:none}
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-block:.08em;margin-block:-.08em}
html[lang=ar] .w{padding-block:.16em;margin-block:-.16em}
.w>span{display:inline-block;transform:translateY(112%);transition:transform 1.2s var(--e-out);transition-delay:calc(var(--d,0)*1ms + var(--i)*55ms)}
.is-in .w>span{transform:none}
@keyframes wIn{from{transform:translateY(112%)}to{transform:none}}@keyframes wOut{from{transform:none}to{transform:translateY(-112%)}}
@keyframes fIn{from{opacity:0}to{opacity:1}}@keyframes fUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes fOut{to{opacity:0}}
@keyframes draw{to{stroke-dashoffset:0}}
/* inline images inside headlines */
.inl{display:inline-block;position:relative;height:.76em;width:1.32em;overflow:hidden;vertical-align:-.02em;background:var(--trav);margin-inline:.05em}
.inl--tall{width:.6em}.inl--wide{width:1.9em}
.inl img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.45);transition:transform 1.9s var(--e-out);transition-delay:calc(var(--d,0)*1ms + var(--i)*55ms + 160ms)}
.is-in .inl img{transform:none}
.dark .inl,.ph--dark .inl,.ftr .inl{background:var(--char2)}
/* buttons */
.btn{position:relative;display:inline-flex;align-items:stretch;height:56px;background:var(--ink);color:var(--plaster);overflow:hidden;isolation:isolate;white-space:nowrap;flex:none;transition:color .5s,translate .6s var(--e-out)}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--clay);transform:translateY(102%);transition:transform .7s var(--e-out)}
.btn:hover::before{transform:none}.btn:hover{color:var(--ink)}
.btn__t{display:grid;align-self:center;overflow:hidden;line-height:1.3;padding-inline:26px 22px}html[lang=ar] .btn__t{line-height:1.6}
.btn__t>span{grid-area:1/1;transition:transform .6s var(--e-out)}.btn__t>span+span{transform:translateY(115%)}
.btn:hover .btn__t>span:first-child{transform:translateY(-115%)}.btn:hover .btn__t>span+span{transform:none}
.btn__i{width:56px;display:grid;place-items:center;flex:none;border-inline-start:1px solid rgba(242,237,230,.2)}
.btn__i .ico{transition:translate .6s var(--e-out)}.btn:hover .btn__i .ico{translate:calc(4px*var(--s)) 0}
.btn--light{background:var(--plaster);color:var(--ink)}.btn--light::before{background:var(--brass)}.btn--light:hover{color:var(--ink)}.btn--light .btn__i{border-color:rgba(27,25,22,.16)}
.btn--sm{height:46px}.btn--sm .btn__t{padding-inline:18px 16px}.btn--sm .btn__i{width:46px}
.btn[disabled]{opacity:.3;pointer-events:none}
.tlink{display:inline-flex;align-items:center;gap:12px;padding-block:8px;position:relative;flex:none}
.tlink::after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:currentColor;transform-origin:var(--o);transition:transform .7s var(--e-out)}
.tlink:hover::after{transform:scaleX(.3)}.tlink .ico{transition:translate .6s var(--e-out)}.tlink:hover .ico{translate:calc(6px*var(--s)) 0}
.chip{height:42px;padding-inline:18px;border:1px solid var(--line);display:inline-flex;align-items:center;gap:8px;font-size:15px;transition:background .4s,color .4s,border-color .4s;white-space:nowrap}
.chip sup{font-size:11px;color:var(--smoke)}.chip:hover{border-color:var(--ink)}
.chip.is-on{background:var(--ink);color:var(--plaster);border-color:var(--ink)}.chip.is-on sup{color:var(--mist)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.rbtn,.xbtn{width:52px;height:52px;border:1px solid var(--line-d);display:grid;place-items:center;transition:background .4s,color .4s,translate .6s var(--e-out)}
.rbtn:hover,.xbtn:hover{background:var(--plaster);color:var(--ink)}
.xbtn{position:absolute;top:20px;inset-inline-end:20px;color:var(--plaster);z-index:2}
/* header */
.hdr{position:fixed;top:0;inset-inline:0;z-index:60;height:var(--hdr);display:flex;align-items:center;gap:28px;padding-inline:var(--pad);color:var(--ink);transition:background-color .5s,color .5s,transform .7s var(--e-out),height .5s var(--e-out),box-shadow .5s,opacity .6s}
.hdr.is-dark{color:var(--plaster)}
.hdr.is-solid{background:rgba(242,237,230,.9);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);color:var(--ink);height:74px;box-shadow:0 1px 0 var(--line)}
.hdr.is-hidden{transform:translateY(-102%)}
.hdr.is-menu{background:transparent;box-shadow:none;color:var(--plaster);transform:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.logo{position:relative;display:block;height:38px;aspect-ratio:1488/592;flex:none}
.logo img{position:absolute;inset:0;width:100%;height:100%;transition:opacity .5s}
.logo .lg-l{opacity:0}.hdr.is-dark:not(.is-solid) .lg-l,.hdr.is-menu .lg-l{opacity:1}.hdr.is-dark:not(.is-solid) .lg-d,.hdr.is-menu .lg-d{opacity:0}
.hdr__nav{display:flex;gap:clamp(18px,2.4vw,40px);margin-inline:auto}
.hdr__a{position:relative;padding-block:10px}
.hdr__a::after{content:"";position:absolute;inset-inline:0;bottom:3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:var(--o);transition:transform .6s var(--e-out)}
.hdr__a:hover::after,.hdr__a.is-on::after{transform:scaleX(1)}
.hdr__end{display:flex;align-items:center;gap:14px;margin-inline-start:auto}
.hdr__nav+.hdr__end{margin-inline-start:0}
.lang{display:flex;align-items:center;height:42px;padding:3px;border:1px solid color-mix(in srgb,currentColor 30%,transparent)}
.lang button{height:34px;min-width:40px;padding-inline:10px;font:500 13px/1 var(--f-b);letter-spacing:.06em;transition:background .4s,color .4s}
.lang button.is-on{background:var(--ink);color:var(--plaster)}
.hdr.is-dark:not(.is-solid) .lang button.is-on,.hdr.is-menu .lang button.is-on{background:var(--plaster);color:var(--ink)}
.lang .ar{font-family:'Almarai',var(--f-b);font-size:16px;font-weight:700;letter-spacing:0}
.hdr.is-dark:not(.is-solid) .btn,.hdr.is-menu .btn{background:var(--plaster);color:var(--ink)}
.hdr.is-dark:not(.is-solid) .btn .btn__i{border-color:rgba(27,25,22,.16)}
.hdr.is-dark:not(.is-solid) .btn::before{background:var(--brass)}
.burger{display:none;width:46px;height:46px;border:1px solid color-mix(in srgb,currentColor 30%,transparent);place-items:center}
.burger i{display:block;width:18px;height:1.5px;background:currentColor;position:relative;transition:transform .5s var(--e-out),background .3s}
.burger i::before,.burger i::after{content:"";position:absolute;inset-inline:0;height:1.5px;background:currentColor;transition:transform .5s var(--e-out)}
.burger i::before{top:-6px}.burger i::after{top:6px}
.is-menu .burger i{background:transparent}.is-menu .burger i::before{transform:translateY(6px) rotate(45deg)}.is-menu .burger i::after{transform:translateY(-6px) rotate(-45deg)}
.mnav{position:fixed;inset:0;z-index:55;background:var(--char);color:var(--plaster);display:flex;flex-direction:column;justify-content:flex-end;gap:36px;padding:calc(var(--hdr) + 24px) var(--pad) 36px;clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .9s var(--e-io),visibility 0s .9s}
.mnav.is-open{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .9s var(--e-io)}
.mnav__list{display:grid;gap:4px}
.mnav__a{display:flex;align-items:baseline;gap:18px;font:500 clamp(40px,10vw,68px)/1.12 var(--f-d);overflow:hidden}
.mnav__a>span{display:inline-block;transform:translateY(105%);transition:transform .9s var(--e-out)}
.mnav__a .num{font-size:16px;color:var(--brass)}
.mnav.is-open .mnav__a>span{transform:none;transition-delay:calc(.25s + var(--i)*.06s)}
.mnav__foot{display:flex;flex-wrap:wrap;gap:12px 28px;color:var(--mist);font-size:15px}
@media(max-width:1120px){.hdr__nav,.hdr__end .btn{display:none}.burger{display:grid}.hdr__end,.hdr__nav+.hdr__end{margin-inline-start:auto}}
@media(max-width:760px){:root{--hdr:72px}.logo{height:30px}.hdr.is-solid{height:64px}}
/* page transition: sliding doors */
.veil{position:fixed;inset:0;z-index:90;visibility:hidden;pointer-events:none}
.veil.is-on{visibility:visible;pointer-events:all}
.veil__d{position:absolute;top:0;bottom:0;width:50%;background:var(--char);overflow:hidden;will-change:transform}
.veil__d--a{left:0}.veil__d--b{right:0}
.veil__d img{position:absolute;top:0;height:100%;width:100vw;max-width:none;object-fit:cover;opacity:0;animation:veilImg 2.4s var(--e-out) forwards}
.veil__d--a img{left:0}.veil__d--b img{right:0}
@keyframes veilImg{from{opacity:0;transform:scale(1.12)}to{opacity:.3;transform:scale(1.02)}}
.veil__d--a img{transform-origin:100% 50%}.veil__d--b img{transform-origin:0 50%}
.veil__d::after{content:"";position:absolute;top:0;bottom:0;width:1.5px;background:var(--brass);opacity:var(--edge,0)}
.veil__d--a::after{right:0}.veil__d--b::after{left:0}
.veil__in{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:20px;text-align:center;padding:24px;color:var(--plaster)}
.veil__k{color:var(--brass);opacity:0}.veil__t{font:italic 500 clamp(46px,7vw,112px)/1.05 var(--f-d);opacity:0}
html[lang=ar] .veil__t{font-style:normal;font-weight:600}
.veil__in.is-show .veil__k,.veil__in.is-show .veil__t{animation:fUp .8s var(--e-out) both}.veil__in.is-show .veil__t{animation-delay:.06s}
.veil__in.is-hide .veil__k,.veil__in.is-hide .veil__t{opacity:1;animation:fOut .3s ease both}
.veil__in.is-hide .intro{animation:fOut .3s ease both}
.intro{display:grid;justify-items:center;gap:26px}
.intro__frame{position:relative;width:210px;height:140px;display:grid;place-items:center}
.intro__frame svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.intro__frame rect{fill:none;stroke:var(--brass);stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.4s var(--e-io) .15s forwards}
.intro__frame img{width:134px;opacity:0;animation:fIn 1s ease .5s forwards}
.intro__k{opacity:0;animation:fIn 1s ease .8s forwards;color:var(--mist)}
/* shared-element flight */
.fly{position:fixed;z-index:85;overflow:hidden;visibility:hidden;pointer-events:none;background:var(--char)}
.fly.is-on{visibility:visible}
.fly img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.fly__sh{position:absolute;inset:0;opacity:0;background:linear-gradient(180deg,rgba(12,10,8,.5),rgba(12,10,8,0) 28%,rgba(12,10,8,.15) 52%,rgba(12,10,8,.86))}
body.is-flying main,body.is-flying .wa,body.is-flying .hdr{opacity:0;transition:opacity .5s ease}
/* cursor */
.cur{position:fixed;inset:0;z-index:300;pointer-events:none}
.cur__dot{position:fixed;top:0;left:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--clay);will-change:transform;transition:width .4s var(--e-out),height .4s var(--e-out),margin .4s var(--e-out),opacity .3s,background-color .3s}
.cur.is-link .cur__dot{width:16px;height:16px;margin:-8px 0 0 -8px}
.cur__lab{position:fixed;top:0;left:0;will-change:transform}
.cur__lab span{display:block;translate:16px 14px;padding:10px 14px 9px;background:var(--clay);color:var(--ink);white-space:nowrap;scale:0;transform-origin:0 0;transition:scale .45s var(--e-out)}
.cur.is-lab .cur__lab span{scale:1}.cur.is-lab .cur__dot{opacity:0}
.cur.is-off .cur__dot,.cur.is-off .cur__lab{opacity:0}
.cur.is-dk .cur__dot{background:var(--brass)}
.has-cur,.has-cur a,.has-cur button,.has-cur [data-cursor]{cursor:none}
.has-cur .twk-panel,.has-cur .twk-panel *{cursor:auto}.has-cur input,.has-cur textarea{cursor:text}
/* hero */
.hero-wrap{position:relative}
.hero{position:relative;height:100vh;height:100svh;min-height:620px;background:var(--char);color:var(--plaster);overflow:hidden;isolation:isolate;--mx:0;--my:0}
.hero-wrap>.hero{position:sticky;top:0}
.hero__stage{position:absolute;inset:0;touch-action:pan-y;user-select:none;-webkit-user-select:none;transform-origin:50% 35%}
.hero__layer{position:absolute;inset:0;visibility:hidden;overflow:hidden;background:var(--char)}
.hero__layer.is-cur{visibility:visible;z-index:1}.hero__layer.is-nxt{visibility:visible;z-index:2}
.hero__img{position:absolute;inset:-3%;width:106%;height:106%;max-width:none;object-fit:cover;translate:calc(var(--mx)*-16px) calc(var(--my)*-10px);transition:translate 1.4s var(--e-out)}
.hero__layer.is-cur .hero__img{animation:kb 11s linear both}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.08)}}
.hero__dim{position:absolute;inset:0;background:#0c0a08;opacity:0;pointer-events:none}
.hero__fx{position:absolute;inset:0;z-index:3;pointer-events:none}
.hero__slat{position:absolute;inset:0;overflow:hidden;will-change:transform}
.hero__clone{position:absolute;overflow:hidden;will-change:left,top,width,height}
.hero__frame{position:absolute;z-index:4;border:1.5px solid var(--brass);pointer-events:none;opacity:0}
.hero__shade{position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(180deg,rgba(12,10,8,.55) 0%,rgba(12,10,8,0) 24%,rgba(12,10,8,0) 42%,rgba(12,10,8,.8) 100%),linear-gradient(var(--gdir),rgba(12,10,8,.45) 0%,rgba(12,10,8,0) 62%)}
.hero__fade{position:absolute;inset:0;z-index:6;background:#0c0a08;opacity:0;pointer-events:none}
.hero__ui{position:absolute;inset:0;z-index:7;display:grid;grid-template-rows:auto 1fr auto;padding:calc(var(--hdr) + 18px) var(--pad) 26px;pointer-events:none}
.hero__ui a,.hero__ui button,.hero__strip{pointer-events:auto}
.hero__top{display:flex;justify-content:space-between;align-items:center;gap:20px;color:rgba(242,237,230,.86)}
.hero__top h1{margin:0}
.hero__main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;padding-bottom:34px}
.hero__copy{display:grid;max-width:min(1080px,74vw)}
.hcopy{grid-area:1/1;align-self:end}
.hcopy__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:24px}
.hcopy__meta .num{font-size:17px;color:var(--brass)}
.hcopy__title{font-size:clamp(46px,7.2vw,124px);line-height:.96;margin:0 0 30px;max-width:13ch}
html[lang=ar] .hcopy__title{line-height:1.22;max-width:14ch}
.hcopy__row{display:flex;flex-wrap:wrap;align-items:center;gap:16px 44px}
.hmats{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center}
.hmat{display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.02em;color:rgba(242,237,230,.86)}
.hmat i{width:16px;height:16px;box-shadow:0 0 0 1px rgba(242,237,230,.45);flex:none}
.hcopy[data-s=wait] .w>span{transform:translateY(112%)}
.hcopy[data-s=wait] .hcopy__f,.hcopy[data-s=wait] .hmat{opacity:0}
.hcopy[data-s=in] .w>span{animation:wIn 1.25s var(--e-out) both;animation-delay:calc(var(--d0,0ms) + var(--i)*65ms)}
.hcopy[data-s=in] .hcopy__f{animation:fUp 1s var(--e-out) both;animation-delay:calc(var(--d0,0ms) + 260ms)}
.hcopy[data-s=in] .hmat{animation:fUp .9s var(--e-out) both;animation-delay:calc(var(--d0,0ms) + 480ms + var(--j)*90ms)}
.hcopy[data-s=out] .w>span{animation:wOut .75s var(--e-io) both;animation-delay:calc(var(--i)*22ms)}
.hcopy[data-s=out] .hcopy__f{animation:fOut .4s ease both}
.hero[data-mode=depth] .hero__copy{translate:calc(var(--mx)*14px) calc(var(--my)*10px);transition:translate 1.2s var(--e-out)}
.hidxs{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:20px;border-top:1px solid rgba(242,237,230,.24)}
.hidx{position:relative;display:flex;gap:12px;align-items:baseline;padding-top:16px;color:rgba(242,237,230,.66);transition:color .4s;min-width:0}
.hidx::before{content:"";position:absolute;top:-1px;inset-inline:0;height:2px;background:var(--brass);transform:scaleX(0);transform-origin:var(--o);transition:transform .9s var(--e-io)}
.hidx.is-on{color:var(--plaster)}.hidx.is-on::before{transform:scaleX(var(--prog,0));transition:none}.hidx:hover{color:var(--plaster)}
.hidx .num{font-size:15px}.hidx__t{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hnext{display:grid;justify-items:start;gap:14px;color:var(--plaster);width:150px}
.hnext__th{position:relative;display:block;width:150px;height:188px;overflow:hidden;background:var(--char2)}
.hnext__th img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--e-out)}
.hnext:hover .hnext__th img{transform:scale(1.1)}
.hnext__th::after{content:"";position:absolute;inset:0;border:1px solid rgba(242,237,230,.3);transition:inset .7s var(--e-out)}
.hnext:hover .hnext__th::after{inset:8px}
.hnext__l{color:rgba(242,237,230,.8)}.hnext__l b{display:block;margin-top:6px;font:italic 500 18px/1.2 var(--f-d);letter-spacing:0;text-transform:none;color:var(--plaster)}
html[lang=ar] .hnext__l b{font-style:normal}
.hero__strip{display:flex;gap:12px;max-width:min(600px,44vw);overflow-x:auto;scrollbar-width:none;padding-bottom:2px;cursor:grab;-webkit-mask-image:linear-gradient(var(--gdir),#000 78%,transparent);mask-image:linear-gradient(var(--gdir),#000 78%,transparent)}
.hero__strip::-webkit-scrollbar{display:none}.hero__strip.is-drag{cursor:grabbing}
.hcard{position:relative;flex:0 0 150px;height:196px;overflow:hidden;background:var(--char2)}
.hcard img{width:100%;height:100%;object-fit:cover;pointer-events:none;transition:transform 1s var(--e-out)}.hcard:hover img{transform:scale(1.08)}
.hcard__l{position:absolute;inset-inline:0;bottom:0;padding:40px 12px 12px;background:linear-gradient(transparent,rgba(12,10,8,.85));font-size:13px;line-height:1.3;text-align:start}
.hcard__l .num{display:block;color:var(--brass);font-size:13px}
.hcard__p{position:absolute;inset-inline:0;bottom:0;height:2px;background:var(--brass);transform-origin:var(--o);transform:scaleX(0)}
@media(max-width:900px){.hero__main{grid-template-columns:1fr}.hnext{display:none}.hero__strip{max-width:100%}.hero__copy{max-width:100%}.hidx__t{display:none}.hidxs{gap:8px}.hero__top .cap:last-child{display:none}.hmats{display:none}}
/* statement (rises over the hero) */
.stmt-sec{z-index:2;background:var(--plaster);clip-path:inset(0 calc(var(--k,1)*var(--pad)) 0 calc(var(--k,1)*var(--pad)))}
.stmt{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px 24px}
.stmt__l{grid-column:1/4}
.stmt__t{grid-column:4/11;font:500 clamp(27px,3vw,48px)/1.26 var(--f-d);letter-spacing:-.01em;margin:0}
html[lang=ar] .stmt__t{line-height:1.62;font-weight:600;letter-spacing:0}
.stmt__t .sw{opacity:clamp(.15,calc(var(--p,0)*var(--n) - var(--i) + 1),1)}
.stmt__t .inl{opacity:1;scale:clamp(.001,calc(var(--p,0)*var(--n) - var(--i) + 1),1);transform-origin:50% 60%}
.stmt__t .inl img{transform:none}
.stmt__a{grid-column:8/13;display:grid;grid-template-columns:minmax(110px,170px) minmax(0,1fr);gap:24px;align-items:end;margin-top:24px}
.stmt__img{aspect-ratio:3/4}
.stmt__a p{margin:0 0 14px;color:var(--smoke)}
@media(max-width:1100px){.stmt__l,.stmt__t{grid-column:1/-1}.stmt__a{grid-column:5/13}}@media(max-width:700px){.stmt__a{grid-column:1/-1}}
/* services list */
.svl{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line-d)}
.svr{display:grid;grid-template-columns:72px minmax(0,1.25fr) minmax(0,1fr) 58px;gap:24px;align-items:center;padding-block:clamp(22px,2.5vw,36px);border-top:1px solid var(--line-d);transition:opacity .5s}
.svl:hover .svr{opacity:.4}.svl .svr:hover{opacity:1}
.svr .num{font-size:18px;color:var(--brass)}
.svr__t{font:500 clamp(28px,3.4vw,56px)/1.06 var(--f-d);letter-spacing:-.015em;transition:translate .8s var(--e-out)}
html[lang=ar] .svr__t{line-height:1.35;font-weight:600;letter-spacing:0}
.svr:hover .svr__t{translate:calc(22px*var(--s)) 0}
.svr__d{color:var(--mist);max-width:34ch}
.svr__i{width:58px;height:58px;border:1px solid var(--line-d);display:grid;place-items:center;transition:background .5s,color .5s,border-color .5s}
.svr:hover .svr__i{background:var(--brass);border-color:var(--brass);color:var(--ink)}
.flt{position:fixed;top:0;left:0;z-index:30;width:260px;height:336px;overflow:hidden;pointer-events:none;opacity:0;scale:.6;transition:opacity .45s,scale .7s var(--e-out)}
.flt.is-on{opacity:1;scale:1}
.flt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s}.flt img.is-on{opacity:1}
@media(max-width:900px){.svr{grid-template-columns:44px minmax(0,1fr) 46px}.svr__d{grid-column:2/3;grid-row:2}.svr__i{width:46px;height:46px;grid-row:1/3;grid-column:3}.flt{display:none}}
/* horizontal work rail */
.hw{position:relative}
.hw__sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.hw__track{display:flex;align-items:center;gap:clamp(28px,3.4vw,60px);padding-inline:var(--pad);width:max-content;will-change:transform}
.hw__head{flex:0 0 min(430px,78vw);display:grid;gap:26px;align-content:center;padding-inline-end:20px}
.hw__head p{margin:0;color:var(--smoke);max-width:36ch}
.pc{display:block;flex:none;position:relative}
.pc__img{position:relative;overflow:hidden;background:var(--trav)}
.pc__img img{width:100%;height:100%;object-fit:cover}
.pc--a .pc__img{width:clamp(250px,23vw,390px);height:min(60vh,560px)}
.pc--b .pc__img{width:clamp(320px,35vw,600px);height:min(48vh,450px)}
.pc--c .pc__img{width:clamp(230px,20vw,330px);height:min(40vh,370px)}
.pc--b{margin-top:14vh}.pc--c{margin-bottom:16vh}
.pc__m{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;padding-top:16px;align-items:baseline}
.pc__m .num{color:var(--gold-ink);font-size:15px;grid-row:1/3}
.pc__t{font:500 clamp(20px,1.6vw,26px)/1.2 var(--f-d);margin:0}
.pc__s{color:var(--smoke)}
.hw__end{flex:none;width:clamp(230px,21vw,330px);aspect-ratio:3/4;background:var(--clay);color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(22px,2.2vw,34px);transition:background .6s}
.hw__end:hover{background:var(--ink);color:var(--plaster)}
.hw__end b{font:500 clamp(28px,2.5vw,42px)/1.1 var(--f-d);letter-spacing:-.015em}
.hw__end .ico{transition:translate .6s var(--e-out)}.hw__end:hover .ico{translate:calc(8px*var(--s)) 0}
.hw__bar{position:absolute;bottom:34px;inset-inline:var(--pad);height:1px;background:var(--line)}
.hw__bar i{position:absolute;inset:0;background:var(--ink);transform-origin:var(--o);transform:scaleX(var(--p,0))}
@media(max-width:900px){.hw{height:auto!important}.hw__sticky{position:relative;height:auto;padding-block:96px 60px}.hw__track{width:auto;overflow-x:auto;scroll-padding-inline:var(--pad);transform:none!important;scroll-snap-type:x mandatory;align-items:flex-start;scrollbar-width:none}.hw__track>*{scroll-snap-align:start}.pc--b,.pc--c{margin:0}.pc .pc__img{width:72vw;height:92vw}.hw__head{flex-basis:80vw}.hw__bar{display:none}.hw__end{width:60vw}}
/* sketch to space */
.sks{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px clamp(40px,6vw,110px);align-items:center}
.sks__c{display:grid;gap:26px;justify-items:start}
.sks__c .lede{margin:0;max-width:40ch}
.sks__ls{list-style:none;margin:0;padding:0;width:100%;max-width:440px;border-bottom:1px solid var(--line)}
.sks__ls li{display:flex;gap:16px;align-items:baseline;padding-block:12px;border-top:1px solid var(--line)}
.sks__ls .num{color:var(--gold-ink)}
.sks__f{position:relative;width:100%;aspect-ratio:1600/1778;overflow:hidden;background:var(--stone);touch-action:pan-y;user-select:none;-webkit-user-select:none;--x:.86}
.sks__f img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.sks__sk{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--x)*100%) 0 0)}
[dir=rtl] .sks__sk{clip-path:inset(0 0 0 calc(100% - var(--x)*100%))}
.sks__ln{position:absolute;top:0;bottom:0;inset-inline-start:calc(var(--x)*100%);width:0;z-index:3}
.sks__ln::before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:2px;background:var(--plaster);box-shadow:0 0 14px rgba(12,10,8,.25)}
.sks__h{position:absolute;top:50%;left:0;translate:-50% -50%;width:64px;height:64px;background:var(--plaster);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:4px;box-shadow:0 14px 34px rgba(12,10,8,.28);transition:background .4s,color .4s}
.sks__h:hover,.sks__f:active .sks__h{background:var(--clay);color:var(--ink)}
.sks__tag{position:absolute;top:18px;z-index:2;padding:9px 12px 8px;background:var(--ink);color:var(--plaster)}
.sks__tag--a{inset-inline-start:18px}.sks__tag--b{inset-inline-end:18px;background:var(--plaster);color:var(--ink)}
.sks__note{position:absolute;display:flex;align-items:center;direction:ltr;font:italic 500 clamp(14px,1.15vw,18px)/1.2 var(--f-d);color:#2E2823;white-space:nowrap;translate:-5px -50%}
.sks__note i{width:10px;height:10px;border:1.5px solid var(--clay);background:var(--plaster);flex:none}
.sks__note b{width:30px;height:1px;background:#2E2823;flex:none;margin-inline:6px 8px}
.sks__note--l{flex-direction:row-reverse;translate:calc(-100% + 5px) -50%}
.sks__note--l b{margin-inline:8px 6px}
html[lang=ar] .sks__note{font-style:normal;font-weight:600}
@media(max-width:900px){.sks{grid-template-columns:1fr}.sks__note{display:none}}
/* journey (five rooms) */
.jr{position:relative;background:var(--char)}
.jr__st{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;color:var(--plaster)}
.jr__room{position:absolute;inset:0;overflow:hidden;visibility:hidden;background:var(--char)}
.jr__room img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;transform-origin:50% 50%;will-change:transform}
.jr__dim{position:absolute;inset:0;background:#0c0a08;opacity:0}
.jr__fr{position:absolute;z-index:20;border:1.5px solid var(--brass);pointer-events:none;opacity:0}
.jr__sh{position:absolute;inset:0;z-index:21;pointer-events:none;background:linear-gradient(180deg,rgba(12,10,8,.55),rgba(12,10,8,0) 26%,rgba(12,10,8,0) 46%,rgba(12,10,8,.82)),linear-gradient(var(--gdir),rgba(12,10,8,.5),rgba(12,10,8,0) 58%)}
.jr__top{position:absolute;z-index:22;top:calc(var(--hdr) + 14px);inset-inline:var(--pad);display:flex;justify-content:space-between;align-items:center;gap:20px}
.jr__top .num{font-size:20px;color:var(--brass)}
.jr__tx{position:absolute;z-index:22;inset-inline-start:var(--pad);bottom:clamp(96px,13vh,150px);width:min(660px,86vw);display:grid;gap:16px;justify-items:start;opacity:0;visibility:hidden;will-change:opacity,transform}
.jr__k{color:var(--brass)}.jr__k .num{font-size:18px;margin-inline-start:4px}
.jr__tx p{margin:0;color:rgba(242,237,230,.88);max-width:42ch}
.jr__cta{margin-top:12px}
.jr__bar{position:absolute;z-index:22;bottom:34px;inset-inline:var(--pad);display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:14px}
.jr__bi{display:grid;gap:10px;color:rgba(242,237,230,.6);transition:color .4s;min-width:0}
.jr__bi i{display:block;height:2px;background:rgba(242,237,230,.22);position:relative;overflow:hidden}
.jr__bi i b{position:absolute;inset:0;background:var(--brass);transform-origin:var(--o);transform:scaleX(var(--f,0))}
.jr__bi span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jr__bi.is-on{color:var(--plaster)}
@media(max-width:700px){.jr__bi span{display:none}}
/* process (services page) */
.proc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,120px)}
.proc__st{position:sticky;top:calc(var(--hdr) + 12px);align-self:start;display:grid;gap:30px}
.proc__m{position:relative;height:min(58vh,600px);max-width:520px;overflow:hidden;background:var(--stone)}
.proc__m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.1);transition:opacity 1s var(--e-out),transform 1.8s var(--e-out)}
.proc__m img.is-on{opacity:1;transform:none}
.proc__ol{list-style:none;margin:0;padding:8vh 0 4vh}
.pst{min-height:44vh;display:grid;align-content:center;gap:14px;border-top:1px solid var(--line);padding-block:40px;color:var(--smoke);transition:color .6s}
.pst.is-on{color:var(--ink)}
.pst .num{font-size:clamp(54px,5.4vw,90px);line-height:1;color:var(--stone);transition:color .6s}.pst.is-on .num{color:var(--clay)}
.pst h3{margin:0}.pst p{margin:0;max-width:40ch}
@media(max-width:900px){.proc{grid-template-columns:1fr}.proc__st{position:relative;top:0}.proc__m{height:72vw;max-width:none}.pst{min-height:0}}
/* marquee */
.marq{overflow:hidden;padding-block:clamp(34px,4.6vw,70px);border-block:1px solid var(--line)}
.marq__tr{display:flex;width:max-content;animation:marq 52s linear infinite}
[dir=rtl] .marq__tr{animation-name:marqR}
.marq:hover .marq__tr{animation-play-state:paused}
.marq__g{display:flex;align-items:center;gap:clamp(28px,4vw,64px);padding-inline-end:clamp(28px,4vw,64px)}
.marq__w{font:italic 500 clamp(40px,6vw,96px)/1.1 var(--f-d);white-space:nowrap}
html[lang=ar] .marq__w{font-style:normal;font-weight:600}
.marq__s{width:12px;height:12px;background:var(--clay);flex:none;rotate:45deg}
@keyframes marq{to{transform:translateX(-50%)}}@keyframes marqR{to{transform:translateX(50%)}}
/* founder */
.fdr{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(40px,7vw,120px);align-items:center}
.fdr__m{position:relative;display:block;width:100%;aspect-ratio:4/5}
.play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:104px;height:104px;background:rgba(242,237,230,.95);color:var(--ink);display:grid;place-items:center;align-content:center;gap:8px;transition:background .5s,color .5s,scale .7s var(--e-out)}
.fdr__m:hover .play{background:var(--clay);color:var(--ink);scale:1.06}
.fdr__c{display:grid;gap:28px;justify-items:start}
.fdr__c p{margin:0;max-width:46ch}
.modal{position:fixed;inset:0;z-index:95;background:rgba(12,10,8,.92);display:grid;place-items:center;padding:clamp(16px,5vw,80px);animation:fIn .4s both}
.modal__b{position:relative;width:min(1200px,100%);aspect-ratio:16/9;background:#000;animation:fUp .8s var(--e-out) both}
.modal__b iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:900px){.fdr{grid-template-columns:1fr}}
/* posts */
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px clamp(20px,2.4vw,40px)}
.post{display:grid;gap:18px;align-content:start}
.post__img{aspect-ratio:4/3}
.post__m{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--smoke)}.post__m b{color:var(--gold-ink);font-weight:500}
.post__t{font:500 clamp(22px,1.8vw,28px)/1.25 var(--f-d);margin:0;text-wrap:balance;transition:color .4s}
html[lang=ar] .post__t{line-height:1.5;font-weight:600}
.post:hover .post__t{color:var(--gold-ink)}
.post__x{margin:0;color:var(--smoke);font-size:16px}
@media(max-width:1000px){.posts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.posts{grid-template-columns:1fr}}
/* footer */
.ftr{background:var(--char);color:var(--plaster);padding-top:clamp(90px,11vw,170px);overflow:hidden}
.ftr__cta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px;align-items:flex-end;padding-bottom:clamp(64px,8vw,120px);border-bottom:1px solid var(--line-d)}
.ftr__cta .d1{max-width:12ch}
.ftr__g{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr)) minmax(0,1.4fr);gap:40px;padding-block:64px}
.ftr__h{color:var(--brass);margin:0 0 22px;display:block}
.ftr__ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ftr__ul a,.ftr__ul span{color:var(--mist);transition:color .3s}.ftr__ul a:hover{color:var(--plaster)}
.ftr__big{font:500 clamp(22px,2vw,30px)/1.3 var(--f-d);display:block;margin-bottom:8px}
.ftr__big:hover{color:var(--brass)}
.news{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line-d);margin-top:18px}
.news input{flex:1;min-width:0;height:54px;background:none;border:0;outline:none;color:var(--plaster);font-size:17px}
.news input::placeholder{color:var(--mist)}
.news button{width:44px;height:44px;background:var(--plaster);color:var(--ink);display:grid;place-items:center;flex:none;transition:background .4s}
.news button:hover{background:var(--brass)}
.ftr__mark{padding-inline:var(--pad);opacity:.07}.ftr__mark img{width:100%;height:auto}
.ftr__b{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding-block:24px 28px;border-top:1px solid var(--line-d);color:var(--mist);font-size:14px}
.ftr__b a:hover,.ftr__b button:hover{color:var(--plaster)}
@media(max-width:1000px){.ftr__g{grid-template-columns:1fr 1fr}}@media(max-width:600px){.ftr__g{grid-template-columns:1fr}}
.wa{position:fixed;bottom:22px;inset-inline-end:22px;z-index:40;height:52px;padding-inline:16px 20px;background:var(--ink);color:var(--plaster);display:flex;align-items:center;gap:10px;font-size:15px;box-shadow:0 14px 34px rgba(12,10,8,.22);transform:translateY(160%);transition:transform .8s var(--e-out),background .4s,opacity .5s}
.wa.is-on{transform:none}.wa:hover{background:var(--clay);color:var(--ink)}
.wa i{width:10px;height:10px;border-radius:50%;background:#4FBF6E;box-shadow:0 0 0 4px rgba(79,191,110,.2)}
/* page hero */
.ph{padding:calc(var(--hdr) + clamp(64px,9vw,150px)) 0 clamp(56px,7vw,110px);position:relative;overflow:hidden}
.ph__g{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:32px 56px;align-items:end}
.ph__g>div:first-child{display:grid;gap:28px}
.ph .lede{margin:0;max-width:42ch}
.ph--dark{background:var(--char);color:var(--plaster)}
.ph__bg{position:absolute;inset:0;opacity:.3}.ph__bg img{width:100%;height:100%;object-fit:cover}
.ph__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--char),rgba(31,28,25,.4) 50%,var(--char))}
.ph .wrap{position:relative}
.crumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.crumbs a{opacity:.75;transition:opacity .3s}.crumbs a:hover{opacity:1}.crumbs i{width:16px;height:1px;background:currentColor;opacity:.5}
@media(max-width:900px){.ph__g,.sec-head{grid-template-columns:1fr}}
/* studio */
.story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:40px clamp(40px,7vw,120px)}
.story__c{display:grid;gap:22px}.story__c p{margin:0}
.vals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line-d)}
.val{padding:36px 28px 44px;border-inline-end:1px solid var(--line-d);display:grid;gap:18px;align-content:start;transition:background .6s}
.val:last-child{border-inline-end:0}.val:hover{background:var(--char2)}
.val .num{font-size:44px;line-height:1;color:var(--brass)}.val h3{margin:0}.val p{margin:0;color:var(--mist)}
.studios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.stc{display:grid;gap:18px;align-content:start;justify-items:start;padding:clamp(28px,3vw,44px);padding-top:clamp(60px,6vw,96px);border:1px solid var(--line);border-top:4px solid var(--ink);transition:background .6s}
.stc:hover{background:var(--trav)}.stc p{margin:0;max-width:30ch}
@media(max-width:1000px){.vals{grid-template-columns:1fr 1fr}.val:nth-child(2){border-inline-end:0}}@media(max-width:900px){.story,.studios{grid-template-columns:1fr}.oa__f{height:70vh}}@media(max-width:600px){.vals{grid-template-columns:1fr}.val{border-inline-end:0;border-bottom:1px solid var(--line-d)}}
/* services page */
.svs{display:grid;gap:clamp(90px,11vw,170px)}
.svs__i{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px clamp(40px,7vw,120px);align-items:center}
.svs__i:nth-child(even) .svs__m{order:2}
.svs__m{display:block;height:min(78vh,760px)}.svs__i:nth-child(odd) .svs__m{max-width:560px}
.svs__c{display:grid;gap:24px;justify-items:start}.svs__c p{margin:0;max-width:44ch}
.svs__inc{list-style:none;margin:0;padding:0;display:grid;width:100%;max-width:520px}
.svs__inc li{display:flex;gap:16px;padding-block:12px;border-top:1px solid var(--line)}.svs__inc li .num{color:var(--gold-ink)}
.faq{max-width:1000px}
.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:28px;cursor:pointer;font:500 clamp(22px,2vw,30px)/1.3 var(--f-d)}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{position:relative;width:40px;height:40px;border:1px solid var(--line);flex:none;transition:background .4s}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:currentColor;translate:-50% -50%}
.faq summary i::after{rotate:90deg;transition:rotate .5s var(--e-out)}
.faq details[open] summary i{background:var(--ink);color:var(--plaster);border-color:var(--ink)}.faq details[open] summary i::after{rotate:0deg}
.faq__a{padding:0 0 30px;max-width:62ch;color:var(--smoke);animation:fUp .6s var(--e-out)}
@media(max-width:900px){.svs__i{grid-template-columns:1fr}.svs__i:nth-child(even) .svs__m{order:0}.svs__m{height:100vw;max-width:none!important}}
/* service detail */
.sd{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px clamp(40px,6vw,100px);align-items:end}
.sd__c{display:grid;gap:30px;justify-items:start}.sd__c .lede{margin:0;max-width:44ch}
.sd__m{height:min(76vh,760px)}
.inc{list-style:none;margin:0;padding:0}
.inc li{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:20px;align-items:center;padding-block:clamp(20px,2.4vw,32px);border-top:1px solid var(--line-d);font:500 clamp(24px,2.6vw,42px)/1.2 var(--f-d)}
.inc li:last-child{border-bottom:1px solid var(--line-d)}.inc .num{font-size:20px;color:var(--brass)}
.inc li i{width:8px;height:8px;background:var(--brass)}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,40px)}
.nxs{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;padding-block:clamp(60px,8vw,120px);border-top:1px solid var(--line)}
.nxs__t{transition:color .5s}.nxs:hover .nxs__t{color:var(--gold-ink)}
.nxs__m{width:clamp(160px,16vw,260px);height:clamp(200px,20vw,320px)}
@media(max-width:900px){.sd,.grid3{grid-template-columns:1fr}.sd__m{height:110vw}.inc li{grid-template-columns:50px minmax(0,1fr)}.inc li i{display:none}}
/* projects */
.ptools{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:20px;border-block:1px solid var(--line)}
.vtog{display:flex;padding:3px;border:1px solid var(--line)}
.vtog button{height:36px;padding-inline:16px;font-size:14px;transition:background .4s,color .4s}.vtog button.is-on{background:var(--ink);color:var(--plaster)}
.pg{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(48px,5vw,80px) clamp(16px,2vw,32px);padding-top:clamp(48px,5vw,80px);align-items:start}
.pgi{display:grid;gap:16px}.pg>.pgi{grid-column:span 4}
.pgi__img{aspect-ratio:var(--ar,4/5)}
.pgi__m{display:grid;gap:8px}
.pgi__t{font:500 clamp(22px,2vw,32px)/1.2 var(--f-d);margin:0}
.pgi__s{color:var(--smoke);order:-1}
.pgn{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(56px,6vw,96px);padding-top:28px;border-top:1px solid var(--line)}
.pgn__nums{display:flex;flex-wrap:wrap;gap:8px}
.pgn__n,.pgn__a{height:52px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;transition:background .4s,color .4s,border-color .4s}
.pgn__n{min-width:52px;padding-inline:12px;font-size:16px;font-variant-numeric:tabular-nums}.pgn__n:hover{border-color:var(--ink)}
.pgn__n.is-on{background:var(--ink);color:var(--plaster);border-color:var(--ink);pointer-events:none}
.pgn__a{gap:12px;padding-inline:22px}.pgn__a:hover{background:var(--ink);color:var(--plaster);border-color:var(--ink)}.pgn__a:disabled{opacity:.3;pointer-events:none}
@media(max-width:900px){.pg>.pgi{grid-column:span 6}.pgn__a{padding-inline:14px}.pgn__a .t{display:none}}@media(max-width:600px){.pg>.pgi{grid-column:1/-1}}
/* case study */
.cs-hero{position:relative;height:100vh;height:100svh;min-height:620px;overflow:hidden;background:var(--char);color:var(--plaster)}
.cs-hero__img{position:absolute;inset:-6% 0;will-change:transform}.cs-hero__img img{width:100%;height:100%;max-width:none;object-fit:cover}
.cs-hero__sh{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,10,8,.5),rgba(12,10,8,0) 28%,rgba(12,10,8,.15) 52%,rgba(12,10,8,.86))}
.cs-hero__c{position:absolute;inset-inline:0;bottom:0;padding-bottom:40px;display:grid;gap:26px}
.cs-hero__c .crumbs{color:rgba(242,237,230,.85)}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding-top:22px;border-top:1px solid var(--line-d)}
.facts div{display:grid;gap:8px}.facts dt{color:var(--brass)}.facts dd{margin:0;font:500 clamp(18px,1.5vw,22px)/1.3 var(--f-d)}
.csb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:40px clamp(40px,7vw,120px)}
.csb__side{position:sticky;top:calc(var(--hdr) + 20px);align-self:start;display:grid;gap:22px;justify-items:start}
.csb__lead{font:500 clamp(26px,2.6vw,42px)/1.3 var(--f-d);margin:0 0 56px;text-wrap:pretty;letter-spacing:-.01em}
html[lang=ar] .csb__lead{line-height:1.6;font-weight:600;letter-spacing:0}
.css{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px 20px;padding-block:30px;border-top:1px solid var(--line)}
.css .num{color:var(--gold-ink);font-size:18px;grid-row:1/3}.css h3{margin:0}.css p{margin:0;color:var(--smoke);max-width:58ch}
.hl{list-style:none;margin:0;padding:0}
.hl li{display:flex;gap:20px;align-items:baseline;padding-block:22px;border-top:1px solid var(--line);font:500 clamp(22px,2vw,30px)/1.3 var(--f-d)}
.hl li .num{color:var(--gold-ink);font-size:17px}
.pal{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,2vw,28px)}
.pal__i{display:grid;gap:14px}.pal__c{aspect-ratio:3/4;box-shadow:inset 0 0 0 1px rgba(27,25,22,.08);transition:transform .8s var(--e-out)}
.pal__i:hover .pal__c{transform:translateY(-10px)}
.nxp{display:block;position:relative;height:min(84vh,760px);overflow:hidden;background:var(--char);color:var(--plaster)}
.nxp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;transform:scale(1.1);transition:transform 1.8s var(--e-out),opacity 1s}
.nxp:hover img{transform:scale(1);opacity:.72}
.nxp__c{position:relative;height:100%;display:grid;place-content:center;justify-items:center;gap:22px;text-align:center;padding:24px}
.nxp__bar{width:1.5px;height:84px;background:var(--brass);transition:height .9s var(--e-out)}.nxp:hover .nxp__bar{height:140px}
@media(max-width:900px){.facts{grid-template-columns:1fr 1fr}.csb{grid-template-columns:1fr}.csb__side{position:relative;top:0}.pal{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* journal */
.feat{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center;padding-bottom:clamp(64px,8vw,120px);margin-bottom:clamp(56px,7vw,100px);border-bottom:1px solid var(--line)}
.feat__img{aspect-ratio:4/3}
.feat__c{display:grid;gap:22px;justify-items:start}.feat__c p{margin:0;color:var(--smoke)}
.feat__t{transition:color .4s}.feat:hover .feat__t{color:var(--gold-ink)}
@media(max-width:900px){.feat{grid-template-columns:1fr}}
.rprog{position:fixed;top:0;inset-inline:0;height:3px;z-index:70;pointer-events:none}.rprog i{display:block;height:100%;background:var(--clay);transform-origin:var(--o);transform:scaleX(var(--p,0))}
/* booking */
.book{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(32px,5vw,96px);align-items:start;padding-bottom:clamp(90px,11vw,170px)}
.book__as{position:sticky;top:96px;display:flex;flex-direction:column;overflow:hidden}
.book__img{position:relative;height:clamp(220px,22vw,320px);overflow:hidden;background:var(--char2)}
.book__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity .8s ease,transform 1.4s var(--e-out)}
.book__img img.is-cur{opacity:1;transform:none}
.book__ct{display:grid;gap:20px;padding:30px clamp(24px,3vw,40px) 34px}
.brief{margin:0;display:grid}
.brief div{display:grid;grid-template-columns:minmax(90px,.42fr) minmax(0,1fr);gap:14px;padding-block:11px;border-top:1px solid var(--line-d)}
.brief dt{color:var(--mist)}.brief dd{margin:0;color:rgba(242,237,230,.42)}
.brief .is-set dd{color:var(--plaster);animation:fUp .6s var(--e-out) both}
.book__alt{display:flex;flex-wrap:wrap;gap:8px 20px;padding-top:18px;border-top:1px solid var(--line-d);font-size:15px}
.book__alt a{color:var(--mist);transition:color .3s}.book__alt a:hover{color:var(--plaster)}
.book__mn{display:flex;flex-direction:column;overflow-x:clip;min-height:min(78vh,800px);padding-top:8px}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:clamp(40px,5vw,64px)}
.stp{display:grid;gap:12px;color:var(--smoke);text-align:start}
.stp i{display:block;height:2px;background:var(--line);position:relative;overflow:hidden}
.stp i::after{content:"";position:absolute;inset:0;background:var(--clay);transform:scaleX(0);transform-origin:var(--o);transition:transform .9s var(--e-io)}
.stp.is-on,.stp.is-done{color:var(--ink)}.stp.is-on i::after,.stp.is-done i::after{transform:none}
.stp:disabled{cursor:default}
.stepc{animation:stIn .8s var(--e-out) both}.stepc[data-dir=b]{animation-name:stInB}
@keyframes stIn{from{opacity:0;transform:translateX(calc(48px*var(--s)))}to{opacity:1;transform:none}}@keyframes stInB{from{opacity:0;transform:translateX(calc(-48px*var(--s)))}to{opacity:1;transform:none}}
.q{font:500 clamp(32px,3.3vw,54px)/1.1 var(--f-d);letter-spacing:-.015em;margin:0 0 12px}html[lang=ar] .q{line-height:1.4;font-weight:600;letter-spacing:0}
.qs{color:var(--smoke);margin:0 0 36px}
.opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.opt{position:relative;display:grid;gap:12px;padding:8px 8px 14px;border:1px solid var(--line);transition:border-color .4s,background .4s}
.opt:hover{border-color:var(--stone)}.opt.is-on{border-color:var(--ink);background:rgba(255,255,255,.5)}
.opt__img{aspect-ratio:4/3}
.opt__n{font:500 20px/1.2 var(--f-d);padding-inline:6px}html[lang=ar] .opt__n{font-weight:600}
.opt__ck{position:absolute;top:16px;inset-inline-end:16px;width:30px;height:30px;background:var(--ink);color:#fff;display:grid;place-items:center;scale:0;transition:scale .5s var(--e-out)}
.opt.is-on .opt__ck{scale:1}
.fld{display:grid;gap:12px;margin-bottom:34px}.fld__l{color:var(--smoke)}
.seg{display:flex;flex-wrap:wrap;gap:8px}
.inp{height:56px;width:100%;border:0;border-bottom:1px solid var(--stone);background:none;font-size:20px;padding:0;outline:none;transition:border-color .3s}
.inp:focus{border-color:var(--ink)}.inp::placeholder{color:#a39a8f}
textarea.inp{height:104px;padding-top:14px;resize:vertical;line-height:1.5}
.inp-ph{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--stone)}.inp-ph:focus-within{border-color:var(--ink)}.inp-ph .inp{border:0}.inp-ph span{font-size:20px;color:var(--smoke);direction:ltr}
.err{color:var(--gold-ink);font-size:14px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}
.days{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.day{display:grid;gap:4px;justify-items:center;padding:16px 6px 14px;border:1px solid var(--line);transition:background .4s,color .4s,border-color .4s}
.day:hover{border-color:var(--ink)}.day b{font:500 30px/1 var(--f-n)}.day span,.day small{font-size:12px;color:var(--smoke)}
.day.is-on{background:var(--ink);color:var(--plaster);border-color:var(--ink)}.day.is-on span,.day.is-on small{color:var(--mist)}
.book__nav{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:40px}
.book__nav .tlink[disabled]{visibility:hidden}
.sum{display:grid;gap:0;margin:0}.sum div{display:grid;grid-template-columns:160px minmax(0,1fr);gap:16px;padding-block:14px;border-top:1px solid var(--line)}.sum dt{color:var(--smoke)}.sum dd{margin:0}
.done{display:grid;gap:26px;justify-items:start;animation:fUp 1s var(--e-out) both}
.done__mk{width:72px;height:72px;overflow:visible}
.done__mk rect,.done__mk path{fill:none;stroke:var(--clay);stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:1}
.done__mk rect{animation:draw 1.2s var(--e-io) .15s forwards}.done__mk path{stroke-width:2;animation:draw .7s var(--e-out) 1.1s forwards}
.done__acts{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
@media(max-width:1000px){.book{grid-template-columns:1fr}.book__as{position:relative;top:0;order:2}.book__img{height:220px}.book__mn{min-height:0}.days{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.opts{grid-template-columns:repeat(2,minmax(0,1fr))}.row2{grid-template-columns:1fr}.stp .cap{font-size:10px;letter-spacing:.08em}.sum div{grid-template-columns:1fr;gap:4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Almarai (default typeface) */
html:not(.f-ed) em,html:not(.f-ed) .num,html:not(.f-ed) .marq__w,html:not(.f-ed) .veil__t,html:not(.f-ed) .hnext__l b,html:not(.f-ed) .sks__note,html:not(.f-ed) .prose>p:first-child::first-letter{font-style:normal}
html:not(.f-ed) .d1,html:not(.f-ed) .d2,html:not(.f-ed) .d3,html:not(.f-ed) .d4,html:not(.f-ed) .d5,html:not(.f-ed) .q,html:not(.f-ed) .svr__t,html:not(.f-ed) .prow__t,html:not(.f-ed) .pgi__t,html:not(.f-ed) .pc__t,html:not(.f-ed) .post__t,html:not(.f-ed) .hw__end b,html:not(.f-ed) .mnav__a,html:not(.f-ed) .veil__t,html:not(.f-ed) .faq summary,html:not(.f-ed) .marq__w,html:not(.f-ed) .day b,html:not(.f-ed) .opt__n,html:not(.f-ed) .ftr__big,html:not(.f-ed) .prose h2,html:not(.f-ed) .hnext__l b,html:not(.f-ed) .pan__v,html:not(.f-ed) .prose>p:first-child::first-letter{font-weight:700}
html:not(.f-ed) .stmt__t,html:not(.f-ed) .csb__lead,html:not(.f-ed) .prose>p:first-child,html:not(.f-ed) .hl li,html:not(.f-ed) .inc li,html:not(.f-ed) .facts dd,html:not(.f-ed) .sks__note,html:not(.f-ed) .num{font-weight:400}
html:not(.f-ed) .cap{font-weight:700}html:not(.f-ed)[lang=ar] .cap{font-weight:400}
html:not(.f-ed)[lang=en] .d1,html:not(.f-ed)[lang=en] .d2{letter-spacing:-.035em}html:not(.f-ed)[lang=en] .d3,html:not(.f-ed)[lang=en] .svr__t,html:not(.f-ed)[lang=en] .q{letter-spacing:-.025em}

/* project gallery — mosaic */
.gsec__m{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.gm{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(92px,9.4vw,164px);gap:clamp(10px,1.2vw,18px)}
.gm__t{position:relative;margin:0;overflow:hidden;background:var(--stone);grid-column:var(--c)/span var(--s);grid-row:var(--r)/span var(--rs)}
[data-r=shut]{opacity:1;transform:none;clip-path:inset(100% 0 0 0);transition:clip-path 1.5s var(--e-io);transition-delay:calc(var(--d,0)*1ms)}
[data-r=shut][data-from=l]{clip-path:inset(0 100% 0 0)}[data-r=shut][data-from=t]{clip-path:inset(0 0 100% 0)}[data-r=shut][data-from=r]{clip-path:inset(0 0 0 100%)}
[data-r=shut].is-in{clip-path:inset(0 0 0 0)}
.gm__b{position:absolute;inset:0;display:block;width:100%;height:100%}
.gm__im{position:absolute;inset:0;overflow:hidden;transform:scale(1.2);transition:transform 2s var(--e-out) calc(var(--d,0)*1ms + 140ms),clip-path .9s var(--e-out)}
.is-in .gm__im{transform:none}
.gm__im img{position:absolute;left:0;top:-8%;width:100%;height:116%;max-width:none;object-fit:cover;translate:0 calc(var(--py,0)*1px);transition:transform 1.3s var(--e-out),filter .7s ease}
.gm__b:hover .gm__im,.gm__b:focus-visible .gm__im{clip-path:inset(10px)}
.gm__b:hover .gm__im img{transform:scale(1.05)}
.gm:hover .gm__t:not(:hover) .gm__im img{filter:brightness(.6) saturate(.75)}
.gm__n{position:absolute;top:12px;inset-inline-start:12px;z-index:2;min-width:36px;height:30px;padding-inline:8px;display:grid;place-items:center;background:var(--plaster);color:var(--ink);font-size:13px;transition:background .4s,color .4s}
.gm__b:hover .gm__n{background:var(--clay)}
.gm__cap{position:absolute;inset-inline-start:12px;bottom:12px;z-index:2;max-width:calc(100% - 24px);padding:10px 14px 9px;background:var(--ink);color:var(--plaster);font-size:14px;line-height:1.35;text-align:start;transform:translateY(calc(100% + 16px));transition:transform .7s var(--e-out)}
.gm__b:hover .gm__cap,.gm__b:focus-visible .gm__cap{transform:none}
.gm__t--det .gm__n{background:var(--brass)}.gm__t--det .gm__b:hover .gm__n{background:var(--plaster)}
.gm__t--det .gm__b::after{content:"";position:absolute;inset:14px;z-index:1;pointer-events:none;border:1px solid rgba(242,237,230,.55);opacity:0;transition:opacity .6s,inset .8s var(--e-out)}.gm__t--det .gm__b:hover::after{opacity:1;inset:22px}
@media(max-width:760px){.gm{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}.gm__t{grid-column:auto/span 1;grid-row:auto;aspect-ratio:4/5}.gm__t:nth-child(3n+1){grid-column:1/-1;aspect-ratio:4/3}.gm__cap{transform:none}}
/* project gallery — full-screen viewer */
.gv{position:fixed;inset:0;z-index:96;color:var(--plaster);display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}
.gv__bg{position:absolute;inset:0;background:#141210;opacity:0}
.gv__ui{opacity:0;transition:opacity .6s ease}.gv.is-ready .gv__ui{opacity:1}
.gv__top{position:relative;z-index:3;display:flex;align-items:center;gap:20px;padding:18px var(--pad)}
.gv__t{flex:1;min-width:0;display:flex;align-items:baseline;gap:18px;white-space:nowrap;overflow:hidden}
.gv__ct{font-size:18px;color:var(--brass);animation:fUp .6s var(--e-out) both}
.gv__acts{display:flex;gap:8px}
.gv__ib{width:48px;height:48px;border:1px solid var(--line-d);display:grid;place-items:center;transition:background .4s,color .4s,border-color .4s}
.gv__ib:hover,.gv__ib.is-on{background:var(--plaster);color:var(--ink);border-color:var(--plaster)}
.gv__stage{position:relative;z-index:2;margin-inline:clamp(16px,8vw,140px);overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.gv__sl{position:absolute;inset:0;overflow:hidden;will-change:transform}
.gv__sl img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;transition:transform .8s var(--e-out)}
.gv__sl--in{visibility:hidden;background:#141210}
.gv__sl--in::before{content:"";position:absolute;top:0;bottom:0;left:0;width:1.5px;background:var(--brass);z-index:2}
.gv__sl--in.from-l::before{left:auto;right:0}
.gv__nav{position:absolute;top:50%;margin-top:-26px;z-index:4;transition:opacity .6s ease,background .4s,color .4s}
.gv__nav--p{inset-inline-start:clamp(10px,2.2vw,36px)}.gv__nav--n{inset-inline-end:clamp(10px,2.2vw,36px)}
.gv__cap{position:relative;z-index:3;display:flex;justify-content:center;padding:16px var(--pad) 0;min-height:40px;font-size:15px;color:rgba(242,237,230,.86);text-align:center}
.gv__cap span{animation:fUp .7s var(--e-out) both}
.gv__strip{position:relative;z-index:3;display:flex;justify-content:safe center;gap:8px;overflow-x:auto;scrollbar-width:none;padding:18px var(--pad) 22px}
.gv__strip::-webkit-scrollbar{display:none}
.gv__th{position:relative;flex:0 0 auto;width:66px;height:66px;opacity:.4;transition:opacity .4s}
.gv__th img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.gv__th::after{content:"";position:absolute;inset-inline:0;top:-9px;height:2px;background:var(--brass);transform:scaleX(0);transform-origin:var(--o);transition:transform .7s var(--e-out)}
.gv__th:hover{opacity:.75}.gv__th.is-on{opacity:1}.gv__th.is-on::after{transform:none}
.gv__prog{position:absolute;top:0;inset-inline:0;height:2px;z-index:5;background:var(--brass);transform-origin:var(--o);animation:gvProg 5s linear both}
@keyframes gvProg{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.gv__fly{position:fixed;z-index:6;overflow:hidden;pointer-events:none;visibility:hidden}
.gv__fly img{width:100%;height:100%;max-width:none;object-fit:cover}
@media(max-width:700px){.gv__nav{display:none}.gv__stage{margin-inline:0}.gv__th{width:52px;height:52px}.gv__t .cap{display:none}}

/* inner-page cover */
.pcv{position:relative;height:calc(100vh + 60vh);height:calc(100svh + 60svh)}
.pcv__st{position:sticky;top:0;height:100vh;height:100svh;min-height:600px;overflow:hidden}
.pcv__win{position:absolute;inset:0;overflow:hidden;background:var(--char);clip-path:inset(100% 0 0 0);will-change:clip-path}
.pcv__win::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(12,10,8,.2),rgba(12,10,8,.32) 50%,rgba(12,10,8,.58))}
.pcv__pic{position:absolute;inset:-3%;transform-origin:50% 60%;transition:translate 1.4s var(--e-out);will-change:transform}
.pcv__pic img{width:100%;height:100%;max-width:none;object-fit:cover;opacity:0;transition:opacity .9s ease}
.pcv__pic img.is-ld{opacity:1}
.pcv__fr{position:absolute;border:1px solid var(--clay);pointer-events:none;opacity:0;z-index:1}
.pcv__top{position:absolute;z-index:3;top:calc(var(--hdr) + 22px);inset-inline-start:var(--pad);width:calc(42% - var(--pad)*2);display:grid;gap:14px;justify-items:start}
.pcv__txw{position:absolute;z-index:3;inset-inline-start:var(--pad);bottom:clamp(64px,10vh,112px);width:min(64vw,1040px);will-change:transform}
.pcv__tx{display:grid;gap:22px;justify-items:start}
.pcv__tx--k{position:absolute;inset:0;color:var(--plaster);pointer-events:none;clip-path:inset(0 0 100% 0)}
.pcv__h{margin:0}.pcv__h.d1{max-width:12ch}.pcv__h.d2{max-width:17ch}.pcv__h.d3{max-width:24ch}
.pcv__l{margin:0;max-width:42ch;color:var(--smoke)}.pcv__tx--k .pcv__l{color:rgba(242,237,230,.9)}.pcv__tx--k .eb{color:var(--clay)}
.pcv__cue{position:absolute;z-index:3;inset-inline-start:var(--pad);bottom:24px;display:flex;align-items:center;gap:12px;color:var(--smoke)}
.pcv__cue i{position:relative;width:46px;height:1px;background:var(--line);overflow:hidden}
.pcv__cue i::after{content:"";position:absolute;inset:0;background:var(--ink);animation:cue 2.4s var(--e-io) infinite}
@keyframes cue{0%{transform:translateX(-101%)}55%,100%{transform:translateX(101%)}}
@media(max-width:900px){.pcv{height:calc(100svh + 40svh)}.pcv__top,.pcv__cue{display:none}.pcv__txw{inset-inline:var(--pad);width:auto;bottom:26px}.pcv__h.d1{font-size:clamp(40px,11vw,72px)}.pcv__h.d2{font-size:clamp(34px,8.6vw,56px)}.pcv__h.d3{font-size:clamp(28px,7vw,44px)}}

/* article — editorial reader */
.art{position:relative;padding-block:clamp(72px,8vw,130px) clamp(56px,6vw,96px)}
.art__g{display:grid;grid-template-columns:minmax(200px,250px) minmax(0,1fr);gap:clamp(40px,5vw,96px)}
.art__rail{position:sticky;top:116px;align-self:start;display:grid;gap:22px;justify-items:start}
.toc{list-style:none;margin:0;padding:0;width:100%;border-top:1px solid var(--line)}
.toc__i{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;width:100%;padding:13px 0 14px;border-bottom:1px solid var(--line);color:var(--smoke);font-size:15px;line-height:1.45;transition:color .4s}
.toc__i .num{font-size:13px;color:var(--stone);padding-top:2px;transition:color .4s}
.toc__i i{position:absolute;inset-inline:0;bottom:-1px;height:2px;background:var(--brass);transform-origin:var(--o);transform:scaleX(var(--f,0))}
.toc__i:hover,.toc__i.is-on{color:var(--ink)}.toc__i.is-on .num{color:var(--gold-ink)}
.art__left{color:var(--smoke)}
.lis{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;width:100%;padding-block:7px;padding-inline:7px 14px;border:1px solid var(--line);text-align:start;transition:background .4s,color .4s,border-color .4s}
.lis__ic{width:44px;height:44px;display:grid;place-items:center;background:var(--ink);color:var(--plaster);transition:background .4s,color .4s}
.lis__t{display:grid;gap:3px}.lis__t b{font-size:15px;font-weight:700;line-height:1.3}.lis__t .cap{color:var(--smoke)}
.lis:hover{border-color:var(--ink)}
.lis.is-on{background:var(--ink);color:var(--plaster);border-color:var(--ink)}.lis.is-on .lis__ic{background:var(--brass);color:var(--ink)}.lis.is-on .lis__t .cap{color:var(--mist)}
.eq{display:flex;align-items:flex-end;gap:3px;height:16px}.eq i{width:3px;height:100%;background:currentColor;transform-origin:50% 100%;animation:eq .9s ease-in-out infinite}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}
@keyframes eq{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
.art__main{display:grid;grid-template-columns:minmax(0,700px) minmax(0,1fr);column-gap:clamp(32px,4vw,80px);align-content:start}
.chp{grid-column:1}.chp+.chp{margin-top:clamp(44px,4.4vw,72px)}
.chp__h{display:grid;gap:18px;margin-bottom:22px}
.chp__n{display:flex;align-items:center;gap:16px;color:var(--gold-ink)}.chp__n .num{font-size:15px}
.chp__n i{flex:1;height:1px;background:var(--ink);opacity:.22;transform:scaleX(0);transform-origin:var(--o);transition:transform 1.4s var(--e-io) .25s}
.chp__h.is-in .chp__n i{transform:none}
.chp h2{margin:0;font:500 clamp(28px,2.6vw,42px)/1.18 var(--f-d);letter-spacing:-.015em;text-wrap:balance}
html[lang=ar] .chp h2{line-height:1.45;font-weight:700;letter-spacing:0}
.chp p{margin:0;font-size:19px;line-height:1.8}
html[lang=ar] .chp p{font-size:20px;line-height:1.95}
.chp .art__lead{font:400 clamp(22px,2vw,29px)/1.55 var(--f-d)}
html[lang=ar] .chp .art__lead{line-height:1.8}
html[lang=en] .chp .art__lead::first-letter{float:left;font-size:2.9em;line-height:1;font-weight:800;font-style:normal;padding:.16em .22em .12em;margin:.08em .22em 0 0;background:var(--brass);color:var(--ink)}
.chp:last-of-type p::after{content:"";display:inline-block;width:.5em;height:.5em;margin-inline-start:.45em;background:var(--brass);vertical-align:.02em}
.art [data-seg]{transition:opacity .6s ease;background:linear-gradient(transparent 62%,rgba(231,177,96,.55) 62%,rgba(231,177,96,.55) 94%,transparent 94%) 0 0/0% 100% no-repeat}
[dir=rtl] .art [data-seg]{background-position:100% 0}
.art [data-seg].is-reading{background-size:100% 100%;transition:opacity .6s ease,background-size 1.6s var(--e-out)}
.art.is-listening [data-seg]{opacity:.3}.art.is-listening [data-seg].is-reading{opacity:1}
.pq{grid-column:1/-1;margin:clamp(64px,7vw,112px) 0;padding-block:clamp(36px,4vw,56px);border-block:1px solid var(--line);display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px clamp(24px,3vw,48px);align-items:start}
.pq__mk{width:clamp(54px,5vw,72px);aspect-ratio:1;background:var(--brass);display:flex;align-items:center;justify-content:center;gap:6px;scale:0;transition:scale 1s var(--e-out) .15s}
.pq.is-in .pq__mk{scale:1}
.pq__mk i{width:9px;height:24px;background:var(--ink);transform:skewX(-16deg)}[dir=rtl] .pq__mk i{transform:skewX(16deg)}
.pq__q{margin:0;font:500 clamp(28px,3.3vw,54px)/1.24 var(--f-d);letter-spacing:-.015em;text-wrap:balance}
html[lang=ar] .pq__q{line-height:1.65;font-weight:700;letter-spacing:0}
.pq__q .sw{opacity:clamp(.16,calc(var(--p,0)*var(--n)*1.3 - var(--i) + 1),1)}
.pq__c{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;color:var(--smoke)}
.pf{grid-column:1/-1;position:relative;display:block;margin-block:clamp(56px,6vw,96px) clamp(96px,9vw,140px)}
.pf__im{aspect-ratio:16/9}
.pf:hover .pf__im img{transform:scale(1.04);clip-path:inset(12px)}
.pf__cap{position:absolute;bottom:-44px;inset-inline-end:clamp(16px,3vw,48px);width:min(400px,calc(100% - 32px));display:grid;gap:8px;justify-items:start;padding:24px 26px 22px;background:var(--ink);color:var(--plaster);transition:transform .8s var(--e-out)}
.pf:hover .pf__cap{transform:translateY(-10px)}
.pf__cap>.cap:first-child{color:var(--brass)}
.pf__t{font:500 clamp(22px,2vw,30px)/1.2 var(--f-d)}html[lang=ar] .pf__t{font-weight:700;line-height:1.45}
.pf__s{color:var(--mist);font-size:14px}
.pf__go{display:inline-flex;align-items:center;gap:10px;margin-top:8px;color:var(--brass)}
.pf__go .ico{transition:translate .6s var(--e-out)}.pf:hover .pf__go .ico{translate:calc(6px*var(--s)) 0}
.sgn{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px clamp(24px,3vw,48px);align-items:center;margin-top:clamp(64px,6vw,100px);padding-top:32px;border-top:2px solid var(--ink)}
.sgn__mk{width:88px;height:88px;background:var(--trav);display:grid;place-items:center}.sgn__mk img{width:64px;height:auto}
.sgn__by{display:grid;gap:4px;justify-items:start}.sgn__by b{font:700 clamp(18px,1.5vw,22px)/1.35 var(--f-d)}.sgn__by .tlink{margin-top:6px}
.sgn__sh{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sgn__sh>span{margin-inline-end:6px}
.sgn__sh a,.sgn__sh button{height:42px;padding-inline:16px;border:1px solid var(--line);display:inline-flex;align-items:center;font-size:14px;transition:background .4s,color .4s,border-color .4s}
.sgn__sh a:hover,.sgn__sh button:hover{background:var(--ink);color:var(--plaster);border-color:var(--ink)}
.selbar{position:fixed;z-index:80;display:flex;translate:-50% -100%;background:var(--ink);color:var(--plaster);box-shadow:0 18px 40px rgba(12,10,8,.24);animation:selIn .35s var(--e-out) both}
.selbar.is-below{translate:-50% 0}
.selbar>*{height:42px;padding-inline:14px;display:inline-flex;align-items:center;font-size:13px;white-space:nowrap;transition:background .3s,color .3s}
.selbar>*+*{border-inline-start:1px solid rgba(242,237,230,.14)}
.selbar>*:hover{background:var(--brass);color:var(--ink)}
.selbar::after{content:"";position:absolute;left:50%;top:100%;translate:-50% 0;border:7px solid transparent;border-top-color:var(--ink)}
.selbar.is-below::after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--ink)}
@keyframes selIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.nxa{position:relative;display:block;height:min(92vh,880px);min-height:560px;overflow:hidden;background:var(--char);color:var(--plaster);--e:0}
.nxa__win{position:absolute;inset:0;overflow:hidden;clip-path:inset(calc((1 - var(--e))*20%) calc((1 - var(--e))*30%));background:var(--char2)}
.nxa__win img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;transform:scale(calc(1.3 - .3*var(--e)));transition:filter .8s ease}
.nxa__win::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,10,8,.3),rgba(12,10,8,.5) 50%,rgba(12,10,8,.88))}
.nxa:hover .nxa__win img{filter:brightness(1.12)}
.nxa__c{position:relative;height:100%;display:grid;align-content:end;justify-items:start;gap:20px;padding-bottom:clamp(40px,6vw,84px)}
.nxa .eb{color:var(--brass)}
.nxa__t{display:block;max-width:19ch;transition:color .5s}.nxa:hover .nxa__t{color:var(--brass)}
.nxa__m{color:var(--mist)}
.nxa__go{display:inline-flex;align-items:center;gap:12px;height:52px;padding-inline:22px;background:var(--plaster);color:var(--ink);transition:background .4s}
.nxa:hover .nxa__go{background:var(--brass)}
.arl{border-top:1px solid var(--line)}
.arl__r{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(110px,160px) 130px 20px;gap:24px;align-items:center;padding-block:clamp(20px,2.2vw,30px);border-bottom:1px solid var(--line);transition:opacity .5s,transform 1.2s var(--e-out),padding .6s var(--e-out)}
.arl__r:hover{padding-inline-start:20px}
.arl__r .num{color:var(--gold-ink)}
.arl__t{font:500 clamp(20px,1.9vw,30px)/1.3 var(--f-d);text-wrap:balance}html[lang=ar] .arl__t{line-height:1.6;font-weight:700}
.arl__c{color:var(--gold-ink)}.arl__d{color:var(--smoke);font-size:15px}
.arl__th{display:none}
.arl:hover .arl__r.is-in{opacity:.42}.arl .arl__r.is-in:hover{opacity:1}
@media(max-width:1100px){.art__g{grid-template-columns:minmax(0,1fr)}.art__rail{position:relative;top:0;max-width:560px}.art__main{grid-template-columns:minmax(0,1fr)}}
@media(max-width:900px){.arl__r{grid-template-columns:76px minmax(0,1fr) 20px;gap:6px 16px}.arl__th{display:block;grid-row:1/3;width:76px;aspect-ratio:1;overflow:hidden;background:var(--trav)}.arl__th img{width:100%;height:100%;object-fit:cover}.arl__r .num,.arl__d{display:none}.arl__t{grid-column:2;grid-row:1}.arl__c{grid-column:2;grid-row:2}.arl__r>.ico{grid-column:3;grid-row:1/3}}
@media(max-width:700px){.pq{grid-template-columns:1fr}.pq__c{grid-column:1}.pf{margin-bottom:clamp(56px,6vw,96px)}.pf__cap{position:relative;bottom:auto;inset-inline-end:auto;width:auto;margin:-28px 16px 0}.sgn{grid-template-columns:auto minmax(0,1fr)}.sgn__sh{grid-column:1/-1}}

/* scroll performance */
.hero.is-off .hero__img{animation-play-state:paused}
.jr__st,.hw__sticky,.pcv__st{contain:layout paint}
.grain::after{will-change:transform}
@media (hover:none),(pointer:coarse){.hdr.is-solid{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(242,237,230,.97)}}
@property --k{syntax:'<number>';inherits:false;initial-value:1}
/* mobile menu: on short screens (landscape phones) the list starts at the top and scrolls instead of overflowing upward */
.mnav{justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain}
.mnav__list{margin-top:auto}
@media(max-height:560px){.mnav{gap:22px;padding-top:calc(var(--hdr) + 8px)}.mnav__a{font-size:clamp(28px,8.5vh,44px)}}
/* hero: the featured project's description under its headline */
.hcopy__d{max-width:46ch;margin:-12px 0 30px;font-size:clamp(15px,1.1vw,18px);line-height:1.6;color:rgba(242,237,230,.84);animation-delay:calc(var(--d0,0ms) + 340ms)}
@media(max-width:700px){.hcopy__d{margin:-14px 0 22px;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}
.pgn__a[aria-disabled]{opacity:.3;pointer-events:none}
/* page transitions */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.3s}
.veil--pre{display:none}
.era-nav .veil--pre{display:block;visibility:visible;z-index:89}
.veil__in.is-carry .veil__k,.veil__in.is-carry .veil__t{animation:none;opacity:1}
:is(.era-main,.elementor-location-archive,.elementor-location-single,.elementor-location-footer){transition:opacity .45s var(--e-out)}
:is(.era-soft,.era-leaving) :is(.era-main,.elementor-location-archive,.elementor-location-single,.elementor-location-footer){opacity:0}
.era-leaving :is(.era-main,.elementor-location-archive,.elementor-location-single,.elementor-location-footer){transition-duration:.24s}
.era-nav .veil--pre{background:var(--char)}
.veil--pre .veil__d img,.veil.is-carry .veil__d img{animation:none;opacity:.3;transform:scale(1.02)}