:root{--night: oklch(0.185 0.008 65);--concrete: oklch(0.225 0.009 65);--concrete-2: oklch(0.27 0.01 65);--bone: oklch(0.955 0.011 82);--stone: oklch(0.912 0.016 78);--ink: oklch(0.2 0.012 60);--ink-2: oklch(0.42 0.014 62);--on-dark: oklch(0.935 0.012 80);--on-dark-2: oklch(0.76 0.014 75);--accent: oklch(0.64 0.175 38);--accent-ink: oklch(0.5 0.16 36);--accent-hi: oklch(0.76 0.13 46);--line-l: oklch(0.2 0.012 60 / 0.16);--line-d: oklch(0.935 0.012 80 / 0.15);--f-d: "Cabinet Grotesk","Satoshi",ui-sans-serif,sans-serif;--f-b: "General Sans","Satoshi",ui-sans-serif,sans-serif;--f-m: "JetBrains Mono",ui-monospace,monospace;--lh: 1.55;--gut: clamp(16px,4vw,64px);--ease: cubic-bezier(.2,.7,.1,1);--ease-io: cubic-bezier(.7,0,.2,1);color-scheme: dark light}:root[lang="ar"]{--f-d: "Reem Kufi","IBM Plex Sans Arabic",sans-serif;--f-b: "IBM Plex Sans Arabic",sans-serif;--lh: 1.75}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%}html.lenis,html.lenis body{height: auto}.lenis.lenis-smooth{scroll-behavior: auto !important}body{margin: 0;background: var(--night);color: var(--on-dark);font: 400 clamp(1rem,.95rem + .2vw,1.125rem)/var(--lh) var(--f-b);-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;overflow-x: clip}:root[lang="ar"] body{font-size: clamp(1.06rem,1rem + .25vw,1.2rem)}img,svg,canvas{display: block;max-width: 100%}button{font: inherit;color: inherit;background: none;border: 0;padding: 0;cursor: pointer}a{color: inherit}h1,h2,h3,p,ol,ul,dl,dd,figure{margin: 0;padding: 0}ol,ul{list-style: none}em{font-style: normal}:focus-visible{outline: 2px solid var(--accent);outline-offset: 3px;border-radius: 2px}.wrap{padding-inline: var(--gut);max-width: 1920px;margin-inline: auto}.mono{font-family: var(--f-m);font-size: .75rem;letter-spacing: .06em;text-transform: uppercase;line-height: 1.5}:root[lang="ar"] .mono{font-family: var(--f-b);letter-spacing: 0;text-transform: none;font-size: .84rem}.skip{position: fixed;inset-inline-start: 12px;top: 12px;z-index: 100;padding: 10px 16px;background: var(--bone);color: var(--ink);transform: translateY(-160%);transition: transform .3s var(--ease)}.skip:focus{transform: none}.grain{position: fixed;inset: 0;z-index: 90;pointer-events: none;opacity: .07;mix-blend-mode: multiply}.grain svg{width: 100%;height: 100%}.paper{background: var(--bone);color: var(--ink)}.paper--stone{background: var(--stone)}.dark{background: var(--concrete);color: var(--on-dark)}.hdr{position: fixed;inset: 0 0 auto;z-index: 50;height: 72px;display: flex;align-items: center;gap: clamp(16px,2.4vw,40px);padding-inline: var(--gut);color: var(--on-dark);transition: color .4s var(--ease),background-color .4s var(--ease),transform .5s var(--ease)}.hdr::after{content: "";position: absolute;inset: auto var(--gut) 0;height: 1px;background: currentColor;opacity: 0;transition: opacity .4s}.hdr.is-solid{background: oklch(0.185 0.008 65 / .82);backdrop-filter: blur(14px) saturate(1.1);-webkit-backdrop-filter: blur(14px) saturate(1.1)}.hdr.is-light{color: var(--ink)}.hdr.is-light.is-solid{background: oklch(0.955 0.011 82 / .86)}.hdr.is-solid::after{opacity: .12}.hdr.is-hidden{transform: translateY(-100%)}.brand{display: inline-flex;align-items: center;gap: 10px;text-decoration: none;margin-inline-end: auto}.brand__mark{width: 34px;height: 34px}.brand__shade{transform-origin: 20px 20px;transition: transform .8s var(--ease)}.brand__name{font: 700 1.3rem/1 var(--f-d);letter-spacing: -.01em;font-family: "Cabinet Grotesk",sans-serif}.brand__ar{font: 500 1.05rem/1 "Reem Kufi",sans-serif;opacity: .7;padding-inline-start: 10px;border-inline-start: 1px solid currentColor}.nav__list{display: flex;gap: clamp(14px,2vw,32px)}.nav__list a{display: inline-flex;align-items: baseline;gap: 6px;text-decoration: none;font-size: .94rem;font-weight: 500;padding-block: 10px;position: relative}.nav__list a i{font: 400 .62rem var(--f-m);font-style: normal;opacity: .6}.nav__list a::after{content: "";position: absolute;inset: auto 0 4px;height: 1px;background: var(--accent);transform: scaleX(0);transform-origin: var(--o,left);transition: transform .5s var(--ease)}:root[dir="rtl"] .nav__list a::after{--o: right}.nav__list a:hover::after,.nav__list a.is-current::after{transform: scaleX(1)}.lang{display: inline-flex;align-items: center;gap: 4px;font-size: .9rem}.lang span{opacity: .4}.lang button{min-width: 36px;min-height: 40px;border-radius: 99px;font-weight: 600;opacity: .55;transition: opacity .3s,background-color .3s}.lang button[lang="ar"]{font-family: "IBM Plex Sans Arabic",sans-serif;font-size: 1.2rem;line-height: 1}.lang button[aria-pressed="true"]{opacity: 1;background: oklch(0.64 0.175 38 / .22)}.lang button:hover{opacity: 1}.menu{display: none;align-items: center;gap: 10px;min-height: 44px;font-weight: 500;font-size: .94rem}.menu i{width: 22px;height: 8px;position: relative}.menu i::before,.menu i::after{content: "";position: absolute;inset-inline: 0;height: 1.5px;background: currentColor;transition: transform .4s var(--ease)}.menu i::before{top: 0}.menu i::after{bottom: 0}.menu[aria-expanded="true"] i::before{transform: translateY(3.25px) rotate(45deg)}.menu[aria-expanded="true"] i::after{transform: translateY(-3.25px) rotate(-45deg)}@media (max-width: 1023px){.menu{display: inline-flex;order: 3}.nav{position: fixed;inset: 0;z-index: -1;background: var(--night);color: var(--on-dark);padding: 110px var(--gut) 40px;opacity: 0;visibility: hidden;transition: opacity .4s var(--ease),visibility 0s .4s}.hdr.menu-open{color: var(--on-dark)}.hdr.menu-open .nav{opacity: 1;visibility: visible;transition: opacity .4s var(--ease)}.nav__list{flex-direction: column;gap: 4px}.nav__list a{font: 500 clamp(2.2rem,9vw,3.6rem)/1.15 var(--f-d);gap: 14px}.nav__list a i{font-size: .8rem}}@media (max-width: 520px){.brand__ar{display: none}}.eyebrow{display: flex;align-items: center;gap: 14px;font: 500 .78rem/1 var(--f-m);letter-spacing: .08em;text-transform: uppercase;margin-block-end: clamp(20px,3vw,40px)}.eyebrow b{font-weight: 500;color: var(--accent-ink)}.dark .eyebrow b{color: var(--accent-hi)}.eyebrow b::after{content: "";display: inline-block;vertical-align: middle;width: 40px;height: 1px;background: currentColor;margin-inline-start: 14px;opacity: .6}:root[lang="ar"] .eyebrow{font-family: var(--f-b);letter-spacing: 0;font-size: .9rem;text-transform: none}.h2{font: 500 clamp(2.4rem,5.6vw,6.4rem)/.95 var(--f-d);letter-spacing: -.035em;max-width: 16ch;text-wrap: balance}.h2 em,.statement em,.contact__title em{color: var(--accent-ink)}.dark .h2 em,.dark .contact__title em{color: var(--accent-hi)}.h3{font: 500 clamp(1.8rem,3vw,3rem)/1 var(--f-d);letter-spacing: -.02em}:root[lang="ar"] .h2{line-height: 1.3;letter-spacing: 0;font-weight: 500}:root[lang="ar"] .h3{line-height: 1.4;letter-spacing: 0}.hero{position: relative;height: 100vh;height: 100svh;background: var(--night)}.hero__stage{position: absolute;inset: 0;overflow: hidden;background: radial-gradient(80% 70% at var(--gx,70%) 30%,oklch(0.3 0.02 60),transparent 70%),var(--night)}.hero__poster,.hero__gl{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.hero__gl{opacity: 0;transition: opacity 1.2s var(--ease)}.gl-on .hero__gl{opacity: 1}.gl-on .hero__poster{opacity: 0;transition: opacity 1.2s var(--ease) .2s}.hero__veil{position: absolute;inset: 0;pointer-events: none;background: linear-gradient(to top,oklch(0.185 0.008 65 / .94) 0%,oklch(0.185 0.008 65 / .6) 24%,transparent 52%),radial-gradient(55% 60% at 0% 80%,oklch(0.185 0.008 65 / .82),transparent 72%),radial-gradient(40% 40% at 0% 18%,oklch(0.185 0.008 65 / .7),transparent 72%),linear-gradient(to bottom,oklch(0.185 0.008 65 / .7) 0%,transparent 22%)}.hero__top{position: absolute;top: 92px;inset-inline: var(--gut);display: flex;justify-content: space-between;gap: 20px;color: var(--on-dark-2)}.clock{position: absolute;top: 128px;inset-inline-start: var(--gut);text-align: start;pointer-events: none}.clock__t{display: block;font: 800 clamp(4.2rem,11vw,13rem)/.8 "Cabinet Grotesk",sans-serif;letter-spacing: -.05em;font-variant-numeric: tabular-nums;color: var(--on-dark);direction: ltr}.clock__c{opacity: .45;font-weight: 400}.clock__l{display: block;margin-block-start: 14px;color: var(--on-dark-2)}.readout{position: absolute;inset-inline-end: var(--gut);bottom: 128px;display: grid;gap: 10px;text-align: end;color: var(--on-dark-2)}.readout div{display: flex;gap: 18px;justify-content: flex-end;border-block-end: 1px solid var(--line-d);padding-block-end: 8px;min-width: 250px}.readout dd{color: var(--on-dark);font-variant-numeric: tabular-nums;min-width: 6ch;direction: ltr}.hero__copy{position: absolute;inset-inline-start: var(--gut);bottom: 120px;max-width: min(64rem,62vw)}.hero__title{font: 500 clamp(2.9rem,6.8vw,8.2rem)/.9 var(--f-d);letter-spacing: -.045em}.hero__title .ln{display: block;overflow: hidden;padding-block-end: .06em}.hero__title .ln>span{display: inline-block}.hero__title em{color: var(--accent-hi)}:root[lang="ar"] .hero__title{line-height: 1.25;letter-spacing: 0;font-size: clamp(2.8rem,7vw,8rem)}.hero__lede{margin-block-start: 24px;max-width: 34rem;color: var(--on-dark-2)}.dayline{position: absolute;inset-inline: var(--gut);bottom: 40px;height: 44px;direction: ltr}.dayline__ticks{position: absolute;inset: 0;display: flex;justify-content: space-between;align-items: flex-end;border-block-end: 1px solid var(--line-d)}.dayline__ticks span{position: relative;width: 1px;height: 8px;background: var(--on-dark-2);opacity: .5}.dayline__ticks span.maj{height: 14px;opacity: 1}.dayline__ticks span b{position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);font: 400 .66rem var(--f-m);color: var(--on-dark-2)}.dayline__sun{position: absolute;bottom: -7px;left: 0;width: 14px;height: 14px;border-radius: 50%;background: var(--accent);box-shadow: 0 0 0 6px oklch(0.64 0.175 38 / .2),0 0 30px 6px oklch(0.64 0.175 38 / .45);transform: translateX(calc(var(--p,0) * (100cqw - 14px)))}.dayline{container-type: inline-size}.dayline__hint{position: absolute;bottom: -28px;left: 0;color: var(--on-dark-2);font-size: .66rem}:root[dir="rtl"] .dayline__hint{left: auto;right: 0}@media (max-width: 1023px){.hero__copy{max-width: none;inset-inline-end: var(--gut);bottom: 116px}.readout{display: none}.clock{top: 128px}}@media (max-width: 640px){.hero__top{top: 84px;font-size: .62rem}.hero__coords{display: none}.clock{top: 112px}.hero__lede{font-size: .98rem;margin-block-start: 16px}.dayline__ticks span b{display: none}.dayline__ticks span.maj b{display: block}}.studio{padding-block: clamp(110px,14vw,220px) clamp(80px,10vw,160px);position: relative}.statement{font: 500 clamp(2.3rem,5.8vw,7rem)/.98 var(--f-d);letter-spacing: -.04em;max-width: 15ch;text-wrap: balance}:root[lang="ar"] .statement{line-height: 1.35;letter-spacing: 0;max-width: 18ch}.studio__grid{display: grid;grid-template-columns: repeat(12,1fr);gap: 0 var(--gut);margin-block-start: clamp(60px,9vw,140px)}.plan{grid-column: 1 / 6;align-self: start;position: sticky;top: 110px}.plan figcaption{margin-block-start: 14px;color: var(--ink-2)}.principles{grid-column: 7 / 13}.studio__lede{font-size: clamp(1.15rem,1.3vw,1.4rem);line-height: 1.5;max-width: 34rem}:root[lang="ar"] .studio__lede{line-height: 1.85}.pr{margin-block-start: clamp(50px,6vw,90px);display: grid;gap: clamp(48px,6vw,90px)}.pr__i{position: relative;padding-block-start: 22px;border-block-start: 1px solid var(--line-l);max-width: 30rem}.pr__i:nth-child(2){margin-inline-start: clamp(0px,10vw,180px)}.pr__i:nth-child(3){margin-inline-start: clamp(0px,4vw,70px)}.pr__n{position: absolute;inset-inline-end: 0;top: -11px;padding-inline: 10px;background: var(--bone);color: var(--accent-ink);font-family: var(--f-m) !important;font-size: .78rem !important;letter-spacing: .06em;direction: ltr}.pr h3{font: 500 clamp(1.5rem,2.2vw,2.2rem)/1.1 var(--f-d);letter-spacing: -.02em;max-width: 12ch;margin-block-end: 14px}:root[lang="ar"] .pr h3{line-height: 1.5;letter-spacing: 0}.pr p{color: var(--ink-2);max-width: 27rem}.facts{display: grid;grid-template-columns: 1.4fr 1fr 1fr 1fr;gap: var(--gut);margin-block-start: clamp(80px,11vw,180px);border-block-start: 1px solid var(--ink);padding-block-start: 22px}.fact__n{display: block;font: 800 clamp(3.4rem,8vw,9rem)/.85 "Cabinet Grotesk",sans-serif;letter-spacing: -.05em;font-variant-numeric: tabular-nums}.fact:first-child .fact__n{color: var(--accent-ink)}.fact__l{display: block;margin-block-start: 12px;color: var(--ink-2);max-width: 15rem;font-size: .95rem}.draw{width: 100%;height: auto;overflow: visible}.draw path,.draw circle{fill: none;stroke: currentColor;stroke-width: 1.3;vector-effect: non-scaling-stroke;stroke-linecap: square}.draw .hatch path{stroke-width: 2.4}.draw .faint,.draw .dim path{stroke-width: .8;opacity: .55}.draw .lattice path,.draw .sunray path,.draw .rays path,.draw .air,.draw .heat path{stroke: var(--accent-ink)}.dark .draw .lattice path,.drawer .draw path.acc{stroke: var(--accent-hi)}.draw .sunray path,.draw .rays path{stroke-dasharray: none}.draw .lbl{font: 400 9px var(--f-m);fill: currentColor;text-anchor: middle;letter-spacing: .06em;text-transform: uppercase}:root[lang="ar"] .draw .lbl{font-family: var(--f-b);font-size: 11px;letter-spacing: 0}.draw .north path{fill: currentColor;stroke: none}.js .draw [pathLength]{stroke-dasharray: 1;stroke-dashoffset: var(--d,1)}.js .draw .lbl,.js .draw .north{opacity: var(--lo,0);transition: opacity .6s}.work{padding-block: clamp(110px,12vw,200px);position: relative}.work__head{display: grid;grid-template-columns: 1fr auto;align-items: end;gap: 30px var(--gut);margin-block-end: clamp(40px,6vw,90px)}.work__head .eyebrow{grid-column: 1 / -1;margin: 0}.filters{display: flex;flex-wrap: wrap;gap: 8px;justify-content: flex-end}.chip{min-height: 44px;padding: 0 18px;border: 1px solid var(--line-d);border-radius: 99px;font-size: .92rem;font-weight: 500;display: inline-flex;align-items: center;gap: 6px;transition: background-color .35s,color .35s,border-color .35s}.chip sup{font: 400 .62rem var(--f-m);opacity: .7;top: -.5em}.chip:hover{border-color: var(--on-dark-2)}.chip[aria-pressed="true"]{background: var(--on-dark);color: var(--ink);border-color: var(--on-dark)}.index{border-block-start: 1px solid var(--line-d)}.row{display: grid;grid-template-rows: 1fr;transition: grid-template-rows .6s var(--ease),opacity .5s var(--ease)}.row.is-out{grid-template-rows: 0fr;opacity: 0}.row>div{overflow: hidden;min-height: 0}.row__btn{width: 100%;display: grid;grid-template-columns: 4ch minmax(0,1fr) 13rem 12rem 4ch 28px;align-items: center;gap: 20px;padding-block: clamp(18px,2.2vw,30px);text-align: start;border-block-end: 1px solid var(--line-d);position: relative}.row__no,.row__ty,.row__lo,.row__yr{font: 400 .78rem var(--f-m);letter-spacing: .05em;color: var(--on-dark-2);text-transform: uppercase}:root[lang="ar"] .row__ty,:root[lang="ar"] .row__lo{font-family: var(--f-b);letter-spacing: 0;font-size: .92rem}.row__nm{font: 500 clamp(1.7rem,3.8vw,4.2rem)/1 var(--f-d);letter-spacing: -.035em;transition: transform .6s var(--ease),color .4s}:root[lang="ar"] .row__nm{line-height: 1.4;letter-spacing: 0}.row__ar{width: 28px;height: 28px;border-radius: 50%;border: 1px solid var(--line-d);display: grid;place-items: center;transition: background-color .4s,border-color .4s,transform .5s var(--ease)}.row__ar svg{width: 12px;height: 12px}:root[dir="rtl"] .row__ar svg{transform: scaleX(-1)}.row__th{display: none}@media (hover: hover) and (pointer: fine){.row__btn:hover .row__nm{transform: translateX(calc(var(--dir,1) * 18px));color: var(--accent-hi)}.row__btn:hover .row__ar{background: var(--accent);border-color: var(--accent)}:root[dir="rtl"]{--dir: -1}.index:hover .row__btn:not(:hover){opacity: .5}.row__btn{transition: opacity .4s}}.index__status{margin-block-start: 20px;color: var(--on-dark-2)}.peek{position: fixed;top: 0;left: 0;z-index: 30;width: min(30vw,480px);aspect-ratio: 4 / 3;pointer-events: none;display: none}@media (hover: hover) and (pointer: fine){.peek{display: block}}.peek__in{width: 100%;height: 100%;overflow: hidden;clip-path: inset(50% 50% 50% 50%);transition: clip-path .6s var(--ease)}.peek.is-on .peek__in{clip-path: inset(0 0 0 0)}.peek img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.12);transition: transform .9s var(--ease)}.peek.is-on img{transform: scale(1)}@media (max-width: 1023px){.work__head{grid-template-columns: 1fr}.filters{justify-content: flex-start;flex-wrap: nowrap;overflow-x: auto;scrollbar-width: none;margin-inline: calc(var(--gut) * -1);padding-inline: var(--gut)}.filters::-webkit-scrollbar{display: none}.chip{flex: none}.row__btn{grid-template-columns: 96px minmax(0,1fr) 28px;gap: 6px 16px}.row__th{display: block;grid-row: 1 / 4;width: 96px;aspect-ratio: 1;object-fit: cover;align-self: start}.row__no{display: none}.row__nm{grid-column: 2;grid-row: 1}.row__ty{grid-column: 2;grid-row: 2}.row__lo{grid-column: 2;grid-row: 3}.row__yr{display: none}.row__ar{grid-column: 3;grid-row: 1}}.drawer{position: fixed;inset: 0;z-index: 70}.drawer[hidden]{display: none}.drawer__scrim{position: absolute;inset: 0;background: oklch(0.12 0.006 65 / .62);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);opacity: 0;transition: opacity .5s var(--ease)}.drawer__panel{position: absolute;inset-block: 0;inset-inline-end: 0;width: min(760px,100%);background: var(--bone);color: var(--ink);overflow-y: auto;overscroll-behavior: contain;transform: translateX(calc(var(--dir,1) * 100%));transition: transform .7s var(--ease);outline: none}.drawer.is-open .drawer__scrim{opacity: 1}.drawer.is-open .drawer__panel{transform: none}.drawer__x{position: absolute;top: 18px;inset-inline-end: 18px;z-index: 2;width: 48px;height: 48px;border-radius: 50%;background: var(--bone);display: grid;place-items: center}.drawer__x span{position: absolute;width: 18px;height: 1.5px;background: var(--ink);transform: rotate(45deg)}.drawer__x span + span{transform: rotate(-45deg)}.drawer__img{aspect-ratio: 16 / 10;overflow: hidden;background: var(--stone)}.drawer__img img{width: 100%;height: 100%;object-fit: cover}.drawer__body{padding: clamp(24px,4vw,56px)}.drawer__no{color: var(--accent-ink)}.drawer__title{font: 500 clamp(2.2rem,4.4vw,4rem)/.98 var(--f-d);letter-spacing: -.035em;margin-block: 12px 22px}:root[lang="ar"] .drawer__title{line-height: 1.35;letter-spacing: 0}.drawer__desc{font-size: 1.12rem;max-width: 36rem}.drawer__facts{display: grid;grid-template-columns: repeat(auto-fit,minmax(140px,1fr));margin-block: 32px;border-block-start: 1px solid var(--line-l)}.drawer__facts div{padding-block: 14px;border-block-end: 1px solid var(--line-l);padding-inline-end: 12px}.drawer__facts dt{font: 400 .7rem var(--f-m);text-transform: uppercase;letter-spacing: .06em;color: var(--ink-2)}:root[lang="ar"] .drawer__facts dt{font-family: var(--f-b);font-size: .84rem;letter-spacing: 0}.drawer__facts dd{margin-block-start: 4px;font-weight: 500}.drawer__plan{max-width: 440px;color: var(--ink);margin-block: 10px 36px}.drawer__nav{display: flex;justify-content: space-between;gap: 16px;border-block-start: 1px solid var(--line-l);padding-block-start: 20px}.drawer__nav button{min-height: 44px;font-weight: 500;padding-inline: 4px}.drawer__next{color: var(--accent-ink)}.research{padding-block: clamp(110px,12vw,200px);position: relative}.research__head{display: grid;grid-template-columns: repeat(12,1fr);gap: 0 var(--gut);align-items: end}.research__head .eyebrow{grid-column: 1 / -1}.research__head .h2{grid-column: 1 / 8}.research__lede{grid-column: 9 / 13;color: var(--ink-2);max-width: 30rem}.lab{display: grid;grid-template-columns: repeat(12,1fr);gap: 0 var(--gut);margin-block-start: clamp(60px,8vw,120px)}.lab__fig{grid-column: 1 / 8;position: sticky;top: 14vh;align-self: start;color: var(--ink)}.lab__cap{margin-block-start: 16px;color: var(--ink-2)}.section [data-step]{transition: opacity .6s var(--ease)}.js .section [data-step]{opacity: .18}.js .section [data-step].is-on{opacity: 1}.section .rays .dash{stroke-dasharray: .03 .02}.section .cool{stroke: var(--ink) !important;stroke-dasharray: .04 .03}.lab__steps{grid-column: 9 / 13}.step{min-height: 72vh;display: flex;flex-direction: column;justify-content: center;border-block-start: 1px solid var(--line-l);padding-block: 30px;transition: opacity .5s}.js .step{opacity: .35}.js .step.is-on{opacity: 1}.step__fig{font: 800 clamp(3.4rem,6.5vw,7.4rem)/.9 "Cabinet Grotesk",sans-serif;letter-spacing: -.05em;color: var(--accent-ink);direction: ltr;text-align: start;font-variant-numeric: tabular-nums}:root[dir="rtl"] .step__fig{text-align: right}.step h3{font: 500 clamp(1.4rem,2vw,2rem)/1.15 var(--f-d);letter-spacing: -.02em;margin-block: 18px 12px}:root[lang="ar"] .step h3{line-height: 1.5;letter-spacing: 0}.step p{color: var(--ink-2)}.research__img{width: min(62%,1100px);margin-inline-start: auto;margin-block-start: clamp(40px,6vw,100px)}.research__img img{width: 100%;aspect-ratio: 16 / 9;object-fit: cover}.research__img figcaption{margin-block-start: 12px;color: var(--ink-2)}@media (max-width: 1023px){.research__head .h2,.research__lede{grid-column: 1 / -1}.research__lede{margin-block-start: 24px}.lab__fig{grid-column: 1 / -1;top: 72px;background: var(--stone);padding-block: 10px;z-index: 2}.lab__steps{grid-column: 1 / -1}.step{min-height: 0;padding-block: 36px}.research__img{width: 100%}}.process{position: relative;overflow: hidden;background: radial-gradient(60% 80% at 100% 0%,oklch(0.32 0.04 45 / .55),transparent 70%),var(--concrete)}.process__pin{min-height: 100vh;display: flex;flex-direction: column;justify-content: center;padding-block: clamp(100px,10vw,140px) 60px}.process__track{display: flex;gap: clamp(28px,4vw,80px);padding-inline: var(--gut);width: max-content;will-change: transform}.pc{width: clamp(300px,30vw,520px);flex: none;position: relative;padding-block-start: clamp(150px,14vw,250px);border-inline-start: 1px solid var(--line-d);padding-inline-start: clamp(20px,2vw,34px)}.pc--intro{width: clamp(320px,36vw,620px);border: 0;padding-inline-start: 0;padding-block-start: 0;align-self: center}.pc--intro p{color: var(--on-dark-2);max-width: 26rem;margin-block-start: 26px}.pc__n{position: absolute;top: 0;inset-inline-start: clamp(14px,1.6vw,28px);font: 800 clamp(8rem,14vw,16rem)/.8 "Cabinet Grotesk",sans-serif;letter-spacing: -.06em;color: transparent;-webkit-text-stroke: 1px oklch(0.76 0.014 75 / .7)}.pc h3{font: 500 clamp(1.7rem,2.6vw,2.7rem)/1.05 var(--f-d);letter-spacing: -.025em;margin-block-end: 14px}:root[lang="ar"] .pc h3{line-height: 1.5;letter-spacing: 0}.pc p{color: var(--on-dark-2);max-width: 26rem}.pc img{margin-block-start: 22px;aspect-ratio: 16 / 10;object-fit: cover;width: 100%}.pc__w{display: inline-block;margin-block-start: 20px;padding: 6px 12px;border: 1px solid var(--line-d);border-radius: 99px;color: var(--accent-hi)}.process__bar{margin: clamp(40px,5vw,70px) var(--gut) 0;height: 1px;background: var(--line-d)}.process__bar i{display: block;height: 100%;background: var(--accent);transform-origin: var(--o,left);transform: scaleX(var(--pp,0))}:root[dir="rtl"] .process__bar i{--o: right}@media (max-width: 1023px),(prefers-reduced-motion: reduce){.process__track{flex-direction: column;width: auto;gap: 56px}.pc,.pc--intro{width: auto;max-width: 40rem}.pc{padding-block-start: clamp(110px,24vw,170px)}.pc__n{font-size: clamp(7rem,26vw,11rem)}.process__bar{display: none}}.press{padding-block: clamp(110px,12vw,200px) clamp(60px,7vw,100px)}.press__head{display: flex;flex-direction: column;margin-block-end: clamp(40px,5vw,70px)}.plist{border-block-start: 1px solid var(--ink)}.plist li{display: grid;grid-template-columns: 7ch minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap: 20px;padding-block: 22px;border-block-end: 1px solid var(--line-l);align-items: baseline;position: relative}.plist li::before{content: "";position: absolute;inset: 0;background: var(--stone);transform: scaleY(0);transform-origin: bottom;transition: transform .5s var(--ease);z-index: 0}.plist li>*{position: relative;z-index: 1}@media (hover: hover) and (pointer: fine){.plist li:hover::before{transform: scaleY(1)}}.plist__y{font: 400 .82rem var(--f-m);color: var(--accent-ink)}.plist__t{font: 500 clamp(1.25rem,1.8vw,1.8rem)/1.15 var(--f-d);letter-spacing: -.015em}:root[lang="ar"] .plist__t{line-height: 1.5;letter-spacing: 0}.plist__p{color: var(--ink-2)}.plist__c{color: var(--ink-2);text-align: end}@media (max-width: 767px){.plist li{grid-template-columns: 6ch 1fr;gap: 6px 14px}.plist__p,.plist__c{grid-column: 2;text-align: start}}.people{padding-block: clamp(60px,7vw,100px) clamp(110px,12vw,200px)}.people__head{margin-block-end: clamp(40px,5vw,70px)}.people__head .h2{max-width: 18ch}.people__img{margin-inline: calc(var(--gut) * -1);overflow: hidden}.people__img img{width: 100%;height: auto;aspect-ratio: 21 / 9;object-fit: cover}.js .people__img{clip-path: inset(0 var(--ci,8%) 0 var(--ci,8%))}.team{display: grid;grid-template-columns: repeat(4,1fr);gap: 0 var(--gut);margin-block-start: clamp(40px,5vw,70px)}.team li{display: grid;grid-template-columns: 52px 1fr;gap: 2px 16px;padding-block: 22px;border-block-start: 1px solid var(--line-l);align-items: center}.team li:nth-child(4n+2),.team li:nth-child(4n+4){transform: translateY(clamp(0px,3vw,40px))}.team__m{grid-row: 1 / 3;width: 52px;height: 52px;display: grid;place-items: center;font: 500 .8rem var(--f-m);border: 1px solid var(--ink);position: relative;overflow: hidden}.team__m::after{content: "";position: absolute;inset: 0;background: linear-gradient(135deg,transparent 50%,oklch(0.64 0.175 38 / .28) 50%)}.team b{font: 500 1.3rem/1.2 var(--f-d);letter-spacing: -.01em}.team li>span:last-child{color: var(--ink-2);font-size: .92rem;line-height: 1.4}.careers{display: grid;grid-template-columns: repeat(12,1fr);gap: 30px var(--gut);margin-block-start: clamp(100px,12vw,180px)}.careers__intro{grid-column: 1 / 5}.careers__intro p{color: var(--ink-2);margin-block-start: 18px;max-width: 24rem}.jobs{grid-column: 6 / 13;border-block-start: 1px solid var(--ink)}.jobs a{display: grid;grid-template-columns: 1fr auto 40px;gap: 20px;align-items: center;padding-block: 24px;border-block-end: 1px solid var(--line-l);text-decoration: none}.jobs__t{font: 500 clamp(1.2rem,1.7vw,1.7rem)/1.2 var(--f-d);letter-spacing: -.015em;transition: color .3s}:root[lang="ar"] .jobs__t{line-height: 1.5;letter-spacing: 0}.jobs__m{color: var(--ink-2)}.jobs__a{width: 40px;height: 40px;border-radius: 50%;border: 1px solid var(--line-l);display: grid;place-items: center;transition: background-color .3s,color .3s,transform .5s var(--ease)}:root[dir="rtl"] .jobs__a{transform: scaleX(-1)}@media (hover: hover) and (pointer: fine){.jobs a:hover .jobs__t{color: var(--accent-ink)}.jobs a:hover .jobs__a{background: var(--ink);color: var(--bone)}}@media (max-width: 1023px){.team{grid-template-columns: repeat(2,1fr)}.team li:nth-child(n){transform: none}.careers__intro,.jobs{grid-column: 1 / -1}}@media (max-width: 560px){.team{grid-template-columns: 1fr}.jobs a{grid-template-columns: 1fr 40px}.jobs__m{grid-row: 2}.jobs__a{grid-row: 1 / 3;grid-column: 2}.people__img img{aspect-ratio: 4 / 3}}.contact{padding-block: clamp(110px,12vw,200px);position: relative;overflow: hidden;background: radial-gradient(70% 60% at 0% 100%,oklch(0.38 0.08 40 / .55),transparent 70%),radial-gradient(40% 40% at 100% 0%,oklch(0.3 0.02 60 / .6),transparent 70%),var(--concrete)}.contact__grid{display: grid;grid-template-columns: repeat(12,1fr);gap: 50px var(--gut)}.contact__intro{grid-column: 1 / 6}.contact__title{font: 500 clamp(3rem,7.4vw,8.4rem)/.9 var(--f-d);letter-spacing: -.045em;margin-block-end: 28px}:root[lang="ar"] .contact__title{line-height: 1.25;letter-spacing: 0}.contact__intro>p{color: var(--on-dark-2);max-width: 26rem}.contact__mail{display: inline-block;margin-block-start: 36px;font: 500 clamp(1.3rem,2vw,2rem)/1.2 "Cabinet Grotesk",sans-serif;text-decoration: none;border-block-end: 1px solid var(--accent);padding-block-end: 4px}.contact__city{margin-block-start: 22px;color: var(--on-dark-2)}.form{grid-column: 7 / 13;display: grid;grid-template-columns: 1fr 1fr;gap: 34px 28px}.field{position: relative;min-width: 0;border: 0;margin: 0;padding: 0}.field--wide{grid-column: 1 / -1}.field label,.field .label,.field legend{display: block;font: 500 .74rem var(--f-m);letter-spacing: .07em;text-transform: uppercase;color: var(--on-dark-2);margin-block-end: 10px;padding: 0}:root[lang="ar"] .field label,:root[lang="ar"] .field .label,:root[lang="ar"] .field legend{font-family: var(--f-b);font-size: .92rem;letter-spacing: 0;text-transform: none}.field input,.field textarea{width: 100%;background: transparent;border: 0;border-block-end: 1px solid oklch(0.935 0.012 80 / .35);color: var(--on-dark);font: inherit;font-size: 1.1rem;padding: 10px 0 12px;border-radius: 0;transition: border-color .3s}.field textarea{resize: vertical;min-height: 110px}.field input:focus,.field textarea:focus{outline: none;border-color: var(--accent-hi);box-shadow: 0 1px 0 var(--accent-hi)}.err{display: none;margin-block-start: 8px;font-size: .86rem;color: var(--accent-hi)}.field.is-bad .err{display: block}.field.is-bad input,.field.is-bad .sel__btn{border-color: var(--accent-hi)}.sel{position: relative}.sel__btn{width: 100%;min-height: 50px;display: flex;align-items: center;justify-content: space-between;gap: 12px;border-block-end: 1px solid oklch(0.935 0.012 80 / .35);font-size: 1.1rem;text-align: start;padding-block: 8px}.sel__btn svg{width: 16px;height: 16px;transition: transform .4s var(--ease);flex: none}.sel__btn[aria-expanded="true"] svg{transform: rotate(180deg)}.sel__val.is-ph{color: var(--on-dark-2)}.sel__list{position: absolute;inset-inline: 0;top: calc(100% + 8px);z-index: 10;background: var(--bone);color: var(--ink);padding: 8px;box-shadow: 0 30px 60px -20px oklch(0 0 0 / .6);transform-origin: top;animation: drop .35s var(--ease)}@keyframes drop{from{opacity: 0;transform: translateY(-6px) scaleY(.96)}}.sel__list li{display: flex;align-items: center;justify-content: space-between;min-height: 48px;padding-inline: 14px;cursor: pointer;font-size: 1.02rem;border-radius: 2px}.sel__list li i{font: 400 .7rem var(--f-m);font-style: normal;color: var(--ink-2);width: 24px;height: 24px;border: 1px solid var(--line-l);display: grid;place-items: center}.sel__list li.is-active{background: var(--stone)}.sel__list li[aria-selected="true"]{color: var(--accent-ink);font-weight: 600}.sel__list li[aria-selected="true"] i{background: var(--accent-ink);color: var(--bone);border-color: var(--accent-ink)}.range__out{font-size: .8rem;color: var(--on-dark);margin-inline-start: 8px;text-transform: none;letter-spacing: 0}.range{position: relative;height: 64px;direction: ltr;touch-action: none}.range__rail{position: absolute;top: 22px;inset-inline: 0;height: 2px;background: oklch(0.935 0.012 80 / .22)}.range__fill{position: absolute;top: 0;bottom: 0;background: var(--accent);left: var(--a,0%);right: calc(100% - var(--b,100%))}.range__thumb{position: absolute;top: 23px;left: var(--x,0%);width: 44px;height: 44px;margin: -22px 0 0 -22px;display: grid;place-items: center;cursor: grab}.range__thumb::before{content: "";width: 20px;height: 20px;border-radius: 50%;background: var(--on-dark);box-shadow: 0 0 0 5px oklch(0.64 0.175 38 / .0);transition: box-shadow .3s,transform .3s var(--ease)}.range__thumb:hover::before,.range__thumb:focus-visible::before,.range__thumb.is-drag::before{box-shadow: 0 0 0 8px oklch(0.64 0.175 38 / .35);transform: scale(1.1)}.range__thumb:focus-visible{outline: none}.range__ticks{position: absolute;top: 40px;inset-inline: 0;display: flex;justify-content: space-between;font-size: .66rem;color: var(--on-dark-2)}.range__ticks span{width: 1px;position: relative}.range__ticks span b{position: absolute;left: 50%;transform: translateX(-50%);white-space: nowrap;font-weight: 400;top: 6px}.range__ticks span:first-child b{transform: none;left: 0}.range__ticks span:last-child b{transform: none;left: auto;right: 0}.range__ticks span::before{content: "";position: absolute;top: -10px;width: 1px;height: 5px;background: currentColor}.chips{display: flex;flex-wrap: wrap;gap: 8px}.chips button{min-height: 44px;padding-inline: 18px;border-radius: 99px;border: 1px solid oklch(0.935 0.012 80 / .3);font-size: .95rem;transition: background-color .3s,color .3s,border-color .3s}.chips button:hover{border-color: var(--on-dark)}.chips button[aria-checked="true"]{background: var(--on-dark);color: var(--ink);border-color: var(--on-dark)}.check{display: inline-flex;align-items: center;gap: 14px;min-height: 44px;text-align: start;font-size: 1rem}.check__box{width: 24px;height: 24px;flex: none;border: 1.5px solid var(--on-dark-2);display: grid;place-items: center;transition: background-color .3s,border-color .3s}.check__box svg{width: 16px;height: 16px;color: var(--ink);stroke-dasharray: 20;stroke-dashoffset: 20;transition: stroke-dashoffset .4s var(--ease)}.check[aria-checked="true"] .check__box{background: var(--accent-hi);border-color: var(--accent-hi)}.check[aria-checked="true"] .check__box svg{stroke-dashoffset: 0}.field.is-bad .check__box{border-color: var(--accent-hi)}.form__end{display: flex;align-items: center;flex-wrap: wrap;gap: 20px 28px}.send{display: inline-flex;align-items: center;gap: 14px;min-height: 58px;padding-inline: 30px 24px;background: var(--accent);color: oklch(0.16 0.01 50);border-radius: 99px;font-weight: 600;font-size: 1.02rem;transition: background-color .3s}.send svg{width: 22px;height: 22px;transition: transform 1.2s var(--ease)}.send:hover{background: var(--accent-hi)}.send:hover svg{transform: rotate(180deg)}.form__note{color: var(--on-dark);font-size: .98rem;min-height: 1.5em}.form__note.is-ok{padding-inline-start: 14px;border-inline-start: 2px solid var(--accent-hi)}@media (max-width: 1023px){.contact__intro,.form{grid-column: 1 / -1}}@media (max-width: 560px){.form{grid-template-columns: 1fr}}.foot{background: var(--night);padding-block: clamp(70px,8vw,120px) 40px;overflow: hidden}.foot__word{display: flex;justify-content: space-between;align-items: baseline;gap: 4vw;font: 800 clamp(4rem,15.5vw,20rem)/.8 "Cabinet Grotesk",sans-serif;letter-spacing: -.055em;color: var(--on-dark)}.foot__word span[lang="ar"]{font: 600 clamp(2.4rem,9vw,11rem)/1 "Reem Kufi",sans-serif;letter-spacing: 0;color: var(--accent-hi)}.foot__row{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 24px 40px;margin-block-start: clamp(40px,5vw,70px);padding-block-start: 26px;border-block-start: 1px solid var(--line-d)}.foot__nav{display: flex;flex-wrap: wrap;gap: 6px 26px}.foot__nav a{text-decoration: none;font-weight: 500;font-size: .95rem;padding-block: 10px}.foot__nav a:hover{color: var(--accent-hi)}.foot__line{color: var(--on-dark-2)}.credit{display: inline-flex;align-items: center;gap: 10px;text-decoration: none;color: var(--on-dark-2);font-size: .78rem;letter-spacing: .03em}.credit img{height: 42px;width: auto;margin-block: -8px}.credit:hover img{opacity: .8}@media (max-width: 640px){.foot__word{flex-direction: column;gap: 10px}}.dial{position: fixed;bottom: 20px;inset-inline-end: 20px;z-index: 40;display: flex;align-items: center;gap: 10px;color: #fff;mix-blend-mode: difference;pointer-events: none;opacity: 0;transform: translateY(10px);transition: opacity .5s,transform .5s var(--ease)}.dial.is-on{opacity: 1;transform: none}.dial svg{width: 58px;height: 58px}.dial circle{fill: currentColor}.dial .dial__ring{fill: none;stroke: currentColor;stroke-width: 1;opacity: .8}.dial__ticks path{stroke: currentColor;stroke-width: 1}.dial__gnomon{stroke: currentColor;stroke-width: 1.6}.dial__shade{stroke: currentColor;stroke-width: 3;opacity: .55;transform-origin: 30px 30px}.dial__t{font-size: .7rem;font-variant-numeric: tabular-nums}:root[lang="ar"] .dial__t{font-family: var(--f-m)}@media (max-width: 640px){.dial svg{width: 44px;height: 44px}.dial__t{display: none}.dial{bottom: 14px;inset-inline-end: 14px}}.js .rv{opacity: 0;transform: translateY(30px)}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: .001ms !important;transition-duration: .001ms !important;scroll-behavior: auto !important}.js .rv{opacity: 1;transform: none}.js .draw [pathLength]{stroke-dashoffset: 0}.js .draw .lbl,.js .draw .north{opacity: 1}.js .section [data-step],.js .step{opacity: 1}.js .people__img{clip-path: none}.hero__gl{display: none}.peek{display: none !important}}.poster-mode .hdr,.poster-mode .grain,.poster-mode .dial,.poster-mode .hero__veil,.poster-mode .hero__top,.poster-mode .clock,.poster-mode .readout,.poster-mode .hero__copy,.poster-mode .dayline{display: none !important}.poster-mode .hero__gl{transition: none}@media (max-width: 1023px){.plan{grid-column: 1 / 6}.principles{grid-column: 6 / 13}.pr__i:nth-child(n){margin-inline-start: 0}}@media (max-width: 767px){.studio__grid{display: block}.plan{position: static;max-width: 340px;margin-block-end: 56px}.facts{grid-template-columns: 1fr 1fr;row-gap: 36px}}:root[lang="ar"] .brand__name{font-size: 1.1rem;opacity: .75}:root[lang="ar"] .brand__ar{order: -1;font-size: 1.35rem;opacity: 1;border: 0;padding: 0}@media (max-width: 520px){:root[lang="ar"] .brand__ar{display: inline}:root[lang="ar"] .brand__name{display: none}}.draw text{unicode-bidi: plaintext}@media (max-width: 767px){.lab__fig{position: static}}.field--sel{z-index: 20}.nav__list a i{font-size: .7rem;opacity: .75}.lang button{opacity: .8}.readout{padding: 14px 16px 6px;background: oklch(0.185 0.008 65 / .62);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px)}.readout,.readout dt{color: var(--on-dark)}.js .step{opacity: 1}.js .step:not(.is-on) .step__fig{color: transparent;-webkit-text-stroke: 1.2px var(--accent-ink)}.step__fig{transition: color .5s}.dayline__ticks span{background: none;opacity: 1}.dayline__ticks span::before{content: "";position: absolute;inset: 0;background: var(--on-dark-2);opacity: .5}.dayline__ticks span.maj::before{opacity: 1}.clock__c{opacity: .62}.lang span{opacity: .7}.nav__list a i,.lang span,.chip sup{opacity: 1}.clock__c{opacity: 1;color: var(--on-dark-2)}.brand__ar{opacity: 1}@media (prefers-reduced-motion: reduce){.dayline__hint{display: none}}.hdr.menu-open{backdrop-filter: none;-webkit-backdrop-filter: none;background: transparent}:root[dir="rtl"]{--dir: -1}