@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}html{scroll-padding-top:90px;scroll-behavior:smooth}body{background-image:initial;background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:#000;color:#fff;font-family:Cairo,sans-serif;overflow-x:hidden}:focus-visible{outline-color:#00d2fe;outline-style:solid;outline-width:2px;outline-offset:3px}.header-gradient{background-image:linear-gradient(rgba(0,163,199,.18),rgba(0,0,0,.95) 75%);background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:initial;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0,210,254,.12)}.mask{mask-image:linear-gradient(to right,#000 65%,transparent 100%),linear-gradient(to top,transparent 0,#000 20%);mask-composite:intersect}.stage{perspective:1400px;height:clamp(320px,56vw,500px);position:relative;cursor:grab;touch-action:pan-y;user-select:none}.stage:active{cursor:grabbing}.crop::before,.stage::after{content:"";position:absolute;pointer-events:none}.crop::before{top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-image:linear-gradient(#00d2fe,#00d2fe),linear-gradient(#00d2fe,#00d2fe),linear-gradient(#00d2fe,#00d2fe),linear-gradient(#00d2fe,#00d2fe),linear-gradient(#00d2fe,#00d2fe),linear-gradient(#00d2fe,#00d2fe),linear-gradient(#00d2fe,#00d2fe),linear-gradient(#00d2fe,#00d2fe);background-size:30px 2px,2px 30px,30px 2px,2px 30px,30px 2px,2px 30px,30px 2px,2px 30px;background-position-x:left,left,right,right,left,left,right,right;background-position-y:top,top,top,top,bottom,bottom,bottom,bottom}.stage::after{left:10%;right:10%;bottom:4%;height:90px;background-image:radial-gradient(rgba(0,210,254,.22),transparent 70%);background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:initial}.ring{position:absolute;left:50%;top:44%;width:0;height:0;transform-style:preserve-3d}.c3,.grid-card,.nav-btn{border-width:1px;border-style:solid;border-image-source:none;border-image-slice:100%;border-image-width:1;border-image-outset:0;border-image-repeat:stretch}.c3{position:absolute;border-top-left-radius:22px;border-top-right-radius:22px;border-bottom-right-radius:22px;border-bottom-left-radius:22px;overflow-x:hidden;overflow-y:hidden;backface-visibility:hidden;border-color:rgba(255,255,255,.12);background-image:initial;background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:#0d0f14;box-shadow:rgba(0,210,254,.35)0 20px 50px -20px;-webkit-box-reflect:below 8px linear-gradient(transparent 74%,rgba(255,255,255,.15))}.grid-card,.nav-btn{transition-property:all;transition-behavior:normal;transition-delay:0s}.grid-card{padding:0;display:block;width:100%;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;overflow-x:hidden;overflow-y:hidden;aspect-ratio:1/1;background-image:initial;background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:#0d0f14;border-color:rgba(255,255,255,.08);transition-duration:.35s;transition-timing-function:ease;cursor:pointer;position:relative}.nav-btn{width:46px;height:46px;border-top-left-radius:999px;border-top-right-radius:999px;border-bottom-right-radius:999px;border-bottom-left-radius:999px;border-color:rgba(0,210,254,.5);color:#00d2fe;font-size:22px;line-height:1;transition-duration:.25s}.c3 img{pointer-events:none;-webkit-user-drag:none}.grid-card:hover{transform:translateY(-5px);border-color:rgba(0,210,254,.4);box-shadow:rgba(0,210,254,.25)0 14px 30px -10px}.grid-card:hover img{transform:scale(1.05)}.nav-btn:hover{background-image:initial;background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:#00d2fe;color:#000}.svc{transition-behavior:normal,normal;transition-duration:.3s,.3s;transition-timing-function:ease,ease;transition-delay:0s,0s;transition-property:transform,border-color}.svc:hover{transform:translateY(-4px);border-color:rgba(0,210,254,.35)}.crop{position:relative;padding:20px}.portrait{perspective:900px}.portrait img{transition-timing-function:cubic-bezier(.2,.8,.2,1)}.portrait:hover img{transform:rotateY(-7deg) rotateX(3deg) scale(1.02)}.skill{display:flex;row-gap:16px;column-gap:16px;align-items:baseline;justify-content:space-between;padding:18px 0;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(255,255,255,.1);transition-duration:.25s;transition-timing-function:ease;transition-property:all}.skill:first-child{border-top-width:1px;border-top-style:solid;border-top-color:rgba(255,255,255,.1)}.skill:hover{padding-inline-start:10px;border-color:rgba(0,210,254,.6)}.skill:hover b{color:#00d2fe}.grid-card img,.nav-btn{transition-timing-function:ease}.c3 img,.grid-card img{width:100%;height:100%;object-fit:cover}.grid-card img,.portrait img,.skill{transition-behavior:normal;transition-delay:0s}.grid-card img,.portrait img{transition-duration:.5s;transition-property:transform}#galleries>section{width:100%}.menu-enter-active,.menu-leave-active{animation-duration:.25s;animation-timing-function:ease-out;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:running;animation-name:slideDown;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal}.menu-leave-active{animation-duration:.2s;animation-timing-function:ease-in;animation-name:slideUp}#mobile-menu.menu-open{opacity:1;visibility:visible;transform:translateY(0);max-height:500px;padding-top:1.25rem;padding-bottom:1.25rem;border-bottom-width:1px}#galleries,#lb.on{display:flex}#galleries{flex-direction:column}#lb{display:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}