CINXE.COM

<!doctype html><html lang=en-gb><head><meta name=generator content="Hugo 0.129.0"><style>html{visibility:hidden;opacity:0}</style><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><style>/*!------------------------------------------------------------------ [MAIN STYLESHEET] -------------------------------------------------------------------*/@font-face{font-family:roboto mono;src:url(/fonts/RobotoMono-Italic-VariableFont_wght.ttf)format("truetype");font-weight:100 700;font-style:italic;font-display:swap}@font-face{font-family:roboto mono;src:url(/fonts/RobotoMono-VariableFont_wght.ttf)format("truetype");font-weight:100 700;font-style:normal;font-display:swap}@font-face{font-family:avenir arabic;src:url(/fonts/AvenirArabic-Book.woff2)format("woff2"),url(/fonts/AvenirArabic-Book.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:avenir arabic;src:url(/fonts/AvenirArabic-Heavy.woff2)format("woff2"),url(/fonts/AvenirArabic-Heavy.woff)format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:avenir arabic;src:url(/fonts/AvenirArabic-Black.woff2)format("woff2"),url(/fonts/AvenirArabic-Black.woff)format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:avenir arabic;src:url(/fonts/AvenirArabic-Light.woff2)format("woff2"),url(/fonts/AvenirArabic-Light.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:avenir arabic;src:url(/fonts/AvenirArabic-Medium.woff2)format("woff2"),url(/fonts/AvenirArabic-Medium.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:avenir arabic;src:url(/fonts/AvenirArabic-Medium.woff2)format("woff2"),url(/fonts/AvenirArabic-Medium.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:avenir arabic;src:url(/fonts/AvenirArabic-Book.woff2)format("woff2"),url(/fonts/AvenirArabic-Book.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:avenir arabic;src:url(/fonts/AvenirArabic-Heavy.woff2)format("woff2"),url(/fonts/AvenirArabic-Heavy.woff)format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:avenir arabic;src:url(/fonts/AvenirArabic-Black.woff2)format("woff2"),url(/fonts/AvenirArabic-Black.woff)format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:avenir arabic;src:url(/fonts/AvenirArabic-Light.woff2)format("woff2"),url(/fonts/AvenirArabic-Light.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:circular std;src:url(/fonts/CircularStd-Bold.woff2)format("woff2"),url(/fonts/CircularStd-Bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:circular std;src:url(/fonts/CircularStd-Black.woff2)format("woff2"),url(/fonts/CircularStd-Black.woff)format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:circular std;src:url(/fonts/CircularStd-BlackItalic.woff2)format("woff2"),url(/fonts/CircularStd-BlackItalic.woff)format("woff");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:circular std book;src:url(/fonts/CircularStd-BookItalic.woff2)format("woff2"),url(/fonts/CircularStd-BookItalic.woff)format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:circular std;src:url(/fonts/CircularStd-BoldItalic.woff2)format("woff2"),url(/fonts/CircularStd-BoldItalic.woff)format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:circular std book;src:url(/fonts/CircularStd-Book.woff2)format("woff2"),url(/fonts/CircularStd-Book.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:circular std;src:url(/fonts/CircularSpotifyText-LightItalic.woff2)format("woff2"),url(/fonts/CircularSpotifyText-LightItalic.woff)format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:circular std;src:url(/fonts/CircularStd-MediumItalic.woff2)format("woff2"),url(/fonts/CircularStd-MediumItalic.woff)format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:circular std;src:url(/fonts/CircularStd-Medium.woff2)format("woff2"),url(/fonts/CircularStd-Medium.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:circular std;src:url(/fonts/CircularSpotifyText-Light.woff2)format("woff2"),url(/fonts/CircularSpotifyText-Light.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:circular std;src:url(/fonts/CircularStd-BlackItalic.woff2)format("woff2"),url(/fonts/CircularStd-BlackItalic.woff)format("woff");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:circular std;src:url(/fonts/CircularStd-Black.woff2)format("woff2"),url(/fonts/CircularStd-Black.woff)format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:circular std;src:url(/fonts/CircularStd-Bold.woff2)format("woff2"),url(/fonts/CircularStd-Bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:circular std book;src:url(/fonts/CircularStd-Book.woff2)format("woff2"),url(/fonts/CircularStd-Book.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:circular std book;src:url(/fonts/CircularStd-BookItalic.woff2)format("woff2"),url(/fonts/CircularStd-BookItalic.woff)format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:circular std;src:url(/fonts/CircularStd-BoldItalic.woff2)format("woff2"),url(/fonts/CircularStd-BoldItalic.woff)format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:circular std;src:url(/fonts/CircularStd-Medium.woff2)format("woff2"),url(/fonts/CircularStd-Medium.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:circular std;src:url(/fonts/CircularSpotifyText-Light.woff2)format("woff2"),url(/fonts/CircularSpotifyText-Light.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:circular std;src:url(/fonts/CircularSpotifyText-LightItalic.woff2)format("woff2"),url(/fonts/CircularSpotifyText-LightItalic.woff)format("woff");font-weight:300;font-style:italic;font-display:swap}:root[light]{--brand-color:#ff585d;--white:#fff;--gray:#767676;--dark:#181818;--gray-96:#eff1f5;--gray-92:#e8e8ed;--gray-88:#dcdce5;--brand-color-52:#e70032;--brand-color-58:#ff1c3d;--brand-color-64:var(--brand-color);--brand-color-70:#ff7f7d;--syntax-highlighting-background:var(--gray-96);--inline-syntax-highlighting-background:var(--gray-92);--background-color:var(--white);--background-alt-color:var(--gray-92);--text-color:var(--dark);--text-alt-color:var(--gray);--heading-font-color:var(--dark);--link-color:var(--dark);--link-color-hover:var(--dark);--button-color:var(--white);--button-background-color:var(--gray-92);--button-background-hover:var(--syntax-highlighting-background);--border-color:var(--gray-88);--border-color-alt:var(--border-color);--th-color:var(--gray-92);--tr-color:var(--gray-92);--scrollbar-background-color:var(--gray-92);--scrollbar-color:var(--gray);--quote-division-color:var(--gray-92);--osano-link-underline:#c5c5c5;--osano-background:var(--syntax-highlighting-background);--shadow-color:0deg 0% 78%;--shadow-elevation-low:0px 1px 1.1px hsl(var(--shadow-color) / 0.26), 0px 1.6px 1.8px -1.2px hsl(var(--shadow-color) / 0.26), 0px 3.5px 3.9px -2.5px hsl(var(--shadow-color) / 0.26);--shadow-elevation-medium:0px 0.4px 0.5px hsl(var(--shadow-color) / 0.14), 0px 1.1px 1.3px -0.6px hsl(var(--shadow-color) / 0.15), 0px 1.9px 2.2px -1.1px hsl(var(--shadow-color) / 0.15), 0px 3.7px 4.3px -1.7px hsl(var(--shadow-color) / 0.16), 0px 7px 8.1px -2.2px hsl(var(--shadow-color) / 0.17);--shadow-elevation-high:0px 0.4px 0.5px hsl(var(--shadow-color) / 0.13), 0px 1.5px 1.7px -0.2px hsl(var(--shadow-color) / 0.13), 0px 2.5px 2.9px -0.5px hsl(var(--shadow-color) / 0.14), 0px 3.6px 4.2px -0.7px hsl(var(--shadow-color) / 0.14), 0px 5.1px 5.9px -1px hsl(var(--shadow-color) / 0.14), 0px 7.2px 8.4px -1.2px hsl(var(--shadow-color) / 0.15), 0px 10px 11.6px -1.5px hsl(var(--shadow-color) / 0.15), 0px 13.8px 16px -1.7px hsl(var(--shadow-color) / 0.15), 0px 18.7px 21.7px -2px hsl(var(--shadow-color) / 0.16), 0px 25px 29.1px -2.2px hsl(var(--shadow-color) / 0.16);--shadow-small:0.2px 0.4px 0.8px -10px rgba(0, 0, 0, 0.03), 0.4px 0.9px 2px -10px rgba(0, 0, 0, 0.030), 0.8px 1.8px 3.8px -10px rgba(0, 0, 0, 0.038), 1.3px 3.1px 6.7px -10px rgba(0, 0, 0, 0.045), 2.5px 5.8px 12.5px -10px rgba(0, 0, 0, 0.06), 6px 14px 30px -10px rgba(0, 0, 0, 0.08);--shadow-card:var(--shadow-elevation-medium)}:root{--brand-color:#ff585d;--white:#fff;--light-gray:#f0f0f0;--gray:#cfcfcf;--dark:#111016;--background-color:var(--dark);--background-alt-color:#242424;--text-color:var(--gray);--text-alt-color:var(--gray);--heading-font-color:var(--light-gray);--link-color:var(--light-gray);--link-color-hover:var(--light-gray);--button-color:var(--white);--button-background-color:var(--white);--button-background-hover:var(--white);--border-color:#252629;--border-color-alt:#080b12;--th-color:#18181d;--tr-color:#080b12;--syntax-highlighting-background:#080b12;--monokai-red:#ff6188;--monokai-orange:#fc9867;--monokai-yellow:#ffd866;--monokai-green:#a9dc76;--monokai-blue:#78dce8;--monokai-purple:#ab9df2;--monokai-gray:#6a737d;--monokai-white:#fcfcfa;--osano-background:#1f1d21}:root[dark]{--brand-color:#ff585d;--white:#fff;--light-gray:#f0f0f0;--gray:#9e9e9e;--dark:#111016;--background-color:var(--dark);--background-alt-color:#1a1a1f;--text-color:var(--gray);--text-alt-color:var(--gray);--heading-font-color:var(--light-gray);--link-color:var(--light-gray);--link-color-hover:var(--light-gray);--button-color:var(--white);--button-background-color:var(--white);--button-background-hover:var(--white);--border-color:#252629;--border-color-alt:#080b12;--th-color:#18181d;--tr-color:#080b12;--syntax-highlighting-background:#2d2a2e;--monokai-red:#ff6188;--monokai-orange:#fc9867;--monokai-yellow:#ffd866;--monokai-green:#a9dc76;--monokai-blue:#78dce8;--monokai-purple:#ab9df2;--osano-background:#1f1d21}.list-reset{list-style-type:none;margin:0;padding:0}.clearfix::after,.clearfix ::before{content:"";display:table;clear:both}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dd,ol,ul,fieldset,legend,figure,hr{margin:0;padding:0}li>ul,li>ol{margin-bottom:0}ul ul li,ol ol li{margin-bottom:0;margin-top:1px}table{border-collapse:collapse;border-spacing:0}ul,ol,dl,blockquote,p,address,hr,table,fieldset,figure,pre{margin-bottom:1.4rem}h1,h2,h3,h4,h5,h6{margin-top:2rem;margin-bottom:.85rem}ul,ol,dd{margin-left:16px;padding-left:4px}ul li,ol li{margin-bottom:10px}ul li::marker{color:var(--brand-color)}figcaption{display:block;margin-top:20px;font-size:14px;line-height:100%;font-style:normal;font-weight:400;text-align:center;line-height:initial;color:var(--text-alt-color)}figure{margin-top:1.4rem}code,kbd,pre,samp{font-family:roboto mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:430}.highlight{position:relative;z-index:0;padding:0;margin-bottom:32px;background:var(--syntax-highlighting-background);border-radius:6px;box-shadow:var(--shadow-elevation-low)}.highlighter-rouge .highlight{background:var(--syntax-highlighting-background)}code.hljs{color:#4c4f69;background:var(--syntax-highlighting-background)}code .hljs-keyword{color:#8839ef}code .hljs-built_in{color:#d20f39}code .hljs-type{color:#df8e1d}code .hljs-literal{color:#fe640b}code .hljs-number{color:#fe640b}code .hljs-operator{color:#179299}code .hljs-punctuation{color:#5c5f77}code .hljs-property{color:#179299}code .hljs-regexp{color:#ea76cb}code .hljs-string{color:#40a02b}code .hljs-char.escape_{color:#40a02b}code .hljs-subst{color:#6c6f85}code .hljs-symbol{color:#dd7878}code .hljs-variable{color:#8839ef}code .hljs-variable.language_{color:#8839ef}code .hljs-variable.constant_{color:#fe640b}code .hljs-title{color:#1e66f5}code .hljs-title.class_{color:#df8e1d}code .hljs-title.function_{color:#1e66f5}code .hljs-params{color:#4c4f69}code .hljs-comment{color:#acb0be}code .hljs-doctag{color:#d20f39}code .hljs-meta{color:#fe640b}code .hljs-section{color:#1e66f5}code .hljs-tag{color:#6c6f85}code .hljs-name{color:#8839ef}code .hljs-attr{color:#1e66f5}code .hljs-attribute{color:#40a02b}code .hljs-bullet{color:#179299}code .hljs-code{color:#40a02b}code .hljs-emphasis{color:#d20f39;font-style:italic}code .hljs-strong{color:#d20f39;font-weight:700}code .hljs-formula{color:#179299}code .hljs-link{color:#209fb5;font-style:italic}code .hljs-quote{color:#40a02b;font-style:italic}code .hljs-selector-tag{color:#df8e1d}code .hljs-selector-id{color:#1e66f5}code .hljs-selector-class{color:#179299}code .hljs-selector-attr{color:#8839ef}code .hljs-selector-pseudo{color:#179299}code .hljs-template-tag{color:#dd7878}code .hljs-template-variable{color:#dd7878}code .hljs-addition{color:#40a02b;background:rgba(64,160,43,.15)}code .hljs-deletion{color:#d20f39;background:rgba(210,15,57,.15)}.bg,.chroma{color:var(--syntax-dark-gray);background-color:var(--syntax-highlighting-background)}pre.chroma{border-radius:6px 0 6px 6px;margin-top:48px}.chroma .cl{color:#4c4f69}.chroma .err{color:#d20f39}.chroma .x{color:#4c4f69}.chroma .lntd{border:0;margin:0;padding:0;vertical-align:top}.chroma .lntable{width:auto;border:0;margin:0;display:block;padding:0;overflow:auto;border-spacing:0}.chroma .hl{width:100%;display:block;background-color:#bcc0cc}.chroma .lnt{color:#8c8fa1;padding:0 .4em;font-size:.875rem;margin-right:.4em}.chroma .ln{color:#8c8fa1;padding:0 .4em;margin-right:.4em}.chroma .k{color:#8839ef}.chroma .kr{color:#8839ef}.chroma .kp{color:#8839ef}.chroma .kc{color:#fe640b}.chroma .kd{color:#d20f39}.chroma .kn{color:#179299}.chroma .kt{color:#d20f39}.chroma .n{color:#4c4f69}.chroma .nc{color:#df8e1d}.chroma .no{color:#df8e1d}.chroma .nd{color:#1e66f5;font-weight:700}.chroma .ni{color:#179299}.chroma .ne{color:#fe640b}.chroma .nf{color:#1e66f5}.chroma .fm{color:#1e66f5}.chroma .nl{color:#04a5e5}.chroma .nn{color:#fe640b}.chroma .py{color:#fe640b}.chroma .nt{color:#8839ef}.chroma .nv{color:#dc8a78}.chroma .vc{color:#dc8a78}.chroma .vg{color:#dc8a78}.chroma .vi{color:#dc8a78}.chroma .vm{color:#dc8a78}.chroma .na{color:#1e66f5}.chroma .nb{color:#04a5e5}.chroma .bp{color:#04a5e5}.chroma .nx{color:#4c4f69}.chroma .l{color:#4c4f69}.chroma .ld{color:#4c4f69}.chroma .s{color:#40a02b}.chroma .sc{color:#40a02b}.chroma .s1{color:#40a02b}.chroma .s2{color:#40a02b}.chroma .sb{color:#40a02b}.chroma .sx{color:#40a02b}.chroma .ss{color:#40a02b}.chroma .si{color:#40a02b}.chroma .sa{color:#d20f39}.chroma .dl{color:#1e66f5}.chroma .se{color:#1e66f5}.chroma .sr{color:#179299}.chroma .sd{color:#9ca0b0}.chroma .sh{color:#9ca0b0}.chroma .m{color:#fe640b}.chroma .mb{color:#fe640b}.chroma .mh{color:#fe640b}.chroma .mi{color:#fe640b}.chroma .mf{color:#fe640b}.chroma .il{color:#fe640b}.chroma .mo{color:#fe640b}.chroma .o{color:#04a5e5;font-weight:700}.chroma .ow{color:#04a5e5;font-weight:700}.chroma .c{color:#9ca0b0;font-style:italic}.chroma .c1{color:#9ca0b0;font-style:italic}.chroma .cm{color:#9ca0b0;font-style:italic}.chroma .cs{color:#9ca0b0;font-style:italic}.chroma .ch{color:#acb0be;font-style:italic}.chroma .cp{color:#9ca0b0;font-style:italic}.chroma .cpf{color:#9ca0b0;font-weight:700}.chroma .g{color:#4c4f69}.chroma .gi{color:#40a02b;background-color:#ccd0da}.chroma .gd{color:#d20f39;background-color:#ccd0da}.chroma .ge{color:#4c4f69;font-style:italic}.chroma .gs{color:#4c4f69;font-weight:700}.chroma .gl{color:#4c4f69;text-decoration:underline}.chroma .gh{color:#fe640b;font-weight:700}.chroma .gu{color:#fe640b;font-weight:700}.chroma .go{color:#4c4f69}.chroma .gp{color:#4c4f69}.chroma .gr{color:#d20f39}.chroma .gt{color:#d20f39}dd>code,dt>code,li>code,p>code{position:relative;display:inline;font-size:.9em;letter-spacing:-.5px;padding:4.5px 6px;margin:-3px -1px 3px;background:var(--inline-syntax-highlighting-background);border-radius:3px}code{word-break:break-word;font-size:.95em}.copy-code-button{position:absolute;right:0;top:1px;transform:translateY(-100%);font-size:13.5px;font-weight:700;font-variation-settings:"wght" 700;color:var(--text-color);background-color:var(--syntax-highlighting-background);border:none;white-space:nowrap;padding:2px 12px 0;margin:0 0 0 1px;cursor:pointer;border-radius:8px 8px 0 0;line-height:1.7}.copy-code-button:hover,.copy-code-button:focus,.copy-code-button:active,.copy-code-button:active:hover{color:var(--text-alt-color);transition:all .2s}.copyable-text-area{position:absolute;height:0;z-index:-1;opacity:.01}.chroma [data-lang]:not([data-lang=fallback]):before{position:absolute;z-index:0;top:1px;transform:translateY(-100%);font-family:avenir arabic,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-variation-settings:"wght" 700;content:attr(data-lang);padding:2px 12px 0;border-radius:8px 8px 0 0;text-transform:uppercase;background-color:var(--syntax-highlighting-background)}.gist{font-size:13px;line-height:18px;width:53em;color:var(--heading-font-color)}.gist pre{font-family:Menlo,Monaco,bitstream vera sans mono,courier new,monospace!important}.gist table tr{background-color:var(--tr-color)!important}.blob-wrapper table tr :nth-child(2n){background-color:var(--tr-color);color:var(--heading-font-color)}.gist-meta{font-family:Arial,sans-serif;font-size:13px!important}.gist-meta a{color:#3b5998!important;font-weight:700;text-decoration:none}.gist-meta a:hover{text-decoration:underline}.pl-c1{color:var(--monokai-green)!important}.pl-s{color:var(--brand-color)!important}.container{max-width:1300px;padding-left:16px;padding-right:16px}.container-big{max-width:100%;padding-left:calc(16px * 4);padding-right:calc(16px * 4)}.container,.container-big{margin:0 auto}@media only screen and (max-width:1400px){.container,.container-big{max-width:1000px;padding-left:16px;padding-right:16px}}@media only screen and (max-width:1024px){.container,.container-big{max-width:740px}}@media only screen and (max-width:768px){.container,.container-big{max-width:560px}}@media only screen and (max-width:576px){.container,.container-big{max-width:480px;padding-left:calc(16px + 4px);padding-right:calc(16px + 4px)}}.row{display:flex;flex-wrap:wrap;flex:initial;flex-direction:row;box-sizing:border-box;margin-left:-16px;margin-right:-16px}.col{padding-left:16px;padding-right:16px}[class^=col-]{flex:auto}.col-0{width:0%}.col-1{width:8.33333333%}.col-2{width:16.66666667%}.col-3{width:25%}.col-4{width:33.33333333%}.col-5{width:41.66666667%}.col-6{width:50%}.col-7{width:58.33333333%}.col-8{width:66.66666667%}.col-9{width:75%}.col-10{width:83.33333333%}.col-11{width:91.66666667%}.col-12{width:100%}.push-0{margin-left:0%}.push-1{margin-left:8.33333333%}.push-2{margin-left:16.66666667%}.push-3{margin-left:25%}.push-4{margin-left:33.33333333%}.push-5{margin-left:41.66666667%}.push-6{margin-left:50%}.push-7{margin-left:58.33333333%}.push-8{margin-left:66.66666667%}.push-9{margin-left:75%}.push-10{margin-left:83.33333333%}.push-11{margin-left:91.66666667%}.push-12{margin-left:100%}.pull-0{margin-right:0%}.pull-1{margin-right:8.33333333%}.pull-2{margin-right:16.66666667%}.pull-3{margin-right:25%}.pull-4{margin-right:33.33333333%}.pull-5{margin-right:41.66666667%}.pull-6{margin-right:50%}.pull-7{margin-right:58.33333333%}.pull-8{margin-right:66.66666667%}.pull-9{margin-right:75%}.pull-10{margin-right:83.33333333%}.pull-11{margin-right:91.66666667%}.pull-12{margin-right:100%}@media(max-width:1024px){.col-d-0{width:0%}.col-d-1{width:8.33333333%}.col-d-2{width:16.66666667%}.col-d-3{width:25%}.col-d-4{width:33.33333333%}.col-d-5{width:41.66666667%}.col-d-6{width:50%}.col-d-7{width:58.33333333%}.col-d-8{width:66.66666667%}.col-d-9{width:75%}.col-d-10{width:83.33333333%}.col-d-11{width:91.66666667%}.col-d-12{width:100%}.push-d-0{margin-left:0%}.push-d-1{margin-left:8.33333333%}.push-d-2{margin-left:16.66666667%}.push-d-3{margin-left:25%}.push-d-4{margin-left:33.33333333%}.push-d-5{margin-left:41.66666667%}.push-d-6{margin-left:50%}.push-d-7{margin-left:58.33333333%}.push-d-8{margin-left:66.66666667%}.push-d-9{margin-left:75%}.push-d-10{margin-left:83.33333333%}.push-d-11{margin-left:91.66666667%}.push-d-12{margin-left:100%}.pull-d-0{margin-right:0%}.pull-d-1{margin-right:8.33333333%}.pull-d-2{margin-right:16.66666667%}.pull-d-3{margin-right:25%}.pull-d-4{margin-right:33.33333333%}.pull-d-5{margin-right:41.66666667%}.pull-d-6{margin-right:50%}.pull-d-7{margin-right:58.33333333%}.pull-d-8{margin-right:66.66666667%}.pull-d-9{margin-right:75%}.pull-d-10{margin-right:83.33333333%}.pull-d-11{margin-right:91.66666667%}.pull-d-12{margin-right:100%}}@media(max-width:768px){.col-t-0{width:0%}.col-t-1{width:8.33333333%}.col-t-2{width:16.66666667%}.col-t-3{width:25%}.col-t-4{width:33.33333333%}.col-t-5{width:41.66666667%}.col-t-6{width:50%}.col-t-7{width:58.33333333%}.col-t-8{width:66.66666667%}.col-t-9{width:75%}.col-t-10{width:83.33333333%}.col-t-11{width:91.66666667%}.col-t-12{width:100%}.push-t-0{margin-left:0%}.push-t-1{margin-left:8.33333333%}.push-t-2{margin-left:16.66666667%}.push-t-3{margin-left:25%}.push-t-4{margin-left:33.33333333%}.push-t-5{margin-left:41.66666667%}.push-t-6{margin-left:50%}.push-t-7{margin-left:58.33333333%}.push-t-8{margin-left:66.66666667%}.push-t-9{margin-left:75%}.push-t-10{margin-left:83.33333333%}.push-t-11{margin-left:91.66666667%}.push-t-12{margin-left:100%}.pull-t-0{margin-right:0%}.pull-t-1{margin-right:8.33333333%}.pull-t-2{margin-right:16.66666667%}.pull-t-3{margin-right:25%}.pull-t-4{margin-right:33.33333333%}.pull-t-5{margin-right:41.66666667%}.pull-t-6{margin-right:50%}.pull-t-7{margin-right:58.33333333%}.pull-t-8{margin-right:66.66666667%}.pull-t-9{margin-right:75%}.pull-t-10{margin-right:83.33333333%}.pull-t-11{margin-right:91.66666667%}.pull-t-12{margin-right:100%}}@media(max-width:576px){.col-m-0{width:0%}.col-m-1{width:8.33333333%}.col-m-2{width:16.66666667%}.col-m-3{width:25%}.col-m-4{width:33.33333333%}.col-m-5{width:41.66666667%}.col-m-6{width:50%}.col-m-7{width:58.33333333%}.col-m-8{width:66.66666667%}.col-m-9{width:75%}.col-m-10{width:83.33333333%}.col-m-11{width:91.66666667%}.col-m-12{width:100%}.push-m-0{margin-left:0%}.push-m-1{margin-left:8.33333333%}.push-m-2{margin-left:16.66666667%}.push-m-3{margin-left:25%}.push-m-4{margin-left:33.33333333%}.push-m-5{margin-left:41.66666667%}.push-m-6{margin-left:50%}.push-m-7{margin-left:58.33333333%}.push-m-8{margin-left:66.66666667%}.push-m-9{margin-left:75%}.push-m-10{margin-left:83.33333333%}.push-m-11{margin-left:91.66666667%}.push-m-12{margin-left:100%}.pull-m-0{margin-right:0%}.pull-m-1{margin-right:8.33333333%}.pull-m-2{margin-right:16.66666667%}.pull-m-3{margin-right:25%}.pull-m-4{margin-right:33.33333333%}.pull-m-5{margin-right:41.66666667%}.pull-m-6{margin-right:50%}.pull-m-7{margin-right:58.33333333%}.pull-m-8{margin-right:66.66666667%}.pull-m-9{margin-right:75%}.pull-m-10{margin-right:83.33333333%}.pull-m-11{margin-right:91.66666667%}.pull-m-12{margin-right:100%}}@media(max-width:1024px){.col-d-0{width:0%}.col-d-1{width:8.33333333%}.col-d-2{width:16.66666667%}.col-d-3{width:25%}.col-d-4{width:33.33333333%}.col-d-5{width:41.66666667%}.col-d-6{width:50%}.col-d-7{width:58.33333333%}.col-d-8{width:66.66666667%}.col-d-9{width:75%}.col-d-10{width:83.33333333%}.col-d-11{width:91.66666667%}.col-d-12{width:100%}.push-d-0{margin-left:0%}.push-d-1{margin-left:8.33333333%}.push-d-2{margin-left:16.66666667%}.push-d-3{margin-left:25%}.push-d-4{margin-left:33.33333333%}.push-d-5{margin-left:41.66666667%}.push-d-6{margin-left:50%}.push-d-7{margin-left:58.33333333%}.push-d-8{margin-left:66.66666667%}.push-d-9{margin-left:75%}.push-d-10{margin-left:83.33333333%}.push-d-11{margin-left:91.66666667%}.push-d-12{margin-left:100%}.pull-d-0{margin-right:0%}.pull-d-1{margin-right:8.33333333%}.pull-d-2{margin-right:16.66666667%}.pull-d-3{margin-right:25%}.pull-d-4{margin-right:33.33333333%}.pull-d-5{margin-right:41.66666667%}.pull-d-6{margin-right:50%}.pull-d-7{margin-right:58.33333333%}.pull-d-8{margin-right:66.66666667%}.pull-d-9{margin-right:75%}.pull-d-10{margin-right:83.33333333%}.pull-d-11{margin-right:91.66666667%}.pull-d-12{margin-right:100%}}@media(max-width:768px){.col-t-0{width:0%}.col-t-1{width:8.33333333%}.col-t-2{width:16.66666667%}.col-t-3{width:25%}.col-t-4{width:33.33333333%}.col-t-5{width:41.66666667%}.col-t-6{width:50%}.col-t-7{width:58.33333333%}.col-t-8{width:66.66666667%}.col-t-9{width:75%}.col-t-10{width:83.33333333%}.col-t-11{width:91.66666667%}.col-t-12{width:100%}.push-t-0{margin-left:0%}.push-t-1{margin-left:8.33333333%}.push-t-2{margin-left:16.66666667%}.push-t-3{margin-left:25%}.push-t-4{margin-left:33.33333333%}.push-t-5{margin-left:41.66666667%}.push-t-6{margin-left:50%}.push-t-7{margin-left:58.33333333%}.push-t-8{margin-left:66.66666667%}.push-t-9{margin-left:75%}.push-t-10{margin-left:83.33333333%}.push-t-11{margin-left:91.66666667%}.push-t-12{margin-left:100%}.pull-t-0{margin-right:0%}.pull-t-1{margin-right:8.33333333%}.pull-t-2{margin-right:16.66666667%}.pull-t-3{margin-right:25%}.pull-t-4{margin-right:33.33333333%}.pull-t-5{margin-right:41.66666667%}.pull-t-6{margin-right:50%}.pull-t-7{margin-right:58.33333333%}.pull-t-8{margin-right:66.66666667%}.pull-t-9{margin-right:75%}.pull-t-10{margin-right:83.33333333%}.pull-t-11{margin-right:91.66666667%}.pull-t-12{margin-right:100%}}@media(max-width:576px){.col-m-0{width:0%}.col-m-1{width:8.33333333%}.col-m-2{width:16.66666667%}.col-m-3{width:25%}.col-m-4{width:33.33333333%}.col-m-5{width:41.66666667%}.col-m-6{width:50%}.col-m-7{width:58.33333333%}.col-m-8{width:66.66666667%}.col-m-9{width:75%}.col-m-10{width:83.33333333%}.col-m-11{width:91.66666667%}.col-m-12{width:100%}.push-m-0{margin-left:0%}.push-m-1{margin-left:8.33333333%}.push-m-2{margin-left:16.66666667%}.push-m-3{margin-left:25%}.push-m-4{margin-left:33.33333333%}.push-m-5{margin-left:41.66666667%}.push-m-6{margin-left:50%}.push-m-7{margin-left:58.33333333%}.push-m-8{margin-left:66.66666667%}.push-m-9{margin-left:75%}.push-m-10{margin-left:83.33333333%}.push-m-11{margin-left:91.66666667%}.push-m-12{margin-left:100%}.pull-m-0{margin-right:0%}.pull-m-1{margin-right:8.33333333%}.pull-m-2{margin-right:16.66666667%}.pull-m-3{margin-right:25%}.pull-m-4{margin-right:33.33333333%}.pull-m-5{margin-right:41.66666667%}.pull-m-6{margin-right:50%}.pull-m-7{margin-right:58.33333333%}.pull-m-8{margin-right:66.66666667%}.pull-m-9{margin-right:75%}.pull-m-10{margin-right:83.33333333%}.pull-m-11{margin-right:91.66666667%}.pull-m-12{margin-right:100%}}@media(max-width:1024px){.col-d-0{width:0%}.col-d-1{width:8.33333333%}.col-d-2{width:16.66666667%}.col-d-3{width:25%}.col-d-4{width:33.33333333%}.col-d-5{width:41.66666667%}.col-d-6{width:50%}.col-d-7{width:58.33333333%}.col-d-8{width:66.66666667%}.col-d-9{width:75%}.col-d-10{width:83.33333333%}.col-d-11{width:91.66666667%}.col-d-12{width:100%}.push-d-0{margin-left:0%}.push-d-1{margin-left:8.33333333%}.push-d-2{margin-left:16.66666667%}.push-d-3{margin-left:25%}.push-d-4{margin-left:33.33333333%}.push-d-5{margin-left:41.66666667%}.push-d-6{margin-left:50%}.push-d-7{margin-left:58.33333333%}.push-d-8{margin-left:66.66666667%}.push-d-9{margin-left:75%}.push-d-10{margin-left:83.33333333%}.push-d-11{margin-left:91.66666667%}.push-d-12{margin-left:100%}.pull-d-0{margin-right:0%}.pull-d-1{margin-right:8.33333333%}.pull-d-2{margin-right:16.66666667%}.pull-d-3{margin-right:25%}.pull-d-4{margin-right:33.33333333%}.pull-d-5{margin-right:41.66666667%}.pull-d-6{margin-right:50%}.pull-d-7{margin-right:58.33333333%}.pull-d-8{margin-right:66.66666667%}.pull-d-9{margin-right:75%}.pull-d-10{margin-right:83.33333333%}.pull-d-11{margin-right:91.66666667%}.pull-d-12{margin-right:100%}}@media(max-width:768px){.col-t-0{width:0%}.col-t-1{width:8.33333333%}.col-t-2{width:16.66666667%}.col-t-3{width:25%}.col-t-4{width:33.33333333%}.col-t-5{width:41.66666667%}.col-t-6{width:50%}.col-t-7{width:58.33333333%}.col-t-8{width:66.66666667%}.col-t-9{width:75%}.col-t-10{width:83.33333333%}.col-t-11{width:91.66666667%}.col-t-12{width:100%}.push-t-0{margin-left:0%}.push-t-1{margin-left:8.33333333%}.push-t-2{margin-left:16.66666667%}.push-t-3{margin-left:25%}.push-t-4{margin-left:33.33333333%}.push-t-5{margin-left:41.66666667%}.push-t-6{margin-left:50%}.push-t-7{margin-left:58.33333333%}.push-t-8{margin-left:66.66666667%}.push-t-9{margin-left:75%}.push-t-10{margin-left:83.33333333%}.push-t-11{margin-left:91.66666667%}.push-t-12{margin-left:100%}.pull-t-0{margin-right:0%}.pull-t-1{margin-right:8.33333333%}.pull-t-2{margin-right:16.66666667%}.pull-t-3{margin-right:25%}.pull-t-4{margin-right:33.33333333%}.pull-t-5{margin-right:41.66666667%}.pull-t-6{margin-right:50%}.pull-t-7{margin-right:58.33333333%}.pull-t-8{margin-right:66.66666667%}.pull-t-9{margin-right:75%}.pull-t-10{margin-right:83.33333333%}.pull-t-11{margin-right:91.66666667%}.pull-t-12{margin-right:100%}}@media(max-width:576px){.col-m-0{width:0%}.col-m-1{width:8.33333333%}.col-m-2{width:16.66666667%}.col-m-3{width:25%}.col-m-4{width:33.33333333%}.col-m-5{width:41.66666667%}.col-m-6{width:50%}.col-m-7{width:58.33333333%}.col-m-8{width:66.66666667%}.col-m-9{width:75%}.col-m-10{width:83.33333333%}.col-m-11{width:91.66666667%}.col-m-12{width:100%}.push-m-0{margin-left:0%}.push-m-1{margin-left:8.33333333%}.push-m-2{margin-left:16.66666667%}.push-m-3{margin-left:25%}.push-m-4{margin-left:33.33333333%}.push-m-5{margin-left:41.66666667%}.push-m-6{margin-left:50%}.push-m-7{margin-left:58.33333333%}.push-m-8{margin-left:66.66666667%}.push-m-9{margin-left:75%}.push-m-10{margin-left:83.33333333%}.push-m-11{margin-left:91.66666667%}.push-m-12{margin-left:100%}.pull-m-0{margin-right:0%}.pull-m-1{margin-right:8.33333333%}.pull-m-2{margin-right:16.66666667%}.pull-m-3{margin-right:25%}.pull-m-4{margin-right:33.33333333%}.pull-m-5{margin-right:41.66666667%}.pull-m-6{margin-right:50%}.pull-m-7{margin-right:58.33333333%}.pull-m-8{margin-right:66.66666667%}.pull-m-9{margin-right:75%}.pull-m-10{margin-right:83.33333333%}.pull-m-11{margin-right:91.66666667%}.pull-m-12{margin-right:100%}}.tns-outer{padding:0!important}.tns-outer [hidden]{display:none!important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s,opacity 0s;-moz-transition:transform 0s,opacity 0s;transition:transform 0s,opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto!important}.tns-gallery>.tns-moving{-webkit-transition:all .25s;-moz-transition:all .25s;transition:all .25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity .6s;-moz-transition:opacity .6s;transition:opacity .6s;opacity:.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70/3);width:-moz-calc(100% * 70/3);width:calc(100% * 70/3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100%/70);width:-moz-calc(100%/70);width:calc(100%/70);height:10px;float:left}/*# sourceMappingURL=sourcemaps/tiny-slider.css.map */.animate{animation:animateElement cubic-bezier(.16,0,0,.99).5s;animation-iteration-count:1;backface-visibility:hidden}@keyframes animateElement{0%{opacity:0;transform:translate3d(0,30px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}.animate_home{animation:animateElement cubic-bezier(.16,0,0,.99)1s;animation-iteration-count:1;backface-visibility:hidden}@keyframes animateElement{0%{opacity:0;transform:translate3d(0,30px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}*,*::after,*::before{box-sizing:border-box}html,body{height:100%}html{display:table;margin:auto}body{font-family:avenir arabic,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:18px;line-height:1.7;font-weight:400;font-variation-settings:"wght" normal;overflow-x:hidden;color:var(--text-color);background-color:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:table-cell;vertical-align:middle}body.disable-animation *,body.disable-animation *::after,body.disable-animation *::before{transition:none!important}@media only screen and (max-width:1024px){body{font-size:17px}}@media only screen and (max-width:576px){body{font-size:16px}}*::selection{color:var(--dark);background-color:var(--brand-color)}h1,h2,h3,h4,h5,h6{font-family:circular std,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;line-height:1.3;letter-spacing:normal;color:var(--heading-font-color)}h1{font-size:36px}@media only screen and (max-width:1400px){h1{font-size:32.89655172px}}@media only screen and (max-width:576px){h1{font-size:26.68965517px}}h2{font-size:28px}@media only screen and (max-width:1400px){h2{font-size:24.13793103px}}@media only screen and (max-width:576px){h2{font-size:23.17241379px}}h3{font-size:20.5px}h4{font-size:17px}h5{font-size:16px}h6{font-size:15px}blockquote{position:relative;margin:64px 0;font-family:circular std,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:32px;line-height:1.6;font-weight:900;font-variation-settings:"wght" 900;color:var(--heading-font-color)}blockquote::before{content:"";display:block;margin:0 auto 38px;width:4rem;border-top:2px solid var(--quote-division-color)}blockquote::after{content:"";display:block;margin:38px auto 0;width:4rem;border-top:2px solid var(--quote-division-color)}blockquote p{margin-bottom:0;font-weight:500;line-height:1.4;text-align:center}blockquote cite{display:inline-block;margin-top:18px;font-family:avenir arabic,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px;font-weight:500;font-variation-settings:"wght" 500;font-style:normal;color:var(--heading-font-color)}@media only screen and (max-width:576px){blockquote{margin:40px 0;font-size:21px}}pre{overflow:auto;padding:15px;margin-bottom:0;font-size:14px;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;color:var(--heading-font-color)}img,.lightense-wrap{max-width:100%;height:auto;vertical-align:middle}img+em,.lightense-wrap+em,.gallery+em{display:block;margin-top:20px;font-size:12px;line-height:100%;font-style:normal;font-weight:400;font-variation-settings:"wght" normal;text-align:center;color:var(--text-alt-color)}img+em a,.lightense-wrap+em a,.gallery+em a{font-weight:542;font-variation-settings:"wght" 542;text-decoration:underline var(--border-color);text-underline-offset:2.3px;transition:.2s cubic-bezier(.4,0,.2,1)}img+em a:hover,.lightense-wrap+em a:hover,.gallery+em a:hover{color:var(--link-color);border-color:var(--gray)}@media only screen and (max-width:576px){img+em,.lightense-wrap+em,.gallery+em{margin-top:16px}}a{text-decoration:none;color:var(--link-color);transition:.2s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--link-color-hover)}hr{width:100%;height:1px;margin:60px 0;border:0;background:var(--background-alt-color)}.table-container{display:block;max-width:100%;overflow-x:auto}table{font-size:12px;color:var(--dark);width:100%;border-width:1px;border-color:var(--background-alt-color);border-collapse:collapse;color:var(--heading-font-color)}table th{padding:10px;font-size:16px;text-align:left;border:1px solid var(--th-color);color:var(--heading-font-color);font-weight:700;font-variation-settings:"wght" 700;background-color:var(--th-color)}table tr{background-color:var(--tr-color);transition:all .3s ease}table tr:nth-child(even){background-color:transparent}table td{padding:10px;font-size:14px;border:1px solid var(--background-alt-color)}.lazy{opacity:0}.lazy.loaded{opacity:1;transition:opacity .1s ease-in-out}.lightense-backdrop{background-color:var(--background-color)!important}.header .header__inner{position:relative;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:60px 16px}@media only screen and (max-width:1024px){.header .header__inner{padding:40px 16px}}@media only screen and (max-width:576px){.header .header__inner{padding:32px 16px}}@media only screen and (min-width:1400px){.header_box{flex:1;display:flex;justify-content:center}}@media only screen and (min-width:576px){.header_box{display:flex;justify-content:center}}.header_box:first-child>span{margin-right:auto;white-space:nowrap}.header_box:last-child>span{margin-left:auto;white-space:nowrap}.logo__link{padding:8px 0;font-family:circular std,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:40px;line-height:1;font-weight:800;font-variation-settings:"wght" 800;transition:color .25s ease;letter-spacing:-1px}.logo__image{max-height:50px}.logo__image .cls-1{fill:var(--heading-font-color);transition:fill .3s cubic-bezier(.4,0,.2,1)}.logo__link:hover .logo__image .cls-1{fill:var(--brand-color);transition:fill .3s cubic-bezier(.4,0,.2,1)}@media only screen and (max-width:1024px){.main-nav{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;opacity:0;visibility:hidden;background-color:var(--background-color)}.main-nav.is-open{z-index:100;opacity:1;visibility:visible;transition:all .25s ease}.main-nav .nav__list{flex-direction:column;width:100%}.main-nav .nav__list .nav__item{display:block;width:100%;margin:0}.main-nav .nav__list .nav__item .nav__link{display:block;padding:20px 0;margin-bottom:0;font-size:24px;transition:color .25s ease}.main-nav .nav__list .nav__item .nav__link:hover::after{content:none}.main-nav .nav__list .nav__item .nav__link.active-link{color:var(--brand-color)}.main-nav .nav__list .nav__item .nav__link.active-link::after{content:none}.main-nav .nav__list .nav__item .nav__link .arrow-down{margin:-6px 0 0 4px}.main-nav .nav__list .nav__item .nav__link .dropdown-menu{position:relative;left:0;padding:0;opacity:1;visibility:visible;transform:scale(1);min-width:auto;border:none;box-shadow:none;left:50%;transform:translateX(-50%)translateY(10px)}.main-nav .nav__list .nav__item .nav__link .dropdown-menu .nav__link{display:block;margin-bottom:0;font-size:24px}.main-nav .nav__list .nav__item .nav__link .dropdown-menu .nav__link::after{content:none}.main-nav .nav__list .nav__item .nav__link .dropdown-menu .nav__link:hover::after{content:none}.main-nav .nav__list .nav__item .nav__link .dropdown-menu .nav__link.active-link{color:var(--brand-color)}.main-nav .nav__list .nav__item .nav__link .dropdown-menu .nav__link.active-link::after{content:none}.main-nav .nav__list .nav__item .nav__link .dropdown-menu .nav__link:last-child{margin-bottom:24px}}.main-nav__box{display:flex;align-items:center}.main-nav__box .nav__icon-close{display:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;line-height:1;border-radius:50%;color:var(--heading-font-color);background:var(--background-alt-color);cursor:pointer;box-shadow:var(--shadow-elevation-low)}.main-nav__box .nav__icon-close:hover .ion-md-close{transform:rotate(90deg)}.main-nav__box .nav__icon-close .ion-md-close{transition:.2s cubic-bezier(.4,0,.2,1)}.main-nav__box .nav__title{display:none}@media only screen and (max-width:1024px){.main-nav__box{display:block;align-items:center;width:100%;max-width:240px;height:82vh;padding-top:180px;margin:0 auto;text-align:center;overflow-y:auto}.main-nav__box .nav__icon-close{display:flex;position:absolute;top:44px;right:31px}.main-nav__box .nav__title{display:inline-block;margin-bottom:12px;font-family:circular std,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:36px;font-weight:600;color:var(--heading-font-color)}}@media only screen and (max-width:768px){.main-nav__box{padding-top:100px}}.nav__list{display:flex;align-items:center}.nav__list .nav__item{display:inline-block;margin-right:48px;margin-bottom:0;white-space:nowrap}.nav__list .nav__item:last-child{margin-right:0}.nav__list .nav__item .nav__link{position:relative;padding:12px 0;font-family:avenir arabic,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:20px;line-height:1;font-weight:700;font-variation-settings:"wght" 600;transition:all .3s ease;display:inline-block}.nav__list .nav__item .nav__link:hover{transform:translateY(-2.5px);color:var(--brand-color)}.nav__list .nav__item .nav__link:hover::after,.nav__list .nav__item .nav__link:hover::before{width:100%;left:0}.nav__list .nav__item .nav__link::after,.nav__list .nav__item .nav__link::before{content:'';position:absolute;top:36px;width:0;right:0;height:3.5px}.nav__list .nav__item .nav__link::before{transition:width .4s cubic-bezier(.51,.18,0,.88);background:var(--brand-color)}.nav__list .nav__item .nav__link::after{transition:width .35s cubic-bezier(.29,.18,.26,.83);background:var(--brand-color)}@media only screen and (max-width:1024px){.nav__list .nav__item .nav__link:hover{color:var(--brand-color);transform:none}.nav__list .nav__item .nav__link::after{transform:none;width:none;height:none;background:0 0;display:none;bottom:0}.nav__list .nav__item .nav__link::before{transform:none;width:none;height:none;background:0 0;display:none;bottom:0}}.nav__list .nav__item .nav__link:hover::after{transform:scaleX(1)}.nav__list .nav__item .nav__link.active-link::after{transform:scaleX(1)}.nav__list .nav__item.dropdown{position:relative}.nav__list .nav__item.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translate3d(0,0,0)}.nav__list .nav__item.dropdown:hover .dropdown-menu a:hover{transform:none}.nav__list .nav__item.dropdown .arrow-down{vertical-align:middle}.nav__list .nav__item.dropdown .dropdown-toggle{color:var(--link-color);cursor:pointer}.nav__list .nav__item.dropdown .dropdown-toggle::before{content:none}.nav__list .dropdown-menu{position:absolute;top:calc(100% + 8px);left:-66px;transform:translate3d(0,10px,0);backface-visibility:hidden;z-index:100;min-width:201px;display:block;padding:20px;opacity:0;visibility:hidden;transition:all .25s ease;border:1px solid var(--background-alt-color);border-radius:8px;box-shadow:var(--shadow-elevation-medium);background-color:var(--background-color)}@media only screen and (max-width:1024px){.nav__list .dropdown-menu{top:63.5px;left:20px;border:none;box-shadow:none;padding:0}}.nav__list .dropdown-menu .nav__link{position:relative;display:flex;padding:6px 12px;margin-bottom:4px;font-size:20px;line-height:1;will-change:transform;justify-content:center}.nav__list .dropdown-menu .nav__link:last-child{margin-bottom:0}.nav__list .dropdown-menu .nav__link::after{content:"";display:block;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;opacity:0;border-radius:4px;transition:opacity .2s;background-color:var(--brand-color)}.nav__list .dropdown-menu .nav__link::before{content:none}.dark-mode .dropdown-menu{background-color:var(--background-alt-color)}@media only screen and (max-width:1024px){.dark-mode .dropdown-menu{background-color:inherit}}.light-mode .dropdown-menu{background-color:var(--background-alt-color)}@media only screen and (max-width:1024px){.light-mode .dropdown-menu{background-color:inherit}}.nav-button{display:flex;align-items:center;font-size:21px;color:var(--link-color);border-radius:50%}.nav-button .icon__menu{display:none;margin-right:20px;cursor:pointer}.nav-button .icon__menu,.nav-button .icon__search{transition:color .25s ease}.nav-button .icon__menu:hover,.nav-button .icon__search:hover{color:var(--link-color)}@media only screen and (max-width:1024px){.nav-button{display:flex;align-items:center;margin-left:auto;font-size:24px}.nav-button .icon__menu{display:block}}.toggle-theme{position:relative;display:flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:50%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background:var(--background-alt-color)}.toggle-theme.theme-light{transform:none;cursor:auto}.toggle-theme.theme-light .toggle-sun{display:block}.toggle-theme.theme-dark{transform:none;cursor:auto}.toggle-theme.theme-dark .toggle-moon{display:block}.toggle-sun,.toggle-moon{position:absolute;font-size:18px}.toggle-sun:hover,.toggle-moon:hover{color:var(--link-color)}.toggle-sun{display:none}.dark-mode .toggle-sun{display:block}.dark-mode .toggle-moon{display:none}.light-mode .toggle-sun{display:block}.light-mode .toggle-moon{display:none}.dropdown-toggle{display:inline-flex;align-items:baseline;margin-right:0;white-space:nowrap;vertical-align:bottom;line-height:1}.dropdown-toggle .arrow-down{margin-left:8px;padding-bottom:8px;display:inline-block;vertical-align:middle}.nav__list .nav__item .dropdown-toggle{padding-bottom:4px}.nav__item.dropdown .nav__link::after{bottom:3px}@media only screen and (max-width:1024px){@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{from{transform:translateY(0)}to{transform:translateY(10px)}}.nav__item{opacity:0}.main-nav.is-open .nav__item{animation:fadeIn .5s cubic-bezier(.4,0,.2,1)forwards}.main-nav.is-open .nav__item:nth-child(1){animation-delay:.1s}.main-nav.is-open .nav__item:nth-child(2){animation-delay:.15s}.main-nav.is-open .nav__item:nth-child(3){animation-delay:.2s}.main-nav.is-open .nav__item:nth-child(4){animation-delay:.25s}.main-nav.is-open .nav__item:nth-child(5){animation-delay:.3s}.main-nav.is-open .nav__item:nth-child(6){animation-delay:.35s}.main-nav.is-closing .nav__item{animation:fadeOut .2s cubic-bezier(.4,0,.2,1)forwards}.main-nav.is-closing .nav__item:nth-child(1){animation-delay:.3s}.main-nav.is-closing .nav__item:nth-child(2){animation-delay:.25s}.main-nav.is-closing .nav__item:nth-child(3){animation-delay:.2s}.main-nav.is-closing .nav__item:nth-child(4){animation-delay:.15s}.main-nav.is-closing .nav__item:nth-child(5){animation-delay:.1s}.main-nav:not(.is-open) .nav__item{opacity:0;transform:translateY(10px)}.main-nav__box .nav__icon-close,.main-nav__box .nav__title{opacity:1;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.main-nav.is-closing .nav__icon-close,.main-nav.is-closing .nav__title{opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.header_box.is-closing{opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1)}@keyframes dropdownFadeIn{from{transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownFadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.dropdown-menu .nav__link{transform:translateY(10px);transition:opacity 1s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1)}.nav__item.dropdown:hover .dropdown-menu .nav__link{animation:dropdownFadeIn .4s cubic-bezier(.4,0,.2,1)forwards}.nav__item.dropdown:hover .dropdown-menu .nav__link:nth-child(1){animation-delay:.1s}.nav__item.dropdown:hover .dropdown-menu .nav__link:nth-child(2){animation-delay:.12s}}.dropdown-menu .nav__link{position:relative;display:inline-block;padding:6px 12px;margin-bottom:4px;font-size:20px;line-height:1;will-change:transform;transition:color .25s ease;color:inherit}.dropdown-menu .nav__link:hover{color:var(--brand-color)}.dropdown-menu .nav__link.active-link{color:var(--brand-color)}.dropdown-menu .nav__link:last-child{margin-bottom:0}.dropdown-menu .nav__link::after{content:none}@media only screen and (max-width:1024px){.main-nav__box{overflow:hidden}.main-nav.is-open .main-nav__box{overflow:hidden}}.main-nav.is-open .main-nav__box{overflow:visible}.pagination{display:flex;justify-content:center;align-items:center;margin-bottom:100px}@media only screen and (max-width:576px){.pagination{margin-bottom:80px}}.pagination__list{display:flex;align-items:center;flex-wrap:wrap}.pagination__list .pagination__link,.pagination__list .active-link{display:inline-block;width:40px;height:40px;margin:2px;font-size:16px;font-weight:500;font-variation-settings:"wght" 500;text-align:center;line-height:40px;border-radius:8px;background:var(--background-alt-color)}.pagination__list .pagination__link{box-shadow:var(--shadow-elevation-low)}.pagination__list .pagination__link:hover{color:var(--dark);background:var(--brand-color)}.pagination__list .pagination__link.active-link{box-shadow:none}.pagination__list .active-link{color:var(--heading-font-color);background:0 0}.pagination__list .active-link:hover{color:var(--heading-font-color);background:0 0}@media only screen and (max-width:360px){.pagination__list{flex-wrap:wrap}}.button{display:inline-block;padding:20px 40px;font-size:16px;font-weight:700;font-variation-settings:"wght" 700;line-height:1.1;text-decoration:none;border-radius:12px;border:none;outline:none;cursor:pointer;transition:.25s cubic-bezier(.4,0,.2,1);color:var(--dark);background:var(--brand-color);box-shadow:var(--shadow-elevation-medium)}.button:hover{color:var(--dark);transform:translateY(-3px)}.button--primary{color:var(--dark);background-color:var(--button-background-color)}.button--primary:hover{background:var(--button-background-hover)}.button--small{padding:20px 24px}.button--big{display:block;width:100%}button,input[type=button],input[type=submit]{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;transition:none;outline:none}.button-bottom-margin{margin-bottom:12px}.button-tags{margin:33px 0 21px;padding:15px 30px;background-color:var(--background-alt-color);color:var(--link-color);font-weight:500;font-variation-settings:"wght" 500}.button-tags:hover{background-color:var(--brand-color);color:var(--dark)}.gallery-box{margin:32px -100px}@media only screen and (max-width:1400px){.gallery-box{margin:32px -40px}}@media only screen and (max-width:1024px){.gallery-box{margin:32px 0}}.gallery{display:grid;grid-template-columns:repeat(3,auto);justify-content:center;align-content:center;margin-left:-24px;margin-bottom:-24px}.gallery img{margin-left:24px;margin-bottom:24px;width:calc(100% - 24px)}.gallery .gallery__image{background:var(--background-color)}.gallery .gallery__image img{display:block;width:100%;height:auto;object-fit:cover}@media only screen and (max-width:1024px){.gallery{margin-left:-12px;margin-bottom:-12px}.gallery img{margin-left:12px;margin-bottom:12px;width:calc(100% - 12px)}}@media only screen and (max-width:1024px){.hero{padding:40px 0 0}}@media only screen and (max-width:576px){.hero{padding:20px 0 0}}.hero__inner{display:flex;align-items:center}@media only screen and (max-width:1024px){.hero__inner{flex-direction:column}}.hero__left{width:47%}@media only screen and (max-width:1024px){.hero__left{width:100%;margin-top:40px}}@media only screen and (max-width:576px){.hero__left{margin-top:32px}}.hero__image{position:relative;transform:translate(0);width:100%;height:634px;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,2%);background-color:var(--background-alt-color);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hero__image img{position:absolute;top:0;left:0;object-fit:cover}@media only screen and (max-width:1400px){.hero__image{height:484px}}@media only screen and (max-width:1024px){.hero__image{height:440px}}@media only screen and (max-width:768px){.hero__image{height:420px}}@media only screen and (max-width:576px){.hero__image{height:280px}}.hero__right{max-width:575px;margin-left:auto}@media only screen and (max-width:1400px){.hero__right{max-width:463px}}@media only screen and (max-width:1024px){.hero__right{order:-1;max-width:100%}}.hero__title{margin-bottom:48px;font-size:72px;font-weight:700;line-height:1.2;color:var(--heading-font-color);text-align:center}@media only screen and (max-width:1400px){.hero__title{margin-bottom:32px;font-size:60px}}@media only screen and (max-width:768px){.hero__title{text-align:left}}@media only screen and (max-width:576px){.hero__title{margin-bottom:24px;font-size:56px}}.hero__description{margin-bottom:0;font-size:26px}@media only screen and (max-width:1024px){.hero__description{font-size:inherit}}.hero__subscribe{max-width:510px;margin-top:48px}.hero__subscribe .subscribe-form{position:relative;background-color:var(--background-color)}.hero__subscribe .subscribe-email{width:100%;height:70px;padding:20px;font-size:16px;line-height:21px;border:2px solid transparent;border-radius:12px;outline:0;color:var(--heading-font-color);background-color:var(--background-alt-color)}.hero__subscribe .subscribe-email:focus{border-color:var(--brand-color);background-color:transparent}.hero__subscribe .subscribe-email::placeholder{color:var(--heading-font-color)}.hero__subscribe .subscribe-button{position:absolute;top:6px;right:6px}@media only screen and (max-width:1400px){.hero__subscribe{max-width:100%;margin-top:32px}}@media only screen and (max-width:1024px){.hero__subscribe{margin-top:20px}}@media only screen and (max-width:576px){.hero__subscribe .subscribe-form{display:flex;flex-direction:column}.hero__subscribe .subscribe-email{height:58px;margin-bottom:12px}.hero__subscribe .subscribe-button{position:relative;top:0;right:0}}.hero_text{margin:96px 0;margin-top:30px;margin-bottom:120px}@media only screen and (max-width:576px){.hero_text{margin:0;margin-bottom:-50px}}.hero__inner_text{align-items:center}@media only screen and (max-width:1024px){.hero__inner_text{flex-direction:column}}.hero__inner_text{opacity:1;transform:translateY(0);animation:heroFadeIn cubic-bezier(.16,0,0,.99)1s}@keyframes heroFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1}}.hero__title_text{margin-bottom:48px;font-size:72px;font-weight:800;font-variation-settings:"wght" 800;line-height:1.2;text-align:center;color:var(--heading-font-color)}@media only screen and (max-width:1400px){.hero__title_text{margin-bottom:32px;font-size:60px}}@media only screen and (max-width:576px){.hero__title_text{margin-bottom:24px;font-size:36px}}.hero__description_text{margin-bottom:20px;font-size:23px;line-height:1.5;text-align:center;max-width:530px;margin-left:auto;margin-right:auto}.hero__description_text .highlight-text{position:relative;display:inline-block;width:fit-content;transition:all .3s ease;font-weight:600}.hero__description_text .highlight-text:hover::after,.hero__description_text .highlight-text:hover::before{width:100%;left:0}.hero__description_text .highlight-text::after,.hero__description_text .highlight-text::before{content:'';position:absolute;top:calc(100% - 2px);width:0;right:0;height:3.5px;z-index:-1}.hero__description_text .highlight-text::before{transition:width .4s cubic-bezier(.51,.18,0,.88);background:var(--brand-color)}.hero__description_text .highlight-text::after{transition:width .35s cubic-bezier(.29,.18,.26,.83);background:var(--brand-color)}@media only screen and (max-width:1400px){.hero__description_text{font-size:22px;margin-bottom:10px}}@media only screen and (max-width:768px){.hero__description_text{text-align:left}}@media only screen and (max-width:576px){.hero__description_text{font-size:20px}}.hero__description_text a{font-weight:542;text-decoration:underline;text-decoration-color:var(--border-color);-webkit-text-decoration:underline;-webkit-text-decoration-color:var(--border-color);text-underline-offset:2.3px;-webkit-text-underline-offset:2.3px}.hero__description_text a:hover{color:var(--link-color);text-decoration:underline;text-decoration-color:var(--gray);-webkit-text-decoration:underline;-webkit-text-decoration-color:var(--gray)}#typed-text{white-space:nowrap;overflow:hidden;animation:type 3s steps(40)forwards}.cursor{font-weight:900;animation:blink .9s step-end infinite alternate;color:var(--heading-font-color);position:relative;top:-.14em;display:inline-block}@keyframes type{from{width:0}to{width:100%}}@keyframes blink{0%,100%{opacity:0}50%{opacity:1}}.article{margin-bottom:64px;will-change:transform;transition:transform .2s ease-in-out;transform:translateZ(0)}.article:hover{transform:translateY(-4px)}@media only screen and (max-width:576px){.article{margin-bottom:32px}}.blog .article{margin-bottom:32px}.article__image{margin-bottom:16px;position:relative;display:block;border-radius:8px;padding-bottom:70%;transform:translate(0);overflow:hidden;background-color:var(--background-alt-color)}.article__image img{position:absolute;width:100%;height:100%;object-fit:cover}.article-tags__box{display:flex;flex-wrap:wrap;margin-bottom:9px}.article-tags__box .article__tag{position:relative;z-index:1;display:inline-block;padding:4px 12px;margin:0 4px 4px 0;font-size:13px;line-height:18px;font-weight:500;text-transform:uppercase;border-radius:4px;background-color:var(--background-alt-color);text-align:center;box-shadow:var(--shadow-elevation-low)}.article-tags__box .article__tag:hover{color:var(--dark);background-color:var(--brand-color)}.article-tags__box .article__tag:last-child{margin:0 0 4px}.article__title{margin-bottom:18px;margin-top:17px;font-size:32px;line-height:1.2}.article__title a{background:linear-gradient(var(--brand-color),var(--brand-color))no-repeat bottom/100% 0;transition:background .2s cubic-bezier(.4,0,.2,1)}.article__title a:hover{background-size:100% 22%}@media only screen and (max-width:1024px){.article__title{font-size:34px}}.article__excerpt{display:-webkit-box;margin-bottom:0;font-size:16px;overflow-y:hidden;-webkit-line-clamp:5;-webkit-box-orient:vertical;line-clamp:5}.article__meta{display:flex;align-items:center;flex-wrap:wrap}.article-info{margin-bottom:9px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;line-height:1}.article-info .article__author-link,.article-info .article__date{color:var(--text-color);transition:none}.video-icon{position:absolute;z-index:1;top:50%;left:50%;width:50%;height:50%;transform:translate(-50%,-50%);pointer-events:none}.video-icon .circle{width:50px;height:50px;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;overflow:hidden;margin:auto;transform:scale(1,1)}.video-icon .circle.pulse{animation-timing-function:ease;animation:pulse 2s infinite;background-color:rgba(255,255,255,.25)}.video-icon svg{fill:rgba(255,255,255,.25);stroke:var(--text-alt-color);stroke-linejoin:round;stroke-width:5;backdrop-filter:blur(3.5px);-webkit-backdrop-filter:blur(4.5px);transition:all .3s}.form-box{margin-bottom:100px}@media only screen and (max-width:576px){.form-box{margin-bottom:80px}}.contact-head{margin-bottom:32px}.form__group{margin-bottom:20px}.form__group:last-child{margin-bottom:0}.form__input{width:100%;padding:20px;font-size:16px;font-weight:400;border:2px solid transparent;border-radius:12px;outline:0;transition:border .2s ease-in-out;resize:vertical;color:var(--heading-font-color);background-color:var(--background-alt-color)}.form__input::placeholder{color:var(--heading-font-color)}.form__input:focus{border-color:var(--brand-color);background-color:transparent}.section{position:relative;margin:100px 0}@media only screen and (max-width:1024px){.section{margin:80px 0}}.section__info{max-width:530px;margin:0 auto 48px;text-align:center}@media only screen and (max-width:576px){.section__info{margin:0 auto 40px}}.section__title{margin-bottom:20px;font-size:48px;line-height:1;font-weight:800}@media only screen and (max-width:576px){.section__title{font-size:36px}}.section__description{margin-bottom:0}.section__navigation{margin-top:16px;text-align:center}.portfolio-page{margin-bottom:68px}@media only screen and (max-width:576px){.portfolio-page{margin-bottom:48px}}.portfolio{margin-bottom:43px;will-change:transform;transition:transform .2s ease-in-out;transform:translateZ(0)}.portfolio:hover{transform:translateY(-4px)}.portfolio__image{position:relative;display:block;width:100%;height:100%;min-height:280px;border-radius:8px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transform:translate(0);overflow:hidden;background-color:var(--background-alt-color)}.portfolio__image::after{content:"";display:table;padding-top:85%}.portfolio__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:8px;pointer-events:none}.portfolio__info{margin-top:24px;text-align:center}.portfolio__info .portfolio__title{margin-top:3px;margin-bottom:16px;font-size:32px;line-height:1.2}.portfolio__info .portfolio__title a{background:linear-gradient(var(--brand-color),var(--brand-color))no-repeat bottom/100% 0;transition:background .2s cubic-bezier(.4,0,.2,1)}.portfolio__info .portfolio__title a:hover{background-size:100% 28%}@media only screen and (max-width:1024px){.portfolio__info .portfolio__title{font-size:34px}}.portfolio__info .portfolio__subtitle{font-size:12px;font-weight:700;font-variation-settings:"wght" 620;line-height:18px;letter-spacing:1.6px;text-transform:uppercase}.portfolio__image,.article__image{display:block;overflow:hidden;position:relative;box-shadow:var(--shadow-card)}.portfolio__image:hover,.article__image:hover{transform:scale(1.015)}.portfolio__image img,.article__image img{transition:transform .3s cubic-bezier(.4,0,.2,1)}.testimonials{padding:100px 0 152px;background-color:var(--background-alt-color)}@media only screen and (max-width:1024px){.testimonials{padding:80px 0 132px}}.testimonial-content{padding:48px;border-radius:8px;background-color:var(--background-color)}@media only screen and (max-width:1400px){.testimonial-content{padding:36px}}.client-meta{text-align:center}.image-container{position:relative;width:100px;height:100px;margin:0 auto 20px;border-radius:50%;overflow:hidden;transform:translate(0);background-color:var(--background-alt-color)}.image-container .client-avatar{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;object-fit:cover}@media only screen and (max-width:1400px){.image-container{margin-bottom:16px}}.client-info{margin-bottom:20px}.client-info .client-name{margin-bottom:0;font-size:21px;line-height:1;font-weight:700}.client-info .client-designation{margin-bottom:0;font-size:12px;color:var(--gray)}@media only screen and (max-width:1400px){.client-info{margin-bottom:16px}}.client-text{margin-bottom:20px;font-size:16px}@media only screen and (max-width:1400px){.client-text{margin-bottom:16px;font-size:15px}}.tns-nav{position:absolute;left:50%;bottom:100px;transform:translateX(-50%);display:flex}.tns-nav button{width:20px;height:4px;margin:0 4px;border:none;outline:none;border-radius:2px;cursor:pointer;opacity:.2;background-color:var(--heading-font-color)}.tns-nav .tns-nav-active{opacity:1;background-color:var(--heading-font-color)}@media only screen and (max-width:1024px){.tns-nav{bottom:80px}}.footer .footer__inner{padding:100px 0;border-top:1px solid var(--background-alt-color)}.footer .footer__inner .row .col{flex-grow:1}@media only screen and (max-width:1024px){.footer .footer__inner{padding:100px 0 32px}}.footer__gallery .gallery{grid-template-columns:repeat(4,auto);margin-left:0;margin-bottom:0}.footer__gallery .gallery img{margin-left:0;margin-bottom:0;width:100%}.footer__gallery .gallery__image img{height:100%}@media only screen and (max-width:1024px){.footer__gallery .gallery{grid-template-columns:repeat(2,auto)}}.footer__author{display:flex}@media only screen and (max-width:1024px){.footer__author{margin-bottom:80px;flex-direction:column}}@media only screen and (max-width:576px){.footer__author{margin-bottom:80px}}.footer__author-avatar{position:relative;width:250px;min-width:250px;height:250px;margin-right:40px;transform:translate(0);border-radius:8px;overflow:hidden;background-color:var(--background-alt-color)}.footer__author-avatar img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width:1024px){.footer__author-avatar{margin-right:0;margin-bottom:20px}}.footer__author-name{margin-bottom:20px;font-size:32px;font-weight:700;line-height:1}.footer__author-bio{margin-bottom:0}.social{margin-top:24px}.social .social__list{display:flex;align-items:center;flex-wrap:wrap}.social .social__item{margin-bottom:0;margin-right:8px}.social .social__item:last-child{margin-right:0}.social .social__link{display:flex;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;border-radius:8px;will-change:transform;color:var(--heading-font-color);fill:var(--heading-font-color);background-color:var(--background-alt-color);box-shadow:var(--shadow-elevation-low);transition:.25s cubic-bezier(.4,0,.2,1)}.social .social__link:hover{transform:translateY(-3px);color:var(--dark);fill:var(--dark);background-color:var(--brand-color)}.footer__nav{display:flex;flex-direction:column;align-items:flex-end}@media only screen and (max-width:1024px){.footer__nav{align-items:flex-start}}.footer__nav .footer__nav-title{margin-right:85px;margin-bottom:15px;font-size:32px;line-height:1;text-align:left}.footer__nav .footer-menu{display:flex;justify-content:flex-end}@media only screen and (max-width:1024px){.footer__nav .footer-menu{justify-content:flex-start}}.footer-menu{display:flex;justify-content:flex-start;font-weight:700;font-size:20px}@media only screen and (max-width:1024px){.footer-menu{justify-content:flex-start}}.footer-menu-column{display:flex;flex-direction:column;margin-left:40px}.footer-menu-column:first-child{margin-left:0}@media only screen and (max-width:576px){.footer-menu-column{margin-left:20px}}.footer__nav-list{line-height:1}.footer__nav-list .footer__nav-item{margin-bottom:20px}.footer__nav-list .footer__nav-item:last-child{margin-bottom:0}.footer__nav-list .footer__nav-link{font-family:avenir arabic,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:20px;position:relative;display:inline-block}.footer__nav-link{font-family:circular std,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:20px;font-weight:500;position:relative;display:inline-block;width:fit-content;line-height:2;transition:all .3s ease}.footer__nav-link:hover{transform:translateY(-2.5px);color:var(--brand-color)}.footer__nav-link:hover::after,.footer__nav-link:hover::before{width:100%;left:0}.footer__nav-link::after,.footer__nav-link::before{content:'';position:absolute;top:calc(100% - 4px);width:0;right:0;height:3.5px}.footer__nav-link::before{transition:width .4s cubic-bezier(.51,.18,0,.88);background:var(--brand-color)}.footer__nav-link::after{transition:width .35s cubic-bezier(.29,.18,.26,.83);background:var(--brand-color)}.footer__info{padding:40px 0;border-top:1px solid var(--background-alt-color)}.footer__info .footer__info-box{display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width:1024px){.footer__info{padding:40px 0}}.copyright{margin-right:20px;font-size:14px}.copyright a{text-decoration:underline;text-decoration-color:transparent;color:var(--heading-font-color);text-underline-offset:2.3px}.copyright a:hover{text-decoration-color:var(--heading-font-color);color:var(--heading-font-color)}.top{min-width:36px;height:36px;font-size:18px;line-height:36px;text-align:center;border-radius:8px;color:var(--heading-font-color);background-color:var(--background-alt-color);cursor:pointer;transition:all .25s ease;box-shadow:var(--shadow-elevation-low)}.top:hover{color:var(--dark);background-color:var(--brand-color);transform:translateY(-2px)}*{box-sizing:border-box}.column{float:left;width:50%;padding:20px}.row{display:flex}.row::after{content:"";display:table;clear:both}@media screen and (max-width:576px){.column{width:100%}}.center-text{text-align:center!important}.center-div{display:flex;justify-content:center;height:100%}*.unselectable{-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}figure.small-shadow img{box-shadow:var(--shadow-card);border:1px solid var(--inline-syntax-highlighting-background)}.no-shadow,figure.no-shadow img,.no-shadow figure img{box-shadow:none}.aside{background:var(--syntax-highlighting-background);margin:48px -32px 64px;position:relative;padding:24px 32px;font-size:1rem;border-left:3px solid var(--dark);border-radius:4px;transition:background 350ms ease 0s;box-shadow:var(--shadow-elevation-low)}.aside p:last-child{margin-bottom:0}@media only screen and (min-width:1024px){::-webkit-scrollbar{width:var(--scrollbar-width,.5vw);height:var(--scrollbar-height,1vw);background-color:var(--scrollbar-background-color,var(--color-gray-100))}::-webkit-scrollbar-track{border-radius:.3vw;background-color:var(--scrollbar-background-color,transparent)}::-webkit-scrollbar-thumb{background:var(--scrollbar-color);border-radius:.7vw}}.social.in-page{margin-bottom:24px}.tippy_button{background:0 0;color:var(--brand-color);border:none;padding:0;font:inherit;font-weight:900;font-variation-settings:"wght" 900;cursor:pointer;outline:inherit}.tippy-box[data-theme~=light]>.tippy-arrow::before{transform:scale(.7)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--heading-font-color)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--heading-font-color)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--heading-font-color)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--heading-font-color)}.tippy-box[data-theme~=light]{background-color:var(--heading-font-color);color:var(--background-color)}.tippy-box[data-animation=shift-away-subtler][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away-subtler][data-state=hidden][data-placement^=top]{transform:translateY(2px)}.tippy-box[data-animation=shift-away-subtler][data-state=hidden][data-placement^=bottom]{transform:translateY(-2px)}.tippy-box[data-animation=shift-away-subtler][data-state=hidden][data-placement^=left]{transform:translateX(2px)}.tippy-box[data-animation=shift-away-subtler][data-state=hidden][data-placement^=right]{transform:translateX(-2px)}.tippy-content a{color:var(--brand-color);font-weight:542;font-variation-settings:"wght" 542;text-decoration:none!important}.tippy-content a:hover{color:var(--brand-color-70)!important;transform:none!important}.superscript{font-size:.7em;vertical-align:super;position:relative;top:-.13em}.osano-cm-dialog{font-family:avenir arabic,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--heading-font-color);background:var(--osano-background)}.osano-cm-info{font-family:avenir arabic,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--dark)}.osano-cm-view__button{font-family:avenir arabic,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif}.osano-cm-button{font-family:avenir arabic,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;border-color:var(--osano-link-underline)}.osano-cm-link{color:var(--link-color);text-decoration:underline;text-decoration-color:var(--osano-link-underline);font-weight:500;font-variation-settings:"wght" 500;transition:all .2s,transform .2s ease-in-out}.osano-cm-link:hover{color:var(--link-color-hover);text-decoration-color:var(--link-color-hover)}.osano-cm-storage-policy{visibility:hidden}.osano-cm-view__powered-by{visibility:hidden}.osano-cm-widget{background-image:url(/images/cookie_FILL0_wght600_GRAD200_opsz24.svg);background-size:contain;background-repeat:no-repeat;right:1rem;bottom:1rem;opacity:1;transition-property:opacity,visibility,transform;display:none}.osano-cm-widget:focus,.osano-cm-widget:hover{opacity:.9;transform:none;outline:none}.osano-cm-widget:active{transform:translateY(1px)}.osano-cm-widget svg{display:none}.osano-cm-toggle__switch::after{background-color:var(--button-color);border-color:var(--button-color)}.osano-cm-toggle__input:checked+.osano-cm-toggle__switch::after{background-color:var(--button-color);border-color:var(--button-color)}#cookiescript_copyright{display:none}._404-button:hover{color:var(--dark)}.error{text-align:center}.post-head,.page-head{margin-bottom:48px;text-align:center}.post-head .row,.page-head .row{align-items:center}@media only screen and (max-width:1024px){.post-head,.page-head{margin-bottom:40px}}@media only screen and (max-width:576px){.post-head,.page-head{margin-bottom:32px}}.post-head.about-head,.page-head.about-head{margin-bottom:22px}@media only screen and (max-width:1024px){.post-head.about-head,.page-head.about-head{margin-bottom:21px}}@media only screen and (max-width:576px){.post-head.about-head,.page-head.about-head{margin-bottom:20px}}.post-info{max-width:900px;margin:0 auto}.post-tags{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:32px}.post-tags .post__tag{padding:8px 12px;margin:4px 4px 4px 0;font-size:12px;line-height:1.2;font-weight:500;text-transform:uppercase;border:none;border-radius:4px;color:var(--heading-font-color);transition:none;transition-timing-function:ease;transition-duration:.15s;transition-property:background-color,color;background-color:var(--background-alt-color);box-shadow:var(--shadow-elevation-low)}.post-tags .post__tag:hover{color:var(--dark);background-color:var(--brand-color)}.post-tags .post__tag:last-child{margin-right:0}@media only screen and (max-width:576px){.post-tags{margin-bottom:16px}}.post-title,.page-title{margin-bottom:32px;font-size:58px;line-height:1.2}@media only screen and (max-width:1400px){.post-title,.page-title{font-size:53px}}@media only screen and (max-width:576px){.post-title,.page-title{margin-bottom:24px;font-size:36px}}.post-title.about-title,.page-title.about-title{margin-bottom:20px}@media only screen and (max-width:576px){.post-title.about-title,.page-title.about-title{margin-bottom:10px}}.page-description,.portfolio__description{max-width:580px;margin:0 auto;font-size:22px}@media only screen and (max-width:576px){.page-description,.portfolio__description{font-size:19px}}.post-meta{margin-bottom:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;line-height:1}.post-meta .post-author-link,.post-meta .post-date,.post-meta .post-reading-time{color:var(--text-color);transition:none;line-height:1.8}.post-image,.page-image{position:relative;transform:translate(0);padding-top:36.25%;margin-bottom:48px;min-height:280px;border-radius:8px;overflow:hidden;background:var(--background-alt-color);max-width:55%;margin-left:auto;margin-right:auto;box-shadow:var(--shadow-card)}.post-image img,.page-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width:1024px){.post-image,.page-image{padding-top:65%;margin-bottom:40px;max-width:100%}}@media only screen and (max-width:576px){.post-image,.page-image{margin-bottom:32px}}.project-image:has(a){transform:scale(1);transition:transform .2s cubic-bezier(.4,0,.2,1)}.project-image:has(a):hover{transform:scale(1.008)}.post,.page,.portfolio-content{max-width:780px;margin:0 auto 80px;color:var(--text-color)}.post a,.page a,.portfolio-content a{font-weight:542;text-decoration:underline;text-decoration-color:var(--border-color);-webkit-text-decoration:underline;-webkit-text-decoration-color:var(--border-color);text-underline-offset:2.3px;-webkit-text-underline-offset:2.3px}.post a:hover,.page a:hover,.portfolio-content a:hover{color:var(--link-color);text-decoration:underline;text-decoration-color:var(--gray);-webkit-text-decoration:underline;-webkit-text-decoration-color:var(--gray)}.post img,.page img,.portfolio-content img{box-shadow:var(--shadow-elevation-low)}.post img,.post .js-reframe,.page img,.page .js-reframe,.portfolio-content img,.portfolio-content .js-reframe{border-radius:8px;overflow:hidden}.post img.lightense-open,.post .js-reframe.lightense-open,.page img.lightense-open,.page .js-reframe.lightense-open,.portfolio-content img.lightense-open,.portfolio-content .js-reframe.lightense-open{border-radius:0}.post img[src$="#wide"],.page img[src$="#wide"],.portfolio-content img[src$="#wide"]{display:block;width:100vw;max-width:none;margin-left:50%;transform:translateX(-50%);border-radius:0;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.post .button,.page .button,.portfolio-content .button{border:none;text-decoration:none}.post strong a,.page strong a,.portfolio-content strong a{font-weight:600}.post__share{padding-bottom:48px;border-bottom:1px solid var(--background-alt-color)}.post__share .share__list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.post__share .share__item{margin-right:5px;margin-bottom:0;text-align:center}.post__share .share__item:last-child{margin-right:0}.post__share .share__link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:16px;line-height:1;border:none;border-radius:50%;color:var(--background-color);transition:all .2s}.post__share .share__link:hover{color:var(--background-color)}.post__share .share__link.share__facebook{background-color:#3b5998}.post__share .share__link.share__facebook:hover{background-color:#2d4373}.post__share .share__link.share__twitter{background-color:#55acee}.post__share .share__link.share__twitter:hover{background-color:#2795e9}.post__share .share__link.share__pinterest{background-color:#bd081c}.post__share .share__link.share__pinterest:hover{background-color:#8c0615}@media only screen and (max-width:576px){.post__share{padding-bottom:40px}}.show-comments{margin-top:16px;text-align:center}.post__comments{max-width:780px;margin:0 auto 100px;width:100%}@media only screen and (max-width:576px){.post__comments.disqus-is-open{margin:0 auto 80px}}#disqus_thread{opacity:0;transition:opacity .2s ease-in-out}#show-comments-button{opacity:1}#disqus_thread iframe{width:100%!important;min-height:400px;border:none}.col-giscus{margin:0 230px}@media only screen and (max-width:1400px){.col-giscus{margin:0 10px}}.comments-container{width:100%;max-width:100%;overflow:hidden;margin:0 auto}.comments-container iframe{width:100%!important;min-height:400px;border:none;overflow:hidden}@media only screen and (max-width:768px){.comments-container{padding:0 10px}}.post-video,.page-video{margin-bottom:48px;border-radius:8px;overflow:hidden;transform:translate(0);background-color:var(--background-alt-color)}.post-video .post-video__wrap,.post-video .page-video__wrap,.page-video .post-video__wrap,.page-video .page-video__wrap{position:relative;width:100%;height:0;padding-bottom:56.25%}.post-video .post-video__wrap iframe,.post-video .page-video__wrap iframe,.page-video .post-video__wrap iframe,.page-video .page-video__wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media only screen and (max-width:1024px){.post-video,.page-video{margin-bottom:40px}}@media only screen and (max-width:576px){.post-video,.page-video{margin-bottom:32px}}.post__info{margin-left:44px}.post__info.post__info-video{max-width:760px;margin:0 auto}@media only screen and (max-width:1024px){.post__info{margin-left:0}}.portfolio-subtitle{margin:20px 0 0;font-size:18px;line-height:1;letter-spacing:1.6px;text-transform:uppercase;font-weight:700;font-variation-settings:"wght" 700}@media only screen and (max-width:576px){.portfolio-subtitle{font-size:16px}}.portfolio__nav{max-width:780px;margin:0 auto 100px;padding-top:32px;border-top:1px solid var(--background-alt-color)}.portfolio__nav .portfolio__prev{display:inline-flex}.portfolio__nav .portfolio__prev:hover .portfolio__nav-info .arrow-right{transform:translateX(3px)}.portfolio__nav .portfolio__box{line-height:1}.portfolio__nav .portfolio__box .portfolio__nav-info{display:inline-block;margin-bottom:18px;font-size:12px;line-height:1;font-weight:700;font-variation-settings:"wght" 700;letter-spacing:1.6px;text-transform:uppercase;color:var(--text-color)}.portfolio__nav .portfolio__box .portfolio__nav-info .arrow-right{will-change:transform;transition:all .2s}.portfolio__nav .portfolio__box .portfolio__nav-title{margin-bottom:28px;font-size:36px;line-height:1.2}.portfolio__nav .portfolio__nav-image{position:relative;display:block;width:100%;height:100%;min-height:280px;border-radius:8px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;background-color:var(--background-alt-color);transform:scale(1);transition:transform .2s cubic-bezier(.4,0,.2,1)}.portfolio__nav .portfolio__nav-image:hover{transform:scale(1.008)}.portfolio__nav .portfolio__nav-image::after{content:"";display:table;padding-top:50%}.portfolio__nav .portfolio__nav-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:8px;pointer-events:none}@media only screen and (max-width:576px){.portfolio__nav{margin:0 auto 80px}.portfolio__nav .portfolio__box .portfolio__nav-title{margin-bottom:24px}}.tag__head{margin:0 0 80px}@media only screen and (max-width:1024px){.tag__head{margin:0 0 40px}}.tags__inner{margin-bottom:50px}@media only screen and (max-width:576px){.tags__inner{margin-bottom:60px}}.tag__title{margin-bottom:32px;font-size:60px;font-weight:900}@media only screen and (max-width:768px){.tag__title{font-size:46px}}@media only screen and (max-width:576px){.tag__title{font-size:34px}}.tag__list{display:flex;align-items:center;flex-wrap:wrap;padding-bottom:80px;border-bottom:1px solid var(--background-alt-color)}.tag__list .tag__item{margin-right:12px;margin-bottom:12px}.tag__list .tag__item:last-child{margin-right:0}.tag__list .tag__link{display:block;padding:12px 16px;font-size:16px;font-weight:500;text-transform:capitalize;border-radius:8px;background:var(--background-alt-color);box-shadow:var(--shadow-elevation-medium);animation:tagFadeIn cubic-bezier(.16,0,0,.99).4s}@keyframes tagFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1}}.tag__list .tag__link:hover{color:var(--heading-font-color);transition:.25s cubic-bezier(.4,0,.2,1);background-color:var(--brand-color);color:var(--dark);transform:translateY(-3px)}@media only screen and (max-width:576px){.tag__list{padding-bottom:48px}.tag__list .tag__item{margin-right:8px;margin-bottom:8px}.tag__list .tag__link{font-size:14px}}.tag__info{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}@media only screen and (max-width:576px){.tag__info::after{content:none}}.tag__info-box{display:flex;align-items:center}.tag__counter{display:flex;flex-direction:column;align-items:center;padding:12px 24px;border-radius:8px;color:var(--heading-font-color);background:var(--background-alt-color);box-shadow:var(--shadow-elevation-medium)}.tag__counter span{font-family:circular std,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:32px;font-weight:500;line-height:1}.tag__counter small{font-size:16px;font-weight:500}@media only screen and (max-width:576px){.tag__counter{padding:8px 14px}.tag__counter span{font-size:27px}.tag__counter small{font-size:13px}}@media only screen and (max-width:576px){.tag__counter_page{margin-right:17px}}@media only screen and (max-width:576px){.tag__counter_tag_page{display:none}}.tag__name{padding:50px 20px;margin-bottom:0;margin-top:0;font-size:36px;text-transform:capitalize;background-color:var(--background-color)}.tag__name span{font-weight:400;color:var(--text-alt-color)}@media only screen and (max-width:768px){.tag__name{font-size:32px}}@media only screen and (max-width:576px){.tag__name{padding:32px 12px 32px 0;font-size:26px}}.text-transform-none{text-transform:none}.top__link{padding-left:20px;font-size:18px;font-weight:500;text-decoration:underline;text-decoration-color:transparent;color:var(--link-color);transition:text-decoration .35s;background:var(--background-color)}.top__link:hover{text-decoration-color:var(--heading-font-color);color:var(--link-color-hover)}@media only screen and (max-width:576px){.top__link{padding-left:0;font-size:16px}}.archive{margin-bottom:64px}@media only screen and (max-width:576px){.archive{margin-bottom:0}}.archive__box{margin:48px 0;text-align:center}@media only screen and (max-width:1024px){.archive__box{margin:20px 0 40px}}.archive__title{margin-bottom:0;font-size:46px;line-height:1.1;font-weight:900}@media only screen and (max-width:576px){.archive__title{font-size:32px}}.archive__counter{font-size:18px;color:var(--text-alt-color)}@media only screen and (max-width:576px){.archive__counter{font-size:16px}}html{visibility:visible;opacity:1}</style><link rel=apple-touch-icon sizes=180x180 href=/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=/favicon-16x16.png><link rel=manifest href=/site.webmanifest><link rel=mask-icon href=/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content="#da532c"><meta name=theme-color content="#ffffff"><title>Sarah Mak</title> <meta name=description content="Sarah Mak is a narrative designer and writer from Singapore."><link rel=canonical href=https://sarahmakmq.com/><link rel=alternate type=application/rss+xml href=https://sarahmakmq.com/index.xml title="Sarah Mak"><meta name=twitter:card content="summary_large_image"><meta name=twitter:title content="Sarah Mak"><meta name=twitter:description content="Sarah Mak is a narrative designer and writer from Singapore."><meta name=twitter:image content="https://res.cloudinary.com/sarahmak/image/upload/c_limit/dpr_auto,f_auto,q_auto/Sarah_Mak_cbdedp"><meta property="og:title" content="Sarah Mak"><meta property="og:description" content="Sarah Mak is a narrative designer and writer from Singapore."><meta property="og:image" content="https://res.cloudinary.com/sarahmak/image/upload/c_limit/dpr_auto,f_auto,q_auto/Sarah_Mak_cbdedp"><meta property="og:url" content="https://sarahmakmq.com/"><meta property="og:site_name" content="Sarah Mak"><meta property="og:type" content="website"><meta name=p:domain_verify content="cd2bab71138d776543f4363ed0d01477"><link rel=preload href=https://unpkg.com/ionicons@4.5.0/dist/css/ionicons.min.css as=style><link href=https://unpkg.com/ionicons@4.5.0/dist/css/ionicons.min.css rel=stylesheet><script>document.documentElement.setAttribute("light",""),document.documentElement.classList.add("light-mode")</script><script src=https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js></script><script>hljs.highlightAll()</script><script async src="https://www.googletagmanager.com/gtag/js?id=G-952WD0G6HL"></script><script>var dnt,doNotTrack=!1;if(!1&&(dnt=navigator.doNotTrack||window.doNotTrack||navigator.msDoNotTrack,doNotTrack=dnt=="1"||dnt=="yes"),!doNotTrack){window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-952WD0G6HL")}</script><link href=https://github.com/theplasmak rel=me><link href=mailto:contact@sarahmakmq.com rel=me><link rel=webmention href=https://webmention.io/www.sarahmakmq.com/webmention><link rel=authorization_endpoint href=https://indieauth.com/auth><link rel=token_endpoint href=https://tokens.indieauth.com/token><link rel=microsub href=https://aperture.p3k.io/microsub/971><link rel=monetization href=https://ilp.gatehub.net/551258527></head><body style=visibility:hidden><script>0</script><header class=header><div class=container-big><div class=row><div class="header__inner col col-12"><div class="logo header_box"><a class=logo__link aria-label="Sarah Mak's Logo" href=https://sarahmakmq.com/><svg class="logo__image" alt="Sarah Mak Logo" viewBox="0 0 44.79 67.14" width="44.79" height="67.14" fill="var(--heading-font-color)"><path class="cls-1" d="M44.56 34.28C38.37 44.67 31.73 55.8 25.43 66.35c-.85 1.42-3.03.82-3.03-.84V48.78c0-1.47 1.8-2.19 2.81-1.13h0c.73.77 1.99.64 2.56-.25 2.19-3.44 4.81-7.54 6.9-10.84.3-.47.34-1.07.09-1.58l-2.59-5.43c-.55-1.16-2.16-1.26-2.85-.18-4.54 7.14-9.61 15.1-14.14 22.2-.62.98-2.03 1.01-2.7.07-3.81-5.32-8.48-11.85-12.18-17-.38-.53-.41-1.23-.08-1.78C4.4 25.88 13.67 10.35 19.37.8c.85-1.42 3.03-.82 3.03.84V18.37c0 1.47-1.8 2.19-2.81 1.13h0c-.73-.77-1.99-.64-2.56.25-2 3.14-5.17 8.12-6.9 10.84-.3.47-.34 1.07-.09 1.58l2.59 5.43c.55 1.16 2.16 1.26 2.85.18 4.51-7.09 9.65-15.16 14.14-22.21.62-.98 2.03-1.01 2.7-.07 3.78 5.28 8.54 11.92 12.18 17.01.38.53.41 1.22.08 1.78z"/></svg></a></div><nav class="main-nav header_box"><div class=main-nav__box><div class=nav__icon-close><i class="ion ion-md-close"></i></div><div class=nav__title>Menu</div><ul class="nav__list list-reset"><li class=nav__item><a href=/about/ class=nav__link>About</a></li><li class=nav__item><a href=/projects/ class=nav__link>Projects</a></li><li class=nav__item><a href=/posts/ class=nav__link>Blog</a></li><li class=nav__item><a href=/contact/ class=nav__link>Contact</a></li><li class="nav__item dropdown"><span class="nav__link dropdown-toggle">More <i class="ion ion-ios-arrow-down arrow-down"></i></span><div class=dropdown-menu><a href=/tech-gear/ class=nav__link>Tech and Gear</a></div></li></ul></div></nav><div class="nav-button header_box"><i class="nav__icon icon__menu ion ion-md-menu"></i></div></div></div></div></header><main class=content aria-label=Content><section class=hero_text><div class=container><div class=row><div class="col col-12"><div class=hero__inner_text><h1 class=hero__title_text><h1 class=hero__title><span class=line>Hi, I鈥檓 </span><span id=line class=line></span></span> <span class=cursor>|</span></h1><p class=hero__description_text>I'm a <span class=highlight-text>narrative designer</span> and <span class=highlight-text>writer</span> who loves making <span class=highlight-text>story-rich</span> video games.</p></p></h1></div></div></div></section><section class="section portfolios animate_home"><div class=container><div class=row><div class="col col-12"><div class="contaniner__inner animate_home"><div class=section__info><h2 class=section__title>Featured Work</h2></div><div class=row><article class="portfolio col col-4 col-d-6 col-t-12"><div class=portfolio__content><a href=/projects/you-cant-save-her/ class=portfolio__image><img class=lazy data-src=https://res.cloudinary.com/sarahmak/image/upload/c_limit,w_auto/dpr_auto,f_auto,q_auto/youcantsavehercover2_cover_art_rsneiu alt="You Can't Save Her"></a><div class=portfolio__info><h3 class=portfolio__title><a href=/projects/you-cant-save-her/>You Can't Save Her</a></h3><div class=portfolio__subtitle>Interactive Fiction</div></div></div></article><article class="portfolio col col-4 col-d-6 col-t-12"><div class=portfolio__content><a href=/projects/to-be-you/ class=portfolio__image><img class=lazy data-src=https://res.cloudinary.com/sarahmak/image/upload/c_limit,w_auto/dpr_auto,f_auto,q_auto/zhihao_new_hero_crop_2_xctwth alt="To Be You"></a><div class=portfolio__info><h3 class=portfolio__title><a href=/projects/to-be-you/>To Be You</a></h3><div class=portfolio__subtitle>Interactive Fiction</div></div></div></article><article class="portfolio col col-4 col-d-6 col-t-12"><div class=portfolio__content><a href=/projects/an-early-draft-of-the-singapore-pledge/ class=portfolio__image><img class=lazy data-src=https://res.cloudinary.com/sarahmak/image/upload/c_limit,w_auto/dpr_auto,f_auto,q_auto/An_Early_Draft_of_the_Singapore_Pledge_r44w4a alt="An Early Draft of the Singapore Pledge"></a><div class=portfolio__info><h3 class=portfolio__title><a href=/projects/an-early-draft-of-the-singapore-pledge/>An Early Draft of the Singapore Pledge</a></h3><div class=portfolio__subtitle>Poetry/Motion Graphics</div></div></div></article><article class="portfolio col col-4 col-d-6 col-t-12"><div class=portfolio__content><a href=/projects/a-summary-of-the-news/ class=portfolio__image><img class=lazy data-src=https://res.cloudinary.com/sarahmak/image/upload/c_limit,w_auto/dpr_auto,f_auto,q_auto/ali-shah-lakhani-dwbzzB03gUE-unsplash_uc8qrd alt="A Summary of the News"></a><div class=portfolio__info><h3 class=portfolio__title><a href=/projects/a-summary-of-the-news/>A Summary of the News</a></h3><div class=portfolio__subtitle>Poetry</div></div></div></article><article class="portfolio col col-4 col-d-6 col-t-12"><div class=portfolio__content><a href=/projects/scars/ class=portfolio__image><img class=lazy data-src=https://res.cloudinary.com/sarahmak/image/upload/c_limit,w_auto/dpr_auto,f_auto,q_auto/scars_hkyl9u alt=Scars></a><div class=portfolio__info><h3 class=portfolio__title><a href=/projects/scars/>Scars</a></h3><div class=portfolio__subtitle>Poetry</div></div></div></article><article class="portfolio col col-4 col-d-6 col-t-12"><div class=portfolio__content><a href=/projects/publications-and-other-work/ class=portfolio__image><img class=lazy data-src=https://res.cloudinary.com/sarahmak/image/upload/c_limit,w_auto/dpr_auto,f_auto,q_auto/shawnanggg-r2A6WYI8YIg-unsplash_q9mhb9 alt="Publications and Other Work"></a><div class=portfolio__info><h3 class=portfolio__title><a href=/projects/publications-and-other-work/>Publications and Other Work</a></h3></div></div></article></div></div></div></div></div><div class=section__navigation><a href=/projects class="button button--primary section-button">See all</a></div></section></main><footer class=footer><div class=container><div class=row><div class=col-12><div class=footer__inner><div class=container><div class=row><div class="col col-8 col-d-12"><div class=footer__author><div class=footer__author-info><h3 class=footer__author-name>Sarah Mak</h3><p class=footer__author-bio>Sarah Mak (she/her) is a narrative designer and writer from Singapore. Her poetry has been published in <em>Quarterly Literary Review Singapore</em>, <em>Eunoia Review</em>, and <em>Silver Birch Press</em>, among others. She is also a member of zer0sleep, a writing collective supported by Sing Lit Station.</p><div class=social><ul class="social__list list-reset"><li class=social__item><a class=social__link href=https://instagram.com/sarahmak.esstuff/ target=_blank rel=noopener aria-label="Instagram link"><svg role="img" viewBox="0 0 24 24" width="16" height="100%"><title>.name</title><path d="M12 0C8.74.0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333.0 8.74.0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26.0 12 0zm0 2.16c3.203.0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211.0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844.0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405.0-6.162 2.76-6.162 6.162.0 3.405 2.76 6.162 6.162 6.162 3.405.0 6.162-2.76 6.162-6.162.0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21.0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795.0-1.44-.646-1.44-1.44.0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"/></svg></a></li><li class=social__item><a class=social__link href=https://twitter.com/sarahmakestwts target=_blank rel=noopener aria-label="X link"><svg role="img" viewBox="0 0 24 24" width="16" height="100%"><title>.name</title><path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932zM17.61 20.644h2.039L6.486 3.24H4.298z"/></svg></a></li><li class=social__item><a class=social__link href=https://linkedin.com/in/sarahmakesstuff/ target=_blank rel=noopener aria-label="LinkedIn link"><svg role="img" viewBox="0 0 24 24" width="16" height="100%"><title>.name</title><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853.0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601.0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144.0-2.063-.926-2.063-2.065.0-1.138.92-2.063 2.063-2.063 1.14.0 2.064.925 2.064 2.063.0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225.0H1.771C.792.0.0.774.0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2.0 22.222.0h.003z"/></svg></a></li><li class=social__item><a class=social__link href=https://github.com/ThePlasmak target=_blank rel=noopener aria-label="GitHub link"><svg role="img" viewBox="0 0 24 24" width="16" height="100%"><title>.name</title><path d="M12 .297c-6.63.0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577.0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93.0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176.0.0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22.0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22.0 1.606-.015 2.896-.015 3.286.0.315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a></li><li class=social__item><a class=social__link href=https://sarahmakmq.com/posts/index.xml target=_blank rel=noopener aria-label="RSS link"><i class="ion ion-logo-rss"></i></a></li></ul></div></div></div></div><div class="col col-4 col-d-12"><div class=footer__nav><h3 class=footer__nav-title>Navigation</h3><ul class="footer__nav-list list-reset"><div class=footer-menu><div class=footer-menu-column><a class=footer__nav-link href=/>Home</a> <a class=footer__nav-link href=/about/>About</a> <a class=footer__nav-link href=/projects/>Projects</a> <a class=footer__nav-link href=/posts/>Blog</a></div><div class=footer-menu-column><a class=footer__nav-link href=/contact/>Contact</a> <a class=footer__nav-link href=/tech-gear/>Tech and Gear</a></div></div></ul></div></div></div></div></div></div></div></div><div class=container><div class=row><div class="col col-12"><div class=footer__info><div class=footer__info-box><div class=copyright>2025 © <a href=/>Sarah Mak</a> | <a href=https://www.iubenda.com/privacy-policy/31921568 title="Privacy Policy">Privacy Policy</a> | <a href=/terms-and-conditions/ title="Terms and Conditions">Terms and Conditions</a></div><div class=top title=Top><i class="ion ion-ios-arrow-up"></i></div></div></div></div></div></div></footer><script>let domReady=e=>{document.readyState==="interactive"||document.readyState==="complete"?e():document.addEventListener("DOMContentLoaded",e)};domReady(()=>{document.body.style.visibility="visible"})</script><script src=https://unpkg.com/@popperjs/core@2></script><script src=https://unpkg.com/tippy.js@6></script><script src=/js/scripts.min.d491b3ea98d678b8fa24f57644715dad74a51f04a027f001639fab51eecb609b.js></script><script src=/js/common.min.1568847bbd9d1e1929ea5ec6f6a62714c357d7458443314a5df04f0fb764570b.js></script><script type=text/javascript>var cl=cloudinary.Cloudinary.new({cloud_name:"sarahmak"});cl.responsive()</script><script>const tippyInstances=tippy("button.tippy_button",{content:"Fill me up!",allowHTML:!0,interactive:!0,placement:"top",arrow:!0,animation:"shift-away-subtler",theme:"light",popperOptions:{strategy:window.innerWidth<500?"absolute":"fixed"}}),updateStrategy=()=>{const e=window.innerWidth<500?"absolute":"fixed";tippyInstances.forEach(t=>{t.setProps({popperOptions:{strategy:e}})})};updateStrategy(),window.addEventListener("resize",updateStrategy)</script><script>function createCopyButton(e){const t=document.createElement("button");t.className="copy-code-button unselectable",t.type="button",t.innerText="Copy",t.setAttribute("unselectable","on"),t.addEventListener("click",()=>copyCodeToClipboard(t,e)),addCopyButtonToDom(t,e)}async function copyCodeToClipboard(e,t){const n=t.querySelector(":last-child > .chroma > code").textContent;try{result=await navigator.permissions.query({name:"clipboard-write"}),result.state=="granted"||result.state=="prompt"?await navigator.clipboard.writeText(n):copyCodeBlockExecCommand(n,t)}catch{copyCodeBlockExecCommand(n,t)}finally{codeWasCopied(e)}}function copyCodeBlockExecCommand(e,t){const n=document.createElement("textArea");n.contentEditable="true",n.readOnly="false",n.className="copyable-text-area",n.value=e,t.insertBefore(n,t.firstChild);const s=document.createRange();s.selectNodeContents(n);const o=window.getSelection();o.removeAllRanges(),o.addRange(s),n.setSelectionRange(0,999999),document.execCommand("copy"),t.removeChild(n)}function codeWasCopied(e){e.blur(),e.innerText="Copied!",setTimeout(function(){e.innerText="Copy"},1e3)}function addCopyButtonToDom(e,t){t.insertBefore(e,t.firstChild);const n=document.createElement("div");n.className="highlight-wrapper",t.parentNode.insertBefore(n,t),n.appendChild(t)}document.querySelectorAll(".highlight").forEach(e=>createCopyButton(e))</script><noscript><style>body{visibility:visible}</style></noscript><script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "d6e5be7283c1489fa3b01ec24214b158"}'></script></body></html>