.hd{z-index:1000;position:relative}.hd-top{z-index:1000;pointer-events:none;color:var(--cloud);position:fixed;top:0;left:0;right:0}.hd-bar{padding:14px var(--gutter) 0;transition:translate .6s var(--ease-out), padding .5s var(--ease-out);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid;position:relative}.hd-bar>*{pointer-events:auto}.hd-bar:before{content:"";z-index:-1;left:calc(var(--gutter) - 12px);right:calc(var(--gutter) - 12px);background:color-mix(in srgb, var(--night) 70%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);opacity:0;height:60px;transition:opacity .45s ease, scale .6s var(--ease-out), background .45s, box-shadow .45s;pointer-events:none;border-radius:999px;position:absolute;top:8px;scale:.985 .9;box-shadow:inset 0 0 0 1px #ffffff1a,0 18px 40px -26px #0000008c}.hd-top.is-glass .hd-bar{padding-top:16px}.hd-top.is-glass .hd-bar:before{opacity:1;scale:1}.hd-top.is-hid .hd-bar{translate:0 -150%}.hd-logo{justify-self:start;align-items:center;gap:10px;transition:color .4s;display:inline-flex}.hd-mark{transition:rotate .8s var(--ease-spring);place-items:center;display:grid}.hd-mark img{width:32px;height:auto}.hd-logo:hover .hd-mark{rotate:180deg}.hd-word{width:auto;height:40px;transition:scale .45s var(--ease-spring)}.hd-logo:hover .hd-word{scale:1.05}.hd-word-dark,.hd-top.is-lt .hd-word-light{display:none}.hd-top.is-lt .hd-word-dark{display:block}.hd-nav{justify-self:center}.hd-lk{background:color-mix(in srgb, var(--night) 38%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;gap:4px;margin:0;padding:5px;list-style:none;transition:background .45s,box-shadow .45s;display:flex;box-shadow:inset 0 0 0 1px #ffffff24}.hd-lk a{color:#ffffffdb;border-radius:999px;padding:9px 16px;font-size:14px;transition:background .3s,color .3s;display:block;position:relative}.hd-lk a:hover{background:var(--cloud);color:var(--ink)}.hd-lk a:after{content:"";background:var(--acc);width:5px;height:5px;transition:scale .45s var(--ease-spring), background .25s;border-radius:50%;position:absolute;bottom:3px;left:50%;translate:-50%;scale:0}.hd-lk a:hover:after{background:var(--pink);scale:1}.hd-top.is-glass .hd-lk{background:#ffffff0f}.hd-act{justify-self:end;align-items:center;gap:8px;display:flex}.hd-lang{background:#ffffff14;border-radius:999px;padding:10px 12px;transition:background .3s,color .3s;box-shadow:inset 0 0 0 1px #ffffff1a}.hd-lang:hover{background:var(--cloud);color:var(--ink)}html[lang=ar] .hd-lang{font-family:var(--font-funnel-sans), var(--font-mono);font-weight:600}html[lang=en] .hd-lang{font-family:var(--font-thmanyah), var(--font-mono);font-weight:700}.hd-top.is-lt{color:var(--ink)}.hd-top.is-lt .hd-bar:before{background:color-mix(in srgb, var(--bone) 84%, transparent);box-shadow:inset 0 0 0 1px #0d0e1017,0 18px 40px -28px #00000059}.hd-top.is-lt .hd-lk{background:#0d0e100d;box-shadow:inset 0 0 0 1px #0d0e101f}.hd-top.is-lt .hd-lk a{color:#0d0e10d1}.hd-top.is-lt .hd-lk a:hover{background:var(--ink);color:var(--bone)}.hd-top.is-lt.is-glass .hd-lk{background:#0d0e100a}.hd-top.is-lt .hd-lang{background:#0d0e100f;box-shadow:inset 0 0 0 1px #0d0e101f}.hd-top.is-lt .hd-lang:hover{background:var(--ink);color:var(--bone)}.hd-top.is-lt .hd-bg{background:#0d0e100f;box-shadow:inset 0 0 0 1px #0d0e101f}.hd-bg{background:#ffffff1a;border-radius:50%;width:44px;height:44px;display:none;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f}.hd-bg i{width:16px;height:2px;transition:top .45s var(--ease-strong), rotate .45s var(--ease-strong) 50ms, width .45s;background:currentColor;border-radius:2px;position:absolute;left:14px}.hd-bg i:first-child{top:18px}.hd-bg i:last-child{top:25px}.hd.is-open .hd-bg{color:var(--cloud)}.hd.is-open .hd-bg i{top:21px}.hd.is-open .hd-bg i:first-child{rotate:45deg}.hd.is-open .hd-bg i:last-child{rotate:-45deg}.hd-drw{z-index:999;background:var(--night);color:var(--cloud);padding:110px var(--gutter) 40px;clip-path:circle(0px at var(--bx) var(--by));visibility:hidden;transition:clip-path .7s var(--ease-strong), visibility 0s linear .7s;pointer-events:auto;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.hd.is-open .hd-drw{clip-path:circle(160vmax at var(--bx) var(--by));visibility:visible;transition:clip-path .85s var(--ease-strong), visibility 0s}.hd.is-open .hd-top{color:var(--cloud)}.hd.is-open .hd-bar:before{opacity:0}.hd-dl{margin:0;padding:0;list-style:none}.hd-dl li{border-bottom:1px solid #ffffff1a;overflow:hidden}.hd-dl a{font-family:var(--font-display);letter-spacing:-.03em;align-items:baseline;gap:16px;padding:16px 0;font-size:clamp(34px,9vw,56px);font-weight:600;line-height:1.1;display:flex}html[lang=ar] .hd-dl a{letter-spacing:0;font-weight:700}.hd-dl-t{transition:translate .9s var(--ease-drawer) calc(.22s + var(--i) * 60ms);display:block;translate:0 110%}.hd-dl-n{opacity:0;transition:opacity .5s ease calc(.3s + var(--i) * 60ms);color:var(--acc)}.hd.is-open .hd-dl-t{translate:0}.hd.is-open .hd-dl-n{opacity:1}.hd:not(.is-open) .hd-dl-t,.hd:not(.is-open) .hd-dl-n{transition-delay:0s}.hd-dr-ft{opacity:0;transition:opacity .6s ease, translate .8s var(--ease-out);justify-content:space-between;display:flex;translate:0 16px}.hd.is-open .hd-dr-ft{opacity:1;transition-delay:.5s;translate:0}@media (max-width:1240px){.hd-bar:before{left:calc(var(--gutter) - 8px);right:calc(var(--gutter) - 8px)}}@media (max-width:809px){.hd-bar{grid-template-columns:auto 1fr auto}.hd-nav,.hd-cta,.hd-lang{display:none}.hd-bg{display:block}.hd-bar:before{left:8px;right:8px}}@media (prefers-reduced-motion:reduce){.hd-drw,.hd-dl-t,.hd-dl-n,.hd-dr-ft,.hd-bar{transition:none}}html.menu-open,html.menu-open body{overflow:hidden}.hd-drw{overscroll-behavior:contain;overflow-y:auto}
