*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;background-repeat:no-repeat}:before,:after{text-decoration:inherit;vertical-align:inherit}:where(:root){cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}:where(body){margin:0}:where(h1){font-size:2em;margin:.67em 0}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){color:inherit;height:0}:where(nav) :where(ol,ul){list-style-type:none;padding:0}:where(nav li):before{content:"\200b";float:left}:where(pre){font-family:monospace,monospace;font-size:1em;overflow:auto}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:where(button,input,select){margin:0}:where(button,[type="button" i],[type="reset" i],[type="submit" i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical}:where([type="search" i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details > summary:first-of-type){display:list-item}:where([aria-busy="true" i]){cursor:progress}:where([aria-controls]){cursor:pointer}:where([aria-disabled="true" i],[disabled]){cursor:not-allowed}:where([aria-hidden="false" i][hidden]){display:initial}:where([aria-hidden="false" i][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}body{font-family:Almarai,sans-serif}.homepage{height:100vh;max-height:100vh;background:linear-gradient(135deg,color-mix(in srgb,#eaeaea 90%,#000000),color-mix(in srgb,#eaeaea 95%,#000000));position:relative;overflow-x:hidden;overflow-y:auto;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:1680px;margin:0 auto;padding:10px 20px;--wave-hue: 220;--wave-saturation: 60%;--wave-lightness: 50%}@media (min-width: 768px){.homepage{padding:20px 40px}}.homepage__header{z-index:10;pointer-events:none;-ms-flex-negative:0;flex-shrink:0;margin-bottom:10px}.homepage__name{font-weight:700;font-size:1rem;line-height:1.116;margin:0;pointer-events:auto;grid-column:1/span 6}@media (min-width: 768px){.homepage__name{font-size:1.125rem}}@media (min-width: 1440px){.homepage__name{font-size:1.25rem;grid-column:1/span 4}}.homepage__year{font-weight:700;font-size:1rem;line-height:1.116;pointer-events:auto;grid-column:7/span 6;justify-self:center}@media (min-width: 768px){.homepage__year{font-size:1.125rem}}@media (min-width: 1440px){.homepage__year{font-size:1.25rem;grid-column:5/span 6}}.homepage .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.homepage .grid:has(.homepage__canvas){-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0}.homepage__canvas{width:100%;height:100%;position:relative;cursor:default;-ms-touch-action:none;touch-action:none;grid-column:span 12;overflow:hidden}@media (min-width: 1440px){.homepage__canvas{grid-column:5/span 8}}.homepage__footer{z-index:10;pointer-events:none;-ms-flex-negative:0;flex-shrink:0}.homepage__link{grid-column:1/span 6;font-weight:700;font-size:1rem;line-height:1.116;color:color-mix(in srgb,#000000 100%,var(--wave-hue, 220));text-decoration:none;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:auto;grid-column:1}@media (min-width: 1440px){.homepage__link{grid-column:span 3}}.homepage__link:hover{color:color-mix(in srgb,#000000 70%,transparent);opacity:.8}