/*
Theme Name: ErfanMHDi
Theme URI: https://ErfanMHDi.com
Author: ErfanMHDi
Author URI: https://ErfanMHDi.com
Description: Exclusive Template for ErfanMHDi's Portfolio, Designed and Developed by ErfanMHDi.
Version: 1.0.0
*/
html[lights=off],html[lights=on]{color-scheme:light dark;supported-color-schemes:light dark;--System-ColorLight:rgba(255, 255, 255, 1);--System-ColorDark:rgba(0, 0, 0, 1);--System-GradientTextLight:linear-gradient(to top,
	rgba(255, 255, 255, 1) 0,
	rgba(255, 255, 255, 1) .5em,
	rgba(255, 255, 255, .6) 1em,
	rgba(255, 255, 255, .18) 1.5em);--System-GradientTextLightRev:linear-gradient(to top,
	rgba(255, 255, 255, .18) 0,
	rgba(255, 255, 255, .6) .5em,
	rgba(255, 255, 255, 1) 1em,
	rgba(255, 255, 255, 1) 1.5em)}a,body{color:var(--System-ColorText)}#Hero .Wrapper .Title .Text p,body{font-variation-settings:"wght" 200,"dots" 4}#LifeCycle .Wrapper .Bento,#Me .Wrapper .Bento,#Services .Wrapper .Bento{grid-auto-flow:row dense;grid-template-rows:auto 1fr}.CTA .EMail p,.CTA a span,.DualTone,b,h1,h2,h3,h4,h5,h6,strong{font-weight:700}@font-face{font-family:IRANYekanX-VF;font-weight:100 1000;font-display:fallback;font-display:swap;src:url("../fonts/woff/IRANYekanX-VF.woff") format("woff-variations"),url("../fonts/woff2/IRANYekanX-VF.woff2") format("woff2"),url("../fonts/woff/IRANYekanX-VF.woff") format("woff")}@font-face{font-family:IRANYekanX;font-style:normal;font-weight:400;src:url("../fonts/woff/IRANYekanX-Regular.woff") format("woff"),url("../fonts/woff2/IRANYekanX-Regular.woff2") format("woff2")}@font-face{font-family:IRANYekanX;font-style:normal;font-weight:100;src:url("../fonts/woff/IRANYekanX-Thin.woff") format("woff"),url("../fonts/woff2/IRANYekanX-Thin.woff2") format("woff2")}@font-face{font-family:IRANYekanX;font-style:normal;font-weight:200;src:url("../fonts/woff/IRANYekanX-UltraLight.woff") format("woff"),url("../fonts/woff2/IRANYekanX-UltraLight.woff2") format("woff2")}@font-face{font-family:IRANYekanX;font-style:normal;font-weight:300;src:url("../fonts/woff/IRANYekanX-Light.woff") format("woff"),url("../fonts/woff2/IRANYekanX-Light.woff2") format("woff2")}@font-face{font-family:IRANYekanX;font-style:normal;font-weight:500;src:url("../fonts/woff/IRANYekanX-Medium.woff") format("woff"),url("../fonts/woff2/IRANYekanX-Medium.woff2") format("woff2")}@font-face{font-family:IRANYekanX;font-style:normal;font-weight:600;src:url("../fonts/woff/IRANYekanX-DemiBold.woff") format("woff"),url("../fonts/woff2/IRANYekanX-DemiBold.woff2") format("woff2")}@font-face{font-family:IRANYekanX;font-style:normal;font-weight:800;src:url("../fonts/woff/IRANYekanX-ExtraBold.woff") format("woff"),url("../fonts/woff2/IRANYekanX-ExtraBold.woff2") format("woff2")}@font-face{font-family:IRANYekanX;font-style:normal;font-weight:900;src:url("../fonts/woff/IRANYekanX-Black.woff") format("woff"),url("../fonts/woff2/IRANYekanX-Black.woff2") format("woff2")}@font-face{font-family:IRANYekanX;font-style:normal;font-weight:950;src:url("../fonts/woff/IRANYekanX-ExtraBlack.woff") format("woff"),url("../fonts/woff2/IRANYekanX-ExtraBlack.woff2") format("woff2")}@font-face{font-family:IRANYekanX;font-style:normal;font-weight:1000;src:url("../fonts/woff/IRANYekanX-Heavy.woff") format("woff"),url("../fonts/woff2/IRANYekanX-Heavy.woff2") format("woff2")}@font-face{font-family:IRANYekanX;font-style:normal;font-weight:700;src:url("../fonts/woff/IRANYekanX-Bold.woff") format("woff"),url("../fonts/woff2/IRANYekanX-Bold.woff2") format("woff2")}body{font-family:IRANYekanX,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";overflow:auto;overflow-x:hidden;margin:0;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.5;background-color:var(--System-ColorBG)}#Footer .Wrapper .CP p a strong,.DualTone,h1,h2,h3,h4{font-variation-settings:"wght" 900,"dots" 4}@supports (font-variation-settings:normal){body{font-family:IRANYekanX-VF,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;box-sizing:border-box;scroll-behavior:smooth;-ms-touch-action:manipulation;touch-action:manipulation;transition:color .5s,background .5s;--System-Gap:32px}html[dir=ltr] .HideOnLTR,html[dir=rtl] .HideOnRTL{display:none!important}html[lights=on]{--System-ColorBrand:rgba(50, 74, 178, 1);--System-ColorRed:rgba(255, 59, 48, 1);--System-ColorOrange:rgba(255, 149, 0, 1);--System-ColorYellow:rgba(255, 204, 0, 1);--System-ColorGreen:rgba(52, 199, 89, 1);--System-ColorMint:rgba(0, 199, 190, 1);--System-ColorTeal:rgba(90, 200, 250, 1);--System-ColorCyan:rgba(50, 173, 230, 1);--System-ColorBlue:rgba(0, 122, 255, 1);--System-ColorIndigo:rgba(88, 86, 214, 1);--System-ColorPurple:rgba(175, 82, 222, 1);--System-ColorPink:rgba(255, 45, 85, 1);--System-ColorBrown:rgba(162, 132, 94, 1);--System-ColorGray:rgba(142, 142, 147, 1);--System-ColorGray2:rgba(174, 174, 178, 1);--System-ColorGray3:rgba(199, 199, 204, 1);--System-ColorGray4:rgba(209, 209, 214, 1);--System-ColorGray5:rgba(229, 229, 234, 1);--System-ColorGray6:rgba(242, 242, 247, 1);--System-ColorText:rgba(0, 0, 0, 1);--System-ColorText2:rgba(60, 60, 67, 0.6);--System-ColorText3:rgba(60, 60, 67, 0.3);--System-ColorText4:rgba(60, 60, 67, 0.18);--System-ColorBG:rgba(255, 255, 255, 1);--System-ColorBG2:rgba(242, 242, 247, 1);--System-ColorGlow:rgba(255, 255, 255, 0.4);--System-ColorShadow:rgba(0, 0, 0, 0.16);--System-ColorSep:rgba(229, 229, 234, 1);--System-Lighting:grayscale(0) invert(0);--System-Darking:grayscale(1) invert(1);--System-GradientBG:linear-gradient(to bottom, var(--System-ColorBG) 50%, var(--System-ColorBG2) 100%);--System-GradientBG2:linear-gradient(to bottom, var(--System-ColorBG) 50%, var(--System-ColorGray2) 100%);--System-GradientText:linear-gradient(to top,
	var(--System-ColorText) 0,
	var(--System-ColorText) .5em,
	var(--System-ColorText2) 1em,
	var(--System-ColorText4) 1.5em);--System-GradientText2:linear-gradient(to top,
	var(--System-ColorText2) 0em,
	var(--System-ColorText2) .5em,
	var(--System-ColorText2) .5em,
	var(--System-ColorText4) 1.25em);--System-ColorPicker:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 26.4355 26.4941'%3E%3Cg%3E%3Crect height='26.4941' opacity='0' width='26.4355' x='0' y='0'/%3E%3Cpath d='M16.8652 11.3477L11.2012 16.9922C10.7129 17.4805 10.0879 17.6465 9.58984 17.1094C9.07227 16.543 9.18945 16.0156 9.72656 15.459L15.3516 9.80469L14.3945 8.85742L4.13086 19.1211C0.292969 22.959 2.08984 22.4219 0 25.3711L1.05469 26.4941C3.91602 24.4238 3.56445 26.4062 7.4707 22.5195L17.7832 12.2656ZM19.6289 13.6133L19.9512 13.2617C20.5371 12.627 20.5762 11.8945 19.9316 11.2695L19.5508 10.8887C21.4551 9.17969 23.5938 8.91602 24.9023 7.59766C26.748 5.72266 26.1523 3.11523 24.8535 1.80664C23.5547 0.498047 20.9668-0.0585938 19.0625 1.75781C17.7246 3.04688 17.4805 5.20508 15.7715 7.10938L15.3906 6.72852C14.7656 6.08398 14.0332 6.12305 13.3984 6.70898L13.0469 7.03125C12.2852 7.74414 12.4414 8.39844 13.0762 9.04297L17.6172 13.584C18.2617 14.2188 18.916 14.375 19.6289 13.6133Z' fill='black' fill-opacity='0.85'/%3E%3C/g%3E%3C/svg%3E") 0 64,pointer}html[lights=off]{--System-ColorBrand:rgba(60, 84, 178, 1);--System-ColorRed:rgba(255, 69, 58, 1);--System-ColorOrange:rgba(255, 159, 10, 1);--System-ColorYellow:rgba(255, 214, 10, 1);--System-ColorGreen:rgba(52, 215, 75, 1);--System-ColorMint:rgba(102, 212, 207, 1);--System-ColorTeal:rgba(106, 196, 220, 1);--System-ColorCyan:rgba(90, 200, 245, 1);--System-ColorBlue:rgba(10, 132, 255, 1);--System-ColorIndigo:rgba(94, 92, 230, 1);--System-ColorPurple:rgba(191, 90, 242, 1);--System-ColorPink:rgba(255, 55, 95, 1);--System-ColorBrown:rgba(172, 142, 104, 1);--System-ColorGray:rgba(152, 152, 157, 1);--System-ColorGray2:rgba(99, 99, 102, 1);--System-ColorGray3:rgba(72, 72, 74, 1);--System-ColorGray4:rgba(58, 58, 60, 1);--System-ColorGray5:rgba(44, 44, 46, 1);--System-ColorGray6:rgba(28, 28, 30, 1);--System-ColorText:rgba(255, 255, 255, 1);--System-ColorText2:rgba(235, 235, 245, 0.6);--System-ColorText3:rgba(235, 235, 245, 0.3);--System-ColorText4:rgba(235, 235, 245, 0.18);--System-ColorBG:rgba(0, 0, 0, 1);--System-ColorBG2:rgba(28, 28, 30, 1);--System-ColorGlow:rgba(28, 28, 30, 0.4);--System-ColorShadow:rgba(0, 0, 0, 0.32);--System-ColorSep:rgba(44, 44, 46, 1);--System-Lighting:grayscale(1) invert(1);--System-Darking:grayscale(0) invert(0);--System-GradientBG:linear-gradient(to top, var(--System-ColorBG) 50%, var(--System-ColorBG2) 100%);--System-GradientBG2:linear-gradient(to top, var(--System-ColorBG) 50%, var(--System-ColorGray2) 100%);--System-GradientText:linear-gradient(to bottom,
	var(--System-ColorText) 0,
	var(--System-ColorText) .5em,
	var(--System-ColorText2) 1em,
	var(--System-ColorText4) 1.5em);--System-GradientText2:linear-gradient(to bottom,
	var(--System-ColorText2) 0em,
	var(--System-ColorText2) .5em,
	var(--System-ColorText2) .5em,
	var(--System-ColorText4) 1.25em);--System-ColorPicker:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 26.4355 26.4941'%3E%3Cg%3E%3Crect height='26.4941' opacity='0' width='26.4355' x='0' y='0'/%3E%3Cpath d='M16.8652 11.3477L11.2012 16.9922C10.7129 17.4805 10.0879 17.6465 9.58984 17.1094C9.07227 16.543 9.18945 16.0156 9.72656 15.459L15.3516 9.80469L14.3945 8.85742L4.13086 19.1211C0.292969 22.959 2.08984 22.4219 0 25.3711L1.05469 26.4941C3.91602 24.4238 3.56445 26.4062 7.4707 22.5195L17.7832 12.2656ZM19.6289 13.6133L19.9512 13.2617C20.5371 12.627 20.5762 11.8945 19.9316 11.2695L19.5508 10.8887C21.4551 9.17969 23.5938 8.91602 24.9023 7.59766C26.748 5.72266 26.1523 3.11523 24.8535 1.80664C23.5547 0.498047 20.9668-0.0585938 19.0625 1.75781C17.7246 3.04688 17.4805 5.20508 15.7715 7.10938L15.3906 6.72852C14.7656 6.08398 14.0332 6.12305 13.3984 6.70898L13.0469 7.03125C12.2852 7.74414 12.4414 8.39844 13.0762 9.04297L17.6172 13.584C18.2617 14.2188 18.916 14.375 19.6289 13.6133Z' fill='white' fill-opacity='0.85'/%3E%3C/g%3E%3C/svg%3E") 0 64,pointer}@media only screen and (max-width:768px){html{--System-Gap:24px}}*,::after,::before{box-sizing:inherit;-ms-overflow-style:none;scrollbar-width:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;transition:background .5s}.Background,.Background .Loader{height:100vh;max-width:unset;margin:0 auto;inset:0}::-webkit-scrollbar{display:none}ol,ul{all:unset;list-style:none;margin:0;padding:0}img{width:auto;height:auto;vertical-align:middle}.DualTone span,h1 span,h2 span,h3 span,h4 span{background:var(--System-GradientText);-webkit-background-clip:text;-webkit-text-fill-color:transparent;box-decoration-break:clone}h1{font-size:2.5rem;line-height:2.5rem}h2{font-size:2rem;line-height:2rem}h3,h4,h5,h6{font-size:1.5rem;font-variation-settings:"wght" 800,"dots" 4}.CTA .EMail p,.CTA a span,b,strong{font-variation-settings:"wght" 600,"dots" 4}a{display:inline-block;background-color:transparent;text-decoration:none;transition:.5s}a:focus,a:hover{color:var(--System-ColorBlue)}.Background{position:fixed;width:100vw;background:var(--System-ColorBG)}.Background .Wrapper{position:fixed;width:100vw;height:100vh;top:0;left:0;overflow:hidden;-webkikt-filter:url(#BlurEffect);filter:url(#BlurEffect)}.Background .Wrapper span{width:50vmin;height:50vmin;border-radius:50vmin;backface-visibility:hidden;position:absolute;animation:64s linear infinite MainBG;opacity:.32;will-change:transform}.Background .Wrapper span:nth-child(0){background-color:var(--System-ColorRed);top:75%;left:51%;animation-delay:-1s;transform-origin:-4vw 12vh}.Background .Wrapper span:first-child{background-color:var(--System-ColorOrange);top:83%;left:65%;animation-delay:-1s;transform-origin:-19vw -19vh}.Background .Wrapper span:nth-child(2){background-color:var(--System-ColorYellow);top:24%;left:79%;animation-delay:-1s;transform-origin:12vw -13vh}.Background .Wrapper span:nth-child(3){background-color:var(--System-ColorGreen);top:86%;left:55%;animation-delay:-1s;transform-origin:18vw 10vh}.Background .Wrapper span:nth-child(4){background-color:var(--System-ColorMint);top:50%;left:25%;animation-delay:-1s;transform-origin:-19vw -14vh}.Background .Wrapper span:nth-child(5){background-color:var(--System-ColorTeal);top:21%;left:66%;animation-delay:-1s;transform-origin:-10vw 4vh}.Background .Wrapper span:nth-child(6){background-color:var(--System-ColorCyan);top:73%;left:56%;animation-delay:-1s;transform-origin:-19vw 12vh}.Background .Wrapper span:nth-child(7){background-color:var(--System-ColorBlue);top:6%;left:14%;animation-delay:-1s;transform-origin:4vw -13vh}.Background .Wrapper span:nth-child(8){background-color:var(--System-ColorIndigo);top:30%;left:83%;animation-delay:-1s;transform-origin:1vw 12vh}.Background .Wrapper span:nth-child(9){background-color:var(--System-ColorPurple);top:2%;left:2%;animation-delay:-1s;transform-origin:-11vw 19vh}.Background .Wrapper span:nth-child(10){background-color:var(--System-ColorPink);top:88%;left:45%;animation-delay:-1s;transform-origin:-20vw -9vh}.Background .Wrapper span:nth-child(11){background-color:var(--System-ColorBrown);top:83%;left:74%;animation-delay:-1s;transform-origin:18vw 23vh}.Background:before{position:fixed;top:0;left:0;width:100vw;height:100vh;content:"";-webkit-backdrop-filter:saturate(185%) blur(185px);backdrop-filter:saturate(185%) blur(185px);z-index:1}.Background:after{position:fixed;top:0;z-index:1;width:100%;height:100vh;background-size:128px;background-repeat:repeat;background-image:url("../img/bg/Grains.webp");opacity:.05;border-radius:0;content:"";left:calc(50% - 100% / 2)}.Background .Loader{position:fixed;width:100vw;transition:opacity .5s,visibility .5s;z-index:999}.Background .Loader figure{width:75px;aspect-ratio:1;display:grid;margin:auto;inset:0;position:fixed}.Background .Loader figure:after,.Background .Loader figure:before{content:"";grid-area:1/1;width:35px;aspect-ratio:1;box-shadow:0 0 0 8px var(--System-ColorText) inset;filter:drop-shadow(40px 40px 0 var(--System-ColorText));animation:2s infinite alternate Loader}.Background .Loader figure:after{margin:0 0 0 auto;filter:drop-shadow(-40px 40px 0 var(--System-ColorText));animation-delay:-1s}body.Loaded .Background .Loader,section:not(.Background)>*{opacity:0;visibility:hidden}body.Loaded section>*{opacity:1;visibility:visible;transition:opacity 1.5s,visibility 1.5s}@keyframes MainBG{100%{transform:translate3d(0,0,1px) rotate(360deg)}}@keyframes Loader{0%,10%{border-radius:0}30%,40%{border-radius:50% 0}60%,70%{border-radius:50%}100%,90%{border-radius:0 50%}}section{position:relative;z-index:1;width:100%;max-width:980px;margin:32px auto;padding:0 var(--System-Gap);padding-right:max(var(--System-Gap),env(safe-area-inset-right));padding-left:max(var(--System-Gap),env(safe-area-inset-left))}section .Wrapper .Bento{display:grid;gap:16px}section .Wrapper .Bento .Benex{border-radius:32px;padding:8px;background:var(--System-ColorGlow);border:1px solid rgba(255,255,255,.08);box-shadow:0 0 40px 20px rgba(255,255,255,.03),inset 0 .5px 0 0 rgba(255,255,255,.3);opacity:1;margin:0 auto;width:100%}section .Wrapper .Bento .Benex .Wrapper{position:relative;background-color:var(--System-ColorBG);background-image:linear-gradient(to top,var(--System-ColorBG),var(--System-ColorGray3));background-image:var(--System-GradientBG);padding:var(--System-Gap);border-radius:calc(32px - 8px);height:100%;overflow:hidden;border:1px solid var(--System-ColorSep);display:flex;flex-direction:column;flex-wrap:nowrap;align-content:flex-start;justify-content:flex-start;align-items:flex-start;gap:var(--System-Gap)}section .Wrapper .Bento .Benex .Wrapper .Header{display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start;gap:8px;z-index:1;width:100%;align-items:flex-start}@media only screen and (min-width:768px){section .Wrapper .Bento .Benex.DEV .Wrapper .Header,section .Wrapper .Bento .Benex.PWA .Wrapper .Header,section .Wrapper .Bento .Benex.SEO .Wrapper .Header{flex-direction:row;align-items:center;flex-wrap:nowrap}}section .Wrapper .Bento .Benex .Wrapper .Header .Icon{max-width:96px;-webkit-filter:saturate(185%);filter:saturate(185%)}section .Wrapper .Bento .Benex .Wrapper .Header .Text{display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start;align-items:flex-start;gap:8px}section .Wrapper .Bento .Benex .Wrapper .Header .Text .Title{width:100%;font-size:2.5rem;line-height:2.75rem;font-variation-settings:"wght" 800,"dots" 4}#Me .Wrapper .Bento .Benex.Music .Wrapper .Progress,section .Wrapper .Bento .Benex .Wrapper .Content{z-index:1;width:100%}section .Wrapper .Bento .Benex.Transparent{border-radius:unset;padding:unset;background:unset;-webkit-backdrop-filter:unset;backdrop-filter:unset;border:unset;box-shadow:unset}section .Wrapper .Bento .Benex.Transparent .Wrapper{background:unset;padding:16px;border-radius:unset;border:unset}#Hero .Wrapper .Status,.CTA .GetInTouch{background:var(--System-GradientBG);border-radius:100px;align-content:center}section .Wrapper .Bento .Benex.Transparent .Wrapper .Header .Text .Title{font-size:3.5rem;line-height:3.75rem;font-variation-settings:"wght" 1000,"dots" 4}#Hero{position:-webkit-sticky;position:sticky;top:var(--System-Gap);display:flex;flex-direction:column;flex-wrap:wrap;align-content:stretch;justify-content:center;align-items:stretch;transition:opacity .3s ease-out,filter .3s ease-out,transform .5s ease-out;transform-origin:center top;will-change:transform,opacity,filter;min-height:85vh}#Hero .Wrapper{position:relative;z-index:1;gap:16px;align-items:center}#Hero .Wrapper .Status{display:inline-flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:4px;padding:8px;border:2px solid var(--System-ColorSep);margin-bottom:32px}#Footer .Wrapper .Separator,#Footer .Wrapper .Tools .LightSwitch{box-shadow:0 0 40px 20px rgba(255,255,255,.03),inset 0 .5px 0 0 rgba(255,255,255,.3);background:var(--System-ColorGlow)}#Hero .Wrapper .Status i{position:relative;width:16px;height:16px;border-radius:32px;color:var(--System-ColorGreen);background:var(--System-ColorGreen);animation:2s infinite Pulse}#Hero .Wrapper .Status i:after{content:"";width:100%;height:100%;position:absolute;background:currentColor;opacity:1;border-radius:50%;top:0;left:0;animation:2s infinite PulseShade}#Hero .Wrapper .Status .Date{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:flex-start;align-items:center;align-items:center;gap:6px;padding:0 8px;font-size:1rem;line-height:1rem;font-variation-settings:"wght" 100,"dots" 4}#Hero .Wrapper .Status .Date span{font-size:.85rem;line-height:1rem}#Hero .Wrapper .Status .Date span,#Hero .Wrapper .Status .Date strong{position:relative;top:2px}.CTA{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:flex-start;align-items:center;gap:10px;margin-top:24px}.CTA .Reminder{color:var(--System-ColorText2);font-size:.75rem;display:block;max-width:384px;margin:0 auto;text-align:center}.CTA .GetInTouch{border:2px solid var(--System-ColorSep);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:2px;border:2px solid var(--System-ColorSep);border-color:var(--System-ColorDark);box-shadow:0 0 0 4px rgb(0 0 0 / 32%);position:relative;overflow:hidden;transition:.5s;background:linear-gradient(to bottom,rgb(58 58 64) 50%,var(--System-ColorDark) 100%)}.CTA .EMail,.CTA .WhatsApp{flex-direction:row;gap:2px;transition:.5s;display:flex;align-content:center}.CTA .GetInTouch span,.CTA .WhatsApp span{color:var(--System-ColorLight)}.CTA .GetInTouch::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgb(58 58 64) 50%,var(--System-ColorDark) 100%);opacity:0;transition:opacity .5s;z-index:0}#Me .Wrapper .Bento .Benex.ICanDo .Wrapper .Content .Skills .Skill.Active,#Me .Wrapper .Bento .Benex.Photos .Wrapper .PhotoSlider .Photo.visible,#Me .Wrapper .Bento .Benex.Social .Wrapper a:focus:before,#Me .Wrapper .Bento .Benex.Social .Wrapper a:hover:before,#theme-toggle input:checked~span,.CTA .GetInTouch:focus::before,.CTA .GetInTouch:hover::before,.CTA .WhatsApp:focus::before,.CTA .WhatsApp:hover::before{opacity:1}#Me .Wrapper .Bento .Benex.Social .Wrapper a>*,.CTA .GetInTouch>*,.CTA .WhatsApp>*{position:relative;z-index:1}.CTA .GetInTouch img{-webkit-filter:grayscale(1) invert(1);filter:grayscale(1) invert(1);padding:4px}.CTA .WhatsApp{background:var(--System-GradientBG);border-radius:100px;border:2px solid var(--System-ColorSep);flex-wrap:nowrap;justify-content:center;align-items:center;border:2px solid var(--System-ColorSep);border-color:rgb(15 157 79);box-shadow:0 0 0 4px rgb(15 157 79 / 60%);position:relative;overflow:hidden;background:linear-gradient(to bottom,rgb(45 202 116) 50%,rgb(12 152 76) 100%)}.CTA .WhatsApp::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgb(45 202 116) 50%,rgb(12 152 76) 100%);opacity:0;transition:opacity .5s;z-index:0}.CTA a img{max-width:32px;width:100%}.CTA a span{font-size:.85rem;line-height:1rem;padding:8px 8px 4px 16px;color:var(--System-ColorText)}.CTA .EMail p{font-size:1rem;line-height:1rem;padding:6px 0 0;opacity:.32;left:-5px;position:relative;color:var(--System-ColorText)}.CTA .EMail{flex-wrap:nowrap;justify-content:center;align-items:center}.CTA .EMail .SendIcon{-webkit-filter:var(--System-Lighting);filter:var(--System-Lighting);transform:rotate(45deg);transition:transform .5s;max-width:22px;opacity:.32;top:3px;position:relative}.CTA .EMail .EmailIcon{-webkit-filter:var(--System-Lighting);filter:var(--System-Lighting);max-width:16px;opacity:.32}.CTA .EMail span{padding:8px 0 0}.CTA .EMail:focus span,.CTA .EMail:hover span{text-decoration:underline;color:var(--System-ColorText)}.CTA .EMail:focus .SendIcon,.CTA .EMail:hover .SendIcon{transform:rotate(24deg) translate(8px,-8px) scale(1.16);-webkit-filter:invert(29%) sepia(94%) saturate(3007%) hue-rotate(202deg) brightness(105%) contrast(103%);filter:invert(29%) sepia(94%) saturate(3007%) hue-rotate(202deg) brightness(105%) contrast(103%);opacity:1}#Hero .Wrapper .Title{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;gap:16px;align-items:center}#Hero .Wrapper .Title .Text{display:inline}#Hero .Wrapper .Title .Text .DualTone{font-size:4rem;font-variation-settings:"wght" 950,"dots" 4;display:inline-block}#Hero .Wrapper .Title .Text p{font-size:2.75rem;opacity:.32;display:inline}@media only screen and (max-width:768px){section .Wrapper .Bento .Benex .Wrapper .Header .Text .Title{font-size:2rem;line-height:2.25rem}#Hero .Wrapper .Title .Text p{font-size:2.25rem;line-height:2.25rem}}#Hero .Wrapper .Title .Text h1,#Hero .Wrapper .Title .Text h2{font-size:3.25rem;line-height:3.25rem;font-variation-settings:"wght" 950,"dots" 4;display:inline}@media only screen and (max-width:768px){#Hero .Wrapper .Title .Text h1,#Hero .Wrapper .Title .Text h2{font-size:3rem;line-height:3rem}#Hero .Wrapper .Title.Name{flex-direction:column-reverse}#Hero .Wrapper .Title.Name .Objects{display:block}}#Hero .Wrapper .Title .Objects{top:-10px;position:relative}#Hero .Wrapper .Title .Objects .Icons{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center;gap:8px;padding:8px}#Hero .Wrapper .Title .Objects .Icons .Icon{width:80px;height:80px;border-radius:16px;border:1px solid var(--System-ColorSep);background:var(--System-ColorBG2);text-align:center;font-size:44px;line-height:64px;margin:-8px;transition:transform .5s;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}#Hero .Wrapper .Title .Objects .Icons .Icon img{width:64px;height:64px;margin:auto;transition:transform .5s;-webkit-filter:brightness(108%) saturate(132%) grayscale(0%) sepia(0%) invert(0) contrast(116%);filter:brightness(108%) saturate(132%) grayscale(0%) sepia(0%) invert(0) contrast(116%)}#Hero .Wrapper .Title .Objects .Icons .Icon:first-child{transform:rotate(0)!important;z-index:1;box-shadow:0 0 24px -6px var(--System-ColorShadow);border-color:var(--System-ColorBG)}#Hero .Wrapper .Title .Objects .Icons .Icon:first-child img{transform:scale(1.5);transform-origin:bottom!important;border-radius:0 0 26px 27px!important;position:relative;bottom:-5px}#Hero .Wrapper .Title .Objects .Icons .Icon:nth-child(odd){transform:rotate(-16deg)}#Hero .Wrapper .Title .Objects .Icons .Icon:nth-child(2n){transform:rotate(8deg)}#Hero .Wrapper .Title .Objects .Icons .Icon:focus,#Hero .Wrapper .Title .Objects .Icons .Icon:hover{transform:rotate(0);z-index:1;box-shadow:0 0 24px -6px var(--System-ColorShadow);border-color:var(--System-ColorBG)}#Hero .Wrapper .Title .Objects .Icons .Icon:not(:first-child):focus img,#Hero .Wrapper .Title .Objects .Icons .Icon:not(:first-child):hover img{transform:scale(1.75);transform-origin:center;border-radius:0 0 32px 32px}#Hero .Wrapper .Title.Developer .WebDev{position:relative;overflow:visible;width:96px;height:96px}#Hero .Wrapper .Title.Developer .WebDev .WebCon{position:absolute;width:100%;height:100%;font-size:3.5rem;line-height:64px;font-variation-settings:"wght" 1000,"dots" 4;text-align:center;transform:rotate3d(1,1,1,6deg)}#LifeCycle .Wrapper .Bento .Benex .Wrapper .Desc,#Services .Wrapper .Bento .Benex .Wrapper .Desc,#Works .Wrapper .Bento .Benex .Wrapper .Content .Desc{font-size:1.25rem;line-height:1.75rem;font-variation-settings:"wght" 200,"dots" 4}#Hero .Wrapper .Title.Developer .WebDev .WebCon img{width:96px;height:96px;object-fit:contain;object-position:center;position:absolute;inset:0;pointer-events:none;transform:rotate3d(1,1,1,-6deg)}#Hero .Wrapper .Title.Developer .WebDev .WebCon.Before img{-webkit-filter:grayscale(1) invert(1);filter:grayscale(1) invert(1)}#Hero .Wrapper .Title.Developer .WebDev .WebCon.After{width:64px;overflow:hidden}#Hero .Wrapper .Title.Developer .WebDev .Magic{position:absolute;top:3.6px;left:64px;width:7px;height:85px;background:var(--System-ColorIndigo);border:2px solid var(--System-ColorSep);box-shadow:0 0 4px 0 var(--System-ColorShadow);border-radius:5px;cursor:ew-resize;transform:translateX(-50%);transform:rotate3d(1,1,1,6deg)}#Hero .Wrapper .Title.Designer .Text h2{-webkit-text-fill-color:transparent;background-clip:text;color:transparent;background-size:200% 100%;animation:5s linear infinite DesignerEffect;transition:opacity .5s}#Hero .Wrapper .Title.Designer .Text h2.ColorALL{background-image:linear-gradient(to left,var(--System-ColorRed),var(--System-ColorOrange),var(--System-ColorYellow),var(--System-ColorGreen),var(--System-ColorMint),var(--System-ColorTeal),var(--System-ColorCyan),var(--System-ColorBlue),var(--System-ColorIndigo),var(--System-ColorPurple),var(--System-ColorPink),var(--System-ColorRed));-webkit-background-clip:text}#Hero .Wrapper .Title.Designer .Text h2.ColorA span,#Hero .Wrapper .Title.Designer .Text h2.ColorALL span,#Hero .Wrapper .Title.Designer .Text h2.ColorB span{background:var(--System-GradientText2);-webkit-background-clip:text}#Hero .Wrapper .Title.Designer .Text h2.ColorA{background-image:linear-gradient(to right,var(--System-ColorYellow),var(--System-ColorGreen),var(--System-ColorYellow));-webkit-background-clip:text}#Hero .Wrapper .Title.Designer .Text h2.ColorB{background-image:linear-gradient(to left,var(--System-ColorMint),var(--System-ColorBlue),var(--System-ColorMint));-webkit-background-clip:text}#Hero .Wrapper .Title.Designer .Text h2.ColorC{background-image:linear-gradient(to left,var(--System-ColorPink),var(--System-ColorPink),var(--System-ColorOrange),var(--System-ColorPink));-webkit-background-clip:text}#Hero .Wrapper .Title.Designer .Text h2.ColorC span{background:var(--System-GradientText2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;box-decoration-break:clone}#Hero .Wrapper .Title.Designer .Objects{width:128px;height:64px}#Hero .Wrapper .Title.Designer .Objects .ColorSets{position:relative}#Hero .Wrapper .Title.Designer .Objects .ColorSets li{position:absolute;inset:0;width:64px;height:64px;border-radius:16px;border:1px solid var(--System-ColorSep);cursor:var(--System-ColorPicker);transform-origin:bottom right;background-image:linear-gradient(to bottom,var(--System-ColorRed),var(--System-ColorOrange),var(--System-ColorYellow),var(--System-ColorGreen),var(--System-ColorMint),var(--System-ColorTeal),var(--System-ColorCyan),var(--System-ColorBlue),var(--System-ColorIndigo),var(--System-ColorPurple),var(--System-ColorPink),var(--System-ColorRed));transition:box-shadow .5s,transform .5s}#Hero .Wrapper .Title.Designer .Objects .ColorSets li.ColorALL{background-image:linear-gradient(45deg,var(--System-ColorRed) 15%,var(--System-ColorYellow) 30%,var(--System-ColorGreen) 50%,var(--System-ColorBlue) 70%,var(--System-ColorPurple) 100%)}#Hero .Wrapper .Title.Designer .Objects .ColorSets li.ColorA{background-image:linear-gradient(45deg,var(--System-ColorYellow),var(--System-ColorGreen))}#Hero .Wrapper .Title.Designer .Objects .ColorSets li.ColorB{background-image:linear-gradient(45deg,var(--System-ColorMint),var(--System-ColorBlue))}#Hero .Wrapper .Title.Designer .Objects .ColorSets li.ColorC{background-image:linear-gradient(45deg,var(--System-ColorOrange),var(--System-ColorPink))}#Hero .Wrapper .Title.Designer .Objects .ColorSets li.Selected,#Hero .Wrapper .Title.Designer .Objects .ColorSets li:hover{box-shadow:0 0 10px 1px var(--System-ColorShadow);border-color:var(--System-ColorBlue)}#Hero .Wrapper .Title.Designer .Objects .ColorSets li.Selected{box-shadow:0 0 0 2px rgba(10,132,255,.65),0 0 10px 1px var(--System-ColorShadow)}#Hero .Wrapper .Title.Designer .Objects .ColorSets li:not(:first-child){transform:rotate(calc(var(--Palette) * 20deg))}#Hero .Wrapper .Title.Designer .Objects .ColorSets:hover li:not(:first-child){transform:rotate(calc(var(--Palette) * 30deg))}#Hero .Wrapper .Title.Marketer .Objects .LaunchStage{width:96px;height:96px;border:4px solid var(--System-ColorSep);border-radius:100px;background:linear-gradient(to top,var(--System-ColorText2) 8px,var(--System-ColorText3) 16px,var(--System-ColorText2) 16px,var(--System-ColorText3) 32px,var(--System-ColorText4) 32px,var(--System-ColorText3) 64px,var(--System-ColorText4) 64px,var(--System-ColorText3) 80px,var(--System-ColorText4) 80px,var(--System-ColorText3));position:relative;overflow:hidden}#Hero .Wrapper .Title.Marketer .Objects .LaunchStage .Rocket{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;-webkit-animation:.2s infinite Rocket;animation:.2s infinite Rocket}#Hero .Wrapper .Title.Marketer .Objects .LaunchStage .Rocket img{max-width:48px;transform:rotate(270deg);transition:transform .5s}#Hero .Wrapper .Title.Marketer .Objects .LaunchStage .Rocket img:focus,#Hero .Wrapper .Title.Marketer .Objects .LaunchStage .Rocket img:hover{transform:translate(32px,32px) scale(2.5) rotate(270deg);transform-origin:center center}#Hero .Wrapper .Title.Marketer .Objects .LaunchStage .Stars{position:relative;width:100%;height:100%}#Hero .Wrapper .Title.Marketer .Objects .LaunchStage .Stars .Star{height:4px;width:4px;position:absolute;background:#fff;border-radius:50%}#Hero .Wrapper .Title.Marketer .Objects .LaunchStage .Stars .Star:after{height:60px;width:1px;content:"";position:absolute;left:50%;top:0;transform:translate(-50%,-100%);background:linear-gradient(to bottom,transparent,#fff)}#Hero .Wrapper .Title.Marketer .Objects .LaunchStage .Stars .Star.Star-1{-webkit-animation:2.065s linear -3.82s infinite Star-1;animation:2.065s linear -3.82s infinite Star-1}#Hero .Wrapper .Title.Marketer .Objects .LaunchStage .Stars .Star.Star-2{-webkit-animation:3.05s linear -325ms infinite Star-2;animation:3.05s linear -325ms infinite Star-2}#Hero .Wrapper .Title.Marketer .Objects .LaunchStage .Stars .Star.Star-3{-webkit-animation:2.11s linear -.85s infinite Star-3;animation:2.11s linear -.85s infinite Star-3}#Hero .Wrapper .Title.Marketer .Objects .LaunchStage .Stars .Star.Star-4{-webkit-animation:2.205s linear -1.86s infinite Star-4;animation:2.205s linear -1.86s infinite Star-4}#Hero .Wrapper .Title.Marketer .Objects .LaunchStage .Stars .Star.Star-5{-webkit-animation:4.52s linear -.73s infinite Star-5;animation:4.52s linear -.73s infinite Star-5}#Hero .Wrapper .Title.Marketer .Objects .LaunchStage .Stars .Star.Star-6{-webkit-animation:5.05s linear -3.215s infinite Star-6;animation:5.05s linear -3.215s infinite Star-6}#Hero .Wrapper .Title.Marketer .Objects .LaunchStage .Stars .Star.Star-7{-webkit-animation:5.605s linear -.83s infinite Star-7;animation:5.605s linear -.83s infinite Star-7}#Hero .Wrapper .Title.Marketer .Objects .LaunchStage .Stars .Star.Star-8{-webkit-animation:5.435s linear -555ms infinite Star-8;animation:5.435s linear -555ms infinite Star-8}#Hero .Wrapper .Title.Marketer .Objects .LaunchStage .Stars .Star.Star-9{-webkit-animation:6.97s linear -3.59s infinite Star-9;animation:6.97s linear -3.59s infinite Star-9}#Hero .Wrapper .Title.Marketer .Objects .LaunchStage .Stars .Star.Star-10{-webkit-animation:3.465s linear -15ms infinite Star-10;animation:3.465s linear -15ms infinite Star-10}#Hero .ScrollDown{position:relative;top:0;max-width:64px;margin:0 auto;display:block;-webkit-filter:var(--System-Darking);filter:var(--System-Darking);opacity:.32}@keyframes Pulse{0%,100%{opacity:.5}70%{opacity:1}}@keyframes PulseShade{0%{opacity:1}70%{opacity:0;transform:scale(2)}100%{opacity:.25}}@keyframes DesignerEffect{0%{background-position:0 0}100%{background-position:-200% 0}}@keyframes ColorSets{0%{background-position:0 0}100%{background-position:-200% 0}}@keyframes Rocket{0%,100%{transform:scale(1) translate(0,0) rotate(0)}50%{transform:scale(1) translate(1px,-1px) rotate(0)}}@-webkit-keyframes Star-1{0%{transform:translate(-100%,4px) scale(.35) rotate(-45deg);opacity:.35}100%{transform:translate(436px,440px) scale(.35) rotate(-45deg);opacity:.35}}@keyframes Star-1{0%{transform:translate(-100%,4px) scale(.35) rotate(-45deg);opacity:.35}100%{transform:translate(436px,440px) scale(.35) rotate(-45deg);opacity:.35}}@-webkit-keyframes Star-2{0%{transform:translate(8px,-100%) scale(.72) rotate(-45deg);opacity:.72}100%{transform:translate(440px,432px) scale(.72) rotate(-45deg);opacity:.72}}@keyframes Star-2{0%{transform:translate(8px,-100%) scale(.72) rotate(-45deg);opacity:.72}100%{transform:translate(440px,432px) scale(.72) rotate(-45deg);opacity:.72}}@-webkit-keyframes Star-3{0%{transform:translate(12px,-100%) scale(.89) rotate(-45deg);opacity:.89}100%{transform:translate(440px,428px) scale(.89) rotate(-45deg);opacity:.89}}@keyframes Star-3{0%{transform:translate(12px,-100%) scale(.89) rotate(-45deg);opacity:.89}100%{transform:translate(440px,428px) scale(.89) rotate(-45deg);opacity:.89}}@-webkit-keyframes Star-4{0%{transform:translate(-100%,16px) scale(.35) rotate(-45deg);opacity:.35}100%{transform:translate(424px,440px) scale(.35) rotate(-45deg);opacity:.35}}@keyframes Star-4{0%{transform:translate(-100%,16px) scale(.35) rotate(-45deg);opacity:.35}100%{transform:translate(424px,440px) scale(.35) rotate(-45deg);opacity:.35}}@-webkit-keyframes Star-5{0%{transform:translate(20px,-100%) scale(.54) rotate(-45deg);opacity:.54}100%{transform:translate(440px,420px) scale(.54) rotate(-45deg);opacity:.54}}@keyframes Star-5{0%{transform:translate(20px,-100%) scale(.54) rotate(-45deg);opacity:.54}100%{transform:translate(440px,420px) scale(.54) rotate(-45deg);opacity:.54}}@-webkit-keyframes Star-6{0%{transform:translate(24px,-100%) scale(1.28) rotate(-45deg);opacity:1.28}100%{transform:translate(440px,416px) scale(1.28) rotate(-45deg);opacity:1.28}}@keyframes Star-6{0%{transform:translate(24px,-100%) scale(1.28) rotate(-45deg);opacity:1.28}100%{transform:translate(440px,416px) scale(1.28) rotate(-45deg);opacity:1.28}}@-webkit-keyframes Star-7{0%{transform:translate(28px,-100%) scale(.07) rotate(-45deg);opacity:.07}100%{transform:translate(440px,412px) scale(.07) rotate(-45deg);opacity:.07}}@keyframes Star-7{0%{transform:translate(28px,-100%) scale(.07) rotate(-45deg);opacity:.07}100%{transform:translate(440px,412px) scale(.07) rotate(-45deg);opacity:.07}}@-webkit-keyframes Star-8{0%{transform:translate(32px,-100%) scale(.56) rotate(-45deg);opacity:.56}100%{transform:translate(440px,408px) scale(.56) rotate(-45deg);opacity:.56}}@keyframes Star-8{0%{transform:translate(32px,-100%) scale(.56) rotate(-45deg);opacity:.56}100%{transform:translate(440px,408px) scale(.56) rotate(-45deg);opacity:.56}}@-webkit-keyframes Star-9{0%{transform:translate(36px,-100%) scale(.76) rotate(-45deg);opacity:.76}100%{transform:translate(440px,404px) scale(.76) rotate(-45deg);opacity:.76}}@keyframes Star-9{0%{transform:translate(36px,-100%) scale(.76) rotate(-45deg);opacity:.76}100%{transform:translate(440px,404px) scale(.76) rotate(-45deg);opacity:.76}}@-webkit-keyframes Star-10{0%{transform:translate(-100%,40px) scale(.12) rotate(-45deg);opacity:.12}100%{transform:translate(400px,440px) scale(.12) rotate(-45deg);opacity:.12}}@keyframes Star-10{0%{transform:translate(-100%,40px) scale(.12) rotate(-45deg);opacity:.12}100%{transform:translate(400px,440px) scale(.12) rotate(-45deg);opacity:.12}}#Services .Wrapper .Bento{grid-template-columns:repeat(6,1fr);grid-template-areas:"a a a a b b" "c c c c c c" "d d e e e e" "d d f f f f" "g g g g g g"}@media only screen and (max-width:768px){#Hero .Wrapper .Title .Objects{display:none}#Hero .Wrapper .Title.Designer .Objects .ColorSets{top:10px}#Services .Wrapper .Bento{grid-template-columns:repeat(2,1fr);grid-template-areas:"a a" "b c" "d e" "f g"}}#Services .Wrapper .Bento .Benex .Wrapper{gap:16px}#Services .Wrapper .Bento .Benex.DEV .Wrapper{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:flex-start;gap:8px;justify-content:flex-start;align-items:flex-start;margin-top:auto;min-height:568px;position:relative;overflow:hidden}#Services .Wrapper .Bento .Benex .Wrapper:before{content:"";position:absolute;width:100%;height:100%;inset:0;margin:auto;filter:saturate(185%);opacity:.64}#Services .Wrapper .Bento .Benex.DEV .Wrapper:before{opacity:1;background:radial-gradient(#446ec3bf 0,var(--System-ColorBG) 65%);background-position:-16px -188px;background-repeat:repeat;background-size:200%}#Services .Wrapper .Bento .Benex.DSG .Wrapper:before{background:radial-gradient(#44b5c33b 0,var(--System-ColorBG) 65%);background-position:center -128px;background-repeat:repeat;background-size:200%}#Services .Wrapper .Bento .Benex.SEO .Wrapper:before{background:radial-gradient(#62c34421 0,var(--System-ColorBG) 65%);background-position:center 100%;background-repeat:repeat;background-size:8px 150%}#Services .Wrapper .Bento .Benex.SMG .Wrapper:before{background:radial-gradient(#8a44c352 0,var(--System-ColorBG) 65%);background-position:100% -256px;background-repeat:repeat;background-size:300%}#Services .Wrapper .Bento .Benex.VDO .Wrapper:before{background:radial-gradient(#00fffb54 0,var(--System-ColorBG) 70%);background-position:-290px -58px;background-repeat:repeat;background-size:120% 70%}#Services .Wrapper .Bento .Benex.CNT .Wrapper:before{background:radial-gradient(hsl(0deg 1.67% 46.97% / 30%) 0,var(--System-ColorBG) 65%);background-position:-16px -188px;background-repeat:repeat;background-size:300% 8px}#Services .Wrapper .Bento .Benex.PWA .Wrapper:before{background:radial-gradient(#ff49001a 0,var(--System-ColorBG) 65%);background-position:center -100px;background-repeat:repeat;background-size:150%}#Services .Wrapper .Bento .Benex .Wrapper .WaterMark{position:absolute;inset:0;width:128%;height:128%;margin:auto;opacity:.64;z-index:0;-webkikt-filter:url(#BlurEffect) saturate(185%);filter:url(#BlurEffect) saturate(185%)}#Services .Wrapper .Bento .Benex.DEV .Wrapper .Pill{display:inline-block;text-align:center;width:auto;width:fit-content;pointer-events:none;padding:5px;overflow:hidden;will-change:transform}#Works .Wrapper .Bento .Benex .Wrapper .Screens .Desktop,#Works .Wrapper .Bento .Benex .Wrapper .Screens .Mobile{position:relative;overflow:scroll;box-shadow:-24px 24px 32px -34px var(--System-Color),-24px 24px 32px -16px var(--System-ColorShadow),-44px 44px 32px -14px var(--System-ColorShadow);width:100%;scroll-behavior:smooth}#Services .Wrapper .Bento .Benex.DEV .Wrapper .Pill .Wrp{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 16px;border-radius:100px;font-variation-settings:"wght" 600,"dots" 4;border:2px solid var(--System-ColorSep);border-color:var(--System-ColorBlue);box-shadow:0 0 0 4px rgba(0,122,255,.6);background:var(--System-GradientBG2)}#Services .Wrapper .Bento .Benex.DEV .Wrapper .Pill .Wrp img{width:16px;-webkit-filter:var(--System-Lighting);filter:var(--System-Lighting)}#Services .Wrapper .Bento .Benex.DEV .Wrapper .Pill.RealEstate .Wrp img{width:100%;height:16px}#Services .Wrapper .Bento .Benex.DEV .Wrapper .Pill .Wrp span{font-size:.85rem;line-height:1rem;position:relative;top:2px;color:var(--System-ColorText);background-size:200% 100%;animation:5s linear infinite DesignerEffect;background-image:linear-gradient(to left,var(--System-ColorRed),var(--System-ColorText),var(--System-ColorRed));background:var(--System-GradientText);-webkit-background-clip:text;-webkit-text-fill-color:transparent;box-decoration-break:clone}#Services .Wrapper .Bento .Benex.DEV .Wrapper .Pill.Emoji{padding:0}#Services .Wrapper .Bento .Benex.DEV .Wrapper .Pill.Emoji .Wrp{padding:0;box-shadow:none;border:none;background:0 0}#Services .Wrapper .Bento .Benex.DEV .Wrapper .Pill.Emoji .Wrp img{width:2.75rem;height:2.75rem;background:0 0;-webkit-text-fill-color:unset;max-height:unset;-webkit-filter:unset;filter:unset}#Services .Wrapper .Bento .Benex.DEV .Wrapper canvas{position:absolute;inset:0}#LifeCycle .Wrapper .Bento .Benex:first-child,#Me .Wrapper .Bento .Benex:first-child,#Services .Wrapper .Bento .Benex:first-child,#Stats .Bento .Benex:first-child{grid-area:a}#LifeCycle .Wrapper .Bento .Benex:nth-child(2),#Me .Wrapper .Bento .Benex:nth-child(2),#Services .Wrapper .Bento .Benex:nth-child(2),#Stats .Bento .Benex:nth-child(2){grid-area:b}#LifeCycle .Wrapper .Bento .Benex:nth-child(3),#Me .Wrapper .Bento .Benex:nth-child(3),#Services .Wrapper .Bento .Benex:nth-child(3),#Stats .Bento .Benex:nth-child(3){grid-area:c}#LifeCycle .Wrapper .Bento .Benex:nth-child(4),#Me .Wrapper .Bento .Benex:nth-child(4),#Services .Wrapper .Bento .Benex:nth-child(4),#Stats .Bento .Benex:nth-child(4){grid-area:d}#LifeCycle .Wrapper .Bento .Benex:nth-child(5),#Me .Wrapper .Bento .Benex:nth-child(5),#Services .Wrapper .Bento .Benex:nth-child(5),#Stats .Bento .Benex:nth-child(5){grid-area:e}#LifeCycle .Wrapper .Bento .Benex:nth-child(6),#Me .Wrapper .Bento .Benex:nth-child(6),#Services .Wrapper .Bento .Benex:nth-child(6),#Stats .Bento .Benex:nth-child(6){grid-area:f}#LifeCycle .Wrapper .Bento .Benex:nth-child(7),#Me .Wrapper .Bento .Benex:nth-child(7),#Services .Wrapper .Bento .Benex:nth-child(7),#Stats .Bento .Benex:nth-child(7){grid-area:g}#LifeCycle .Wrapper .Bento{grid-template-columns:repeat(6,1fr);grid-template-areas:"a a a a c c" "b b b b c c" "d d d d d d" "e e e f f f" "g g g g g g"}@media only screen and (max-width:768px){#LifeCycle .Wrapper .Bento{grid-template-columns:repeat(2,1fr);grid-template-areas:"a a" "b c" "d e" "f g"}}#LifeCycle .Wrapper .Bento .Benex .Wrapper{gap:0}#LifeCycle .Wrapper .Bento .Benex .Wrapper .WaterMark{position:absolute;right:-64px;top:0;left:unset;bottom:unset;max-width:64px;height:auto;opacity:1;z-index:0;-webkit-filter:saturate(185%);filter:saturate(185%);transform:rotate(-90deg);transition:right .25s,left .25s}#LifeCycle .Wrapper .Bento .Benex .Wrapper .Header .Icon{max-width:96px}#LifeCycle .Wrapper .Bento .Benex .Wrapper:focus .WaterMark,#LifeCycle .Wrapper .Bento .Benex .Wrapper:hover .WaterMark{right:-3px}#Works .Wrapper .Bento .Benex{margin-bottom:64px}#Works .Wrapper .Bento .Benex:nth-child(2){margin-top:-64px}#Works .Wrapper .Bento .Benex:not(:first-child){box-shadow:-.5px .5px .5px var(--System-ColorShadow),-.6px .6px .6px -.6px var(--System-ColorShadow),-1.3px 1.3px 1.4px -1.1px var(--System-ColorShadow),-3.3px 3.3px 3.5px -1.7px var(--System-ColorShadow),-7.2px 7.2px 7.6px -2.2px var(--System-ColorShadow),-13.5px 13.5px 14.3px -2.8px var(--System-ColorShadow),-13.5px 13.5px 74.3px -60.8px var(--System-Color),-22.9px 23px 24.3px -3.3px var(--System-ColorShadow),-22.9px 23px 64.3px -50.3px var(--System-Color2),-36.1px 36.2px 38.3px -3.9px var(--System-ColorShadow),-53.7px 53.8px 57px -4.4px var(--System-ColorShadow),-76.2px 76.4px 80.9px -5px var(--System-ColorShadow)}#Works .Wrapper .Bento .Benex:not(:first-child) .Wrapper{box-shadow:inset -16px 16px 20px 0 var(--System-ColorShadow);border:none;background:var(--System-ColorDark)}#Works .Wrapper .Bento .Benex:not(:first-child) .Wrapper:before{z-index:0;content:"";position:absolute;inset:-50%;margin:auto;background:var(--System-Color);height:100%;width:100%;-webkit-filter:saturate(64%);filter:saturate(64%);background-image:linear-gradient(to bottom,var(--System-Color) 50%,var(--System-Color2) 100%);opacity:.64}html[lights=off] #Works .Wrapper .Bento .Benex:not(:first-child) .Wrapper:before{opacity:.32}#Works .Wrapper .Bento .Benex:not(:first-child) .Wrapper:after{z-index:0;content:"";position:absolute;border-radius:inherit;inset:0px;background-repeat:repeat;background-position:center;background-size:32px;background-image:url(../img/works/Pattern.webp);-webkit-filter:grayscale(1) invert(1);filter:grayscale(1) invert(1);border:0;opacity:.064}html[lights=off] #Works .Wrapper .Bento .Benex:not(:first-child) .Wrapper:after{opacity:.032}#Works .Wrapper .Bento .Benex:not(:first-child) .Wrapper .Content,#Works .Wrapper .Bento .Benex:not(:first-child) .Wrapper .Screens{z-index:1}#Works .Wrapper .Bento .Benex .Wrapper .Screens{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:16px;align-items:center;margin:32px auto}#Works .Wrapper .Bento .Benex .Wrapper .Screens .Desktop{max-width:540px;height:512px;border-radius:16px;-webkit-transform:perspective(1600px) rotateY(16deg);-moz-transform:perspective(1600px) rotateY(16deg);-ms-transform:perspective(1600px) rotateY(16deg);-o-transform:perspective(1600px) rotateY(16deg);transform:perspective(1600px) rotateY(16deg);border:4px solid var(--System-Color);transition:transform .5s,min-height .5s}@media only screen and (max-width:980px){#Works .Wrapper .Bento .Benex:not(:first-child){box-shadow:unset;margin-bottom:unset;background:var(--System-ColorGlow)}#Works .Wrapper .Bento .Benex .Wrapper .Screens{margin:0 auto}#Works .Wrapper .Bento .Benex .Wrapper .Screens .Desktop{transform:perspective(3000px) rotateY(0);max-width:unset;height:auto!important;min-height:568px}#Works .Wrapper .Bento .Benex .Wrapper .Screens .Mobile{display:none}}#Works .Wrapper .Bento .Benex .Wrapper .Screens .Desktop img{position:absolute;width:100%;height:auto;inset:0}#Works .Wrapper .Bento .Benex .Wrapper .Screens .Desktop .Navigation,#Works .Wrapper .Bento .Benex .Wrapper .Screens .Mobile .Navigation{z-index:1;position:sticky;top:0}#Works .Wrapper .Bento .Benex .Wrapper .Screens .Mobile{max-width:214px;min-width:214px;height:auto;border-radius:12px;-webkit-transform:perspective(1600px) rotateY(16deg);-moz-transform:perspective(1600px) rotateY(16deg);-ms-transform:perspective(1600px) rotateY(16deg);-o-transform:perspective(1600px) rotateY(16deg);transform:perspective(1600px) rotateY(-16deg);z-index:1;border:4px solid var(--System-Color);transition:transform .5s}#Works .Wrapper .Bento .Benex .Wrapper .Screens .Mobile img{position:absolute;width:calc(100% + 4px);height:auto;inset:0}#Works .Wrapper .Bento .Benex .Wrapper:hover .Screens .Desktop,#Works .Wrapper .Bento .Benex .Wrapper:hover .Screens .Mobile{transform:perspective(3000px) rotateY(0)}#Works .Wrapper .Bento .Benex .Wrapper .Content{display:flex;flex-direction:column;flex-wrap:wrap;align-content:center;justify-content:center;gap:16px}#Works .Wrapper .Bento .Benex .Wrapper .Content .Wrp{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;gap:8px;width:100%;align-items:center}#Works .Wrapper .Bento .Benex .Wrapper .Content .Wrp .Title{font-size:2.5rem;line-height:2.75rem;font-variation-settings:"wght" 950,"dots" 4}#Works .Wrapper .Bento .Benex .Wrapper .Content .Wrp .Title span{background:var(--System-GradientTextLightRev);-webkit-background-clip:text}#Works .Wrapper .Bento .Benex .Wrapper .Content .Wrp a{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:flex-start;align-items:center;gap:8px;cursor:pointer;border:1px solid var(--System-ColorSep);border-radius:100px;padding:4px 16px;background-image:linear-gradient(to top,var(--System-Color) 50%,var(--System-Color2) 100%);font-variation-settings:"wght" 750,"dots" 4;color:var(--System-ColorLight);width:fit-content;margin-left:auto}#Works .Wrapper .Bento .Benex .Wrapper .Content .Wrp a img{width:16px;height:16px;transform:rotate(45deg);transition:transform .5s;-webkit-filter:grayscale(1) invert(1);filter:grayscale(1) invert(1)}#Works .Wrapper .Bento .Benex .Wrapper .Content .Wrp a span{white-space:nowrap;position:relative;top:2px}#Works .Wrapper .Bento .Benex .Wrapper .Content .Wrp a:hover img{transform:rotate(0)}#Works .Wrapper .Bento .Benex .Wrapper .Content .Services{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;align-items:center;gap:8px}#Works .Wrapper .Bento .Benex .Wrapper .Content .Services .Service{border:2px solid var(--System-ColorSep);border-radius:100px;padding:4px 16px 2px;background:var(--System-ColorBG);font-variation-settings:"wght" 750,"dots" 4;color:var(--System-ColorText)}#Works .Wrapper .Bento .Benex .Wrapper .Content .Desc{text-align:justify;color:var(--System-ColorLight)}#Works .Wrapper .Bento .Benex.More{margin-top:-32px;margin-bottom:64px;box-shadow:none;background:0 0;border:unset;padding:0}#Works .Wrapper .Bento .Benex.More .Wrapper{box-shadow:none;background:0 0;border:unset;padding:0}#Stats .Bento .Benex .Wrapper .Header .Text,#Works .Wrapper .Bento .Benex.More .Wrapper .Header .Text{width:100%}#Works .Wrapper .Bento .Benex.More .Wrapper .Header .Text .Title{text-align:center;color:var(--System-ColorText2);font-variation-settings:"wght" 100,"dots" 4;opacity:.64}#Footer .Wrapper .Tools .LightSwitch .Wrapper label input,#Works .Wrapper .Bento .Benex.More .Wrapper:after,#Works .Wrapper .Bento .Benex.More .Wrapper:before{display:none}#Stats .Bento{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);grid-template-areas:"a b c d" "e e f f"}#Stats .Bento .Benex .Wrapper .Header .Text .Title{text-align:center;color:var(--System-ColorText2);font-variation-settings:"wght" 1000,"dots" 4;font-size:2.5rem;line-height:2.75rem}#Stats .Bento .Benex .Wrapper .Content{text-align:center;text-align-last:center}#Stats .Bento .Benex .Wrapper .Content .Title{font-size:3rem;line-height:3.25rem;font-variation-settings:"wght" 800,"dots" 4;color:var(--System-ColorPink)}#Stats .Bento .Benex .Wrapper .Content .Title span{font-variation-settings:"wght" 1000,"dots" 4}#Stats .Bento .Benex .Wrapper .Content .Desc{font-size:2rem;line-height:2.75rem;font-variation-settings:"wght" 100,"dots" 4;text-align:center;color:var(--System-ColorText2)}#Stats .Bento .Benex .Wrapper .Content .Desc img{max-width:32px;position:absolute;opacity:.064;top:10px;left:10px;-webkit-filter:var(--System-Lighting);filter:var(--System-Lighting)}#Stats .Bento .Benex.Code img{max-width:48px!important}#Stats .Bento .Benex.Transparent .Wrapper{justify-content:center}#Me .Wrapper .Bento .Benex:nth-child(8),#Stats .Bento .Benex:nth-child(8){grid-area:h}#Me .Wrapper .Bento .Benex:nth-child(9),#Stats .Bento .Benex:nth-child(9){grid-area:i}#Me .Wrapper .Bento .Benex:nth-child(10),#Stats .Bento .Benex:nth-child(10){grid-area:j}#Me .Wrapper .Bento .Benex:nth-child(11),#Stats .Bento .Benex:nth-child(11){grid-area:k}#Me .Wrapper .Bento .Benex:nth-child(12),#Stats .Bento .Benex:nth-child(12){grid-area:l}#Me .Wrapper .Bento .Benex:nth-child(13),#Stats .Bento .Benex:nth-child(13){grid-area:m}#Me .Wrapper .Bento .Benex:nth-child(14),#Stats .Bento .Benex:nth-child(14){grid-area:n}#Me .Wrapper .Bento .Benex:nth-child(15),#Stats .Bento .Benex:nth-child(15){grid-area:o}#Me .Wrapper .Bento .Benex:nth-child(16),#Stats .Bento .Benex:nth-child(16){grid-area:p}#Me .Wrapper .Bento{grid-template-columns:repeat(6,1fr);grid-template-areas:"a a a a a a" "b b b c c c" "d d d e e e" "f f f f g g" "h h h i i i" "j j k k l l"}@media only screen and (max-width:768px){#Stats .Bento{grid-template-columns:repeat(2,1fr);grid-template-areas:"a b" "c d" "e e" "f f"}#Me .Wrapper .Bento{grid-template-columns:repeat(2,1fr);grid-template-areas:"a a" "b b" "c c" "d d" "e e" "f f" "g h" "i k" "l j"}#Me .Wrapper .Bento .Benex.FollowMe .Header{align-content:center;text-align:center}}@media only screen and (max-width:568px){html{--System-Gap:16px}#Hero .Wrapper .Title .Text p{font-size:1.5rem;line-height:1.5rem}#Hero .Wrapper .Title .Text h1,#Hero .Wrapper .Title .Text h2{font-size:2.25rem;line-height:2.25rem}#LifeCycle .Wrapper .Bento,#Services .Wrapper .Bento{grid-template-columns:1fr;grid-template-areas:"a a" "b b" "c c" "d d" "e e" "f f" "g g"}#LifeCycle .Wrapper .Bento .Benex .Wrapper .WaterMark{right:-3px}#Works .Wrapper .Bento .Benex .Wrapper .Screens .Desktop{min-height:384px}#Me .Wrapper .Bento{grid-template-columns:1fr;grid-template-areas:"a a" "b b" "c c" "d d" "e e" "f f" "g g" "i i" "h h" "k k" "j j" "l l"}}#Me .Wrapper .Bento .Benex.Me .Title{width:100%;text-align:center;font-size:3.5rem;line-height:3.75rem;font-variation-settings:"wght" 1000,"dots" 4}#Me .Wrapper .Bento .Benex.Me .Content .Desc{font-size:1.5rem;line-height:3.5rem;font-variation-settings:"wght" 200,"dots" 4;text-align:justify;text-align-last:center;margin:0 auto}#Me .Wrapper .Bento .Benex.Me .Content .CTA{margin-top:24px}#Me .Wrapper .Bento .Benex.Me .Content .Desc strong{font-size:1.5rem;line-height:2rem;padding:4px 16px;display:inline-block;border:2px solid var(--System-ColorSep);background:var(--System-ColorBG2);border-radius:100px;background-image:var(--System-GradientBG);box-shadow:0 8px 8px -4px var(--System-ColorShadow);font-variation-settings:"wght" 600,"dots" 4;text-transform:capitalize;top:-3px;position:relative}#Me .Wrapper .Bento .Benex.Music .Wrapper .Meta p,#Me .Wrapper .Bento .Benex.Music .Wrapper .Meta strong{-webkit-line-clamp:1;visibility:visible;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}#Me .Wrapper .Bento .Benex.Me .Content .Desc strong span{-webkit-mask-image:linear-gradient(-75deg,var(--System-ColorText) 30%,var(--System-ColorText3) 50%,var(--System-ColorText) 90%);-webkit-mask-size:150% auto;mask-image:linear-gradient(-75deg,var(--System-ColorText) 30%,var(--System-ColorText3) 50%,var(--System-ColorText) 90%);mask-size:150% auto;animation:2.5s infinite Shine;position:relative;top:2px}#Me .Wrapper .Bento .Benex.ICanDo .Wrapper{position:relative;display:flex;align-items:center;justify-content:center;overflow:visible}#Me .Wrapper .Bento .Benex.ICanDo .Wrapper .Title{width:100%;text-align:center;font-size:3.5rem;line-height:3.75rem;font-variation-settings:"wght" 950,"dots" 4}#Me .Wrapper .Bento .Benex.ICanDo .Wrapper .Content{display:flex;align-items:flex-start;width:100%;justify-content:center;flex-direction:row;flex-wrap:wrap;align-content:center;gap:8px}#Me .Wrapper .Bento .Benex.ICanDo .Wrapper .Content .Title{position:sticky;top:calc(50% - .5lh);transform:translateY(calc(-50% + .5lh));transition:opacity .5s ease-in-out;font-size:3.5rem;line-height:3.75rem;font-variation-settings:"wght" 950,"dots" 4;width:auto}#Me .Wrapper .Bento .Benex.ICanDo .Wrapper .Content .Skills{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:32px;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}#Me .Wrapper .Bento .Benex.ICanDo .Wrapper .Content .Skills .Skill{opacity:.025;transition:opacity .3s ease-in-out,transform .3s ease-in-out;text-transform:uppercase;font-size:3.5rem;line-height:3.75rem}#Me .Wrapper .Bento .Benex.Music .Wrapper{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;gap:24px;position:relative}#Me .Wrapper .Bento .Benex.Music .Wrapper .Icon,#Me .Wrapper .Bento .Benex.Photos .Wrapper .Icon{max-width:64px;position:absolute;top:var(--System-Gap);right:var(--System-Gap);z-index:1}#Me .Wrapper .Bento .Benex.Music .Wrapper .ArtWork .Object{max-width:128px;margin:0;transition:.5s;border-radius:16px;box-shadow:0 0 20px var(--System-ColorDark);position:relative;z-index:1}#Me .Wrapper .Bento .Benex.Music .Wrapper .ArtWork .Object:focus,#Me .Wrapper .Bento .Benex.Music .Wrapper .ArtWork .Object:hover{opacity:1;transform:scale(1.015);box-shadow:0 10px 40px var(--System-ColorDark)}#Me .Wrapper .Bento .Benex.Music .Wrapper .ArtWork .Shader{border-radius:16px;box-shadow:0 0 20px var(--System-ColorDark);position:absolute;height:185%;width:185%;inset:50% auto auto 50%;margin:auto;object-fit:cover;object-position:center;-webkikt-filter:url(#BlurEffect) saturate(185%);filter:url(#BlurEffect) saturate(185%);transform:translate(-50%,-50%) rotate3d(32,32,32,-64deg) scale(1.64);z-index:0}#Me .Wrapper .Bento .Benex.Music .Wrapper .Meta{z-index:1;width:100%;color:var(--System-ColorLight)}#Me .Wrapper .Bento .Benex.Music .Wrapper .Meta p{opacity:.85}#Me .Wrapper .Bento .Benex.Music .Wrapper .Progress .ProgressBar{-webkit-appearance:none;width:100%;cursor:pointer;height:10px;background:0 0;opacity:.8;transition:.5s;--range:calc(var(--max) - var(--min));--ratio:calc((var(--value) - var(--min)) / var(--range));--sx:calc(var(--ratio) * 100%)}#Me .Wrapper .Bento .Benex.Music .Wrapper .Progress .ProgressBar:focus{outline:0}#Me .Wrapper .Bento .Benex.Music .Wrapper .Progress .ProgressBar::-webkit-slider-thumb{-webkit-appearance:none;width:0;height:10px;visibility:hidden}#Me .Wrapper .Bento .Benex.Music .Wrapper .Progress .ProgressBar::-webkit-slider-runnable-track{height:10px;border:none;border-radius:32px;background:rgba(255,255,255,.5);box-shadow:none;background:linear-gradient(var(--System-ColorLight),var(--System-ColorLight)) 0/var(--sx) 100% no-repeat,rgba(255,255,255,.5)}#Me .Wrapper .Bento .Benex.Music .Wrapper .Progress .ProgressBar:active::-webkit-slider-runnable-track{background:red}#Me .Wrapper .Bento .Benex.Music .Wrapper .Progress .ProgressBar:hover::-webkit-slider-runnable-track{background:red;background:linear-gradient(var(--System-ColorLight),var(--System-ColorLight)) 0/var(--sx) 100% no-repeat,rgba(255,255,255,.5)}#Me .Wrapper .Bento .Benex.Music .Wrapper .Progress .ProgressBar:active::-webkit-slider-runnable-track{background:linear-gradient(var(--System-ColorLight),var(--System-ColorLight)) 0/var(--sx) 100% no-repeat,rgba(255,255,255,.5)}#Me .Wrapper .Bento .Benex.Music .Wrapper .Progress .Time{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:space-between;align-items:center;gap:16px;margin-top:8px;color:var(--System-ColorLight)}#Me .Wrapper .Bento .Benex.Music .Wrapper .Progress:hover .ProgressBar{opacity:1;transform:scale(1.075,1.3);transform-origin:center}#Me .Wrapper .Bento .Benex.Music .Wrapper .Controls{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:space-around;align-items:center;gap:16px;width:100%;position:relative;margin-top:-8px;margin-bottom:24px}#Me .Wrapper .Bento .Benex.Music .Wrapper .Controls button{background:0 0;outline:unset;border:none;width:40px}#Me .Wrapper .Bento .Benex.Music .Wrapper .Controls button img{inset:0;position:relative;height:32px;width:100%;cursor:pointer}#Me .Wrapper .Bento .Benex.Music .Wrapper .Controls button.Hide{transition:.5s;transform:scale(0);display:none}#Me .Wrapper .Bento .Benex.Music .Wrapper .Controls button.Pause,#Me .Wrapper .Bento .Benex.Music .Wrapper .Controls button.Play{position:absolute;inset:0px;margin:0 auto}#Me .Wrapper .Bento .Benex.Photos .Wrapper{position:relative;min-height:448px}#Me .Wrapper .Bento .Benex.Photos .Wrapper .PhotoSlider{aspect-ratio:1}#Me .Wrapper .Bento .Benex.Photos .Wrapper .PhotoSlider .Photo{position:absolute;top:0;left:0;inset:0;height:100%;width:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .5s ease-in-out;cursor:pointer}#Me .Wrapper .Bento .Benex.Photos .Wrapper .PhotoSlider .Photo.hidden{visibility:hidden;opacity:0}#Me .Wrapper .Bento .Benex.Photos .Wrapper .Nav{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:space-between;align-items:center;gap:16px;-webkit-backdrop-filter:saturate(185%) blur(16px);backdrop-filter:saturate(185%) blur(16px);background-color:var(--System-ColorGlow);border:1px solid var(--System-ColorSep);border-radius:128px;position:absolute;margin-left:auto;margin-right:auto;padding:4px;inset:auto 0 0;width:fit-content;max-width:calc(100% -(24px* 2));bottom:-64px;transition:bottom .5s}#Me .Wrapper .Bento .Benex.Photos .Wrapper .Nav .Item{cursor:pointer;padding:12px 24px}#Me .Wrapper .Bento .Benex.Photos .Wrapper .Nav .Item img{width:20px;display:block;-webkit-filter:var(--System-Lighting);filter:var(--System-Lighting)}#Me .Wrapper .Bento .Benex.Photos .Wrapper .Nav .Indicator{width:56px;height:44px;min-height:44px;background:var(--System-ColorBG);border-radius:32px;position:absolute;z-index:-1;transition:left .5s}#Me .Wrapper .Bento .Benex.Photos:focus .Nav,#Me .Wrapper .Bento .Benex.Photos:hover .Nav{bottom:24px;transition:bottom .5s}#Me .Wrapper .Bento .Benex.Social .Wrapper,#Me .Wrapper .Bento .Benex.Social .Wrapper a{text-align:justify;text-align-last:center;color:var(--System-ColorLight);align-content:center;display:flex;position:relative}#Me .Wrapper .Bento .Benex.Social,#Me .Wrapper .Bento .Benex.Social .Wrapper{border-radius:100px}#Me .Wrapper .Bento .Benex.Social .Wrapper{flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;padding:0;height:auto}#Me .Wrapper .Bento .Benex.Social .Wrapper a{flex-direction:row-reverse;flex-wrap:nowrap;align-items:center;justify-content:center;gap:16px;overflow:hidden;transition:.5s;width:100%;height:100%;padding:16px}#Me .Wrapper .Bento .Benex.Social .Wrapper a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s;z-index:0}#Me .Wrapper .Bento .Benex.Social.WhatsApp{margin-top:auto}#Me .Wrapper .Bento .Benex.Social.WhatsApp .Wrapper a{background:rgb(12 152 76);background:linear-gradient(to bottom,rgb(45 202 116) 50%,rgb(12 152 76) 100%)}#Me .Wrapper .Bento .Benex.Social.WhatsApp .Wrapper a:before{background:rgb(12 152 76);background:linear-gradient(to top,rgb(45 202 116) 50%,rgb(12 152 76) 100%)}#Me .Wrapper .Bento .Benex.Social.Dribbble .Wrapper a{background:#e94c88;background:linear-gradient(to bottom,#e94c88,#79002e)}#Me .Wrapper .Bento .Benex.Social.Dribbble .Wrapper a:before{background:#e94c88;background:linear-gradient(to top,#e94c88,#79002e)}#Me .Wrapper .Bento .Benex.Social.Instagram .Wrapper a{background:#d300c5;background:linear-gradient(45deg,#7638fa,#d300c5,#ff0069,#ff7a00,#ffd600)}#Me .Wrapper .Bento .Benex.Social.Instagram .Wrapper a:before{background:#d300c5;background:linear-gradient(-135deg,#7638fa,#d300c5,#ff0069,#ff7a00,#ffd600)}#Me .Wrapper .Bento .Benex.Social.Threads .Wrapper a,#Me .Wrapper .Bento .Benex.Social.Twitter .Wrapper a{background:#000;background:linear-gradient(to bottom,#4e4e4e ,#000)}#Me .Wrapper .Bento .Benex.Social.Threads .Wrapper a:before,#Me .Wrapper .Bento .Benex.Social.Twitter .Wrapper a:before{background:#000;background:linear-gradient(to top,#4e4e4e ,#000)}#Me .Wrapper .Bento .Benex.Social.FaceBook .Wrapper a{background:#0072ff;background:linear-gradient(to bottom,#00c6ff ,#0072ff)}#Me .Wrapper .Bento .Benex.Social.FaceBook .Wrapper a:before{background:#0072ff;background:linear-gradient(to top,#00c6ff ,#0072ff)}#Me .Wrapper .Bento .Benex.Social.LinkedIn .Wrapper a{background:#0a66c2;background:linear-gradient(to bottom,#6eb6fe,#0a66c2)}#Me .Wrapper .Bento .Benex.Social.LinkedIn .Wrapper a:before{background:#0a66c2;background:linear-gradient(to top,#6eb6fe,#0a66c2)}#Me .Wrapper .Bento .Benex.Social.EMail .Wrapper a{background:#1e52ee;background:linear-gradient(to top ,#19e6ff,#1e52ee)}#Me .Wrapper .Bento .Benex.Social.EMail .Wrapper a:before{background:#1e52ee;background:linear-gradient(to bottom,#19e6ff,#1e52ee)}#Me .Wrapper .Bento .Benex.Social .Wrapper .LogoShape{max-height:48px}#Me .Wrapper .Bento .Benex.Social .Wrapper a:not(.WhatsApp) .LogoShape,#Me .Wrapper .Bento .Benex.Social .Wrapper a:not(.WhatsApp) .LogoType{-webkit-filter:grayscale(1) invert(1);filter:grayscale(1) invert(1);opacity:.64}#Me .Wrapper .Bento .Benex.Social .Wrapper a strong{font-size:2rem;line-height:2rem;font-weight:700;font-variation-settings:"wght" 900,"dots" 4;top:4px}@media only screen and (max-width:980px){#Works .Wrapper .Bento .Benex .Wrapper .Content .Wrp a{margin-right:auto}#Stats,#Works .Wrapper .Bento .Benex.More{margin:0 auto}#Me .Wrapper .Bento .Benex.Social .Wrapper .LogoShape{max-height:32px}#Me .Wrapper .Bento .Benex.Social .Wrapper a strong{font-size:1.75rem;line-height:1.75rem}}@media only screen and (max-width:768px){#Me .Wrapper .Bento .Benex.Social .Wrapper .LogoShape{max-height:40px}#Me .Wrapper .Bento .Benex.Social .Wrapper a strong{font-size:1.85rem;line-height:1.85rem}}@media only screen and (max-width:428px){#Hero .Wrapper .Title .Text h1,#Hero .Wrapper .Title .Text h2{font-size:2rem;line-height:2rem}#Hero .Wrapper .Title.Marketer .Text h1,#Hero .Wrapper .Title.Marketer .Text h2{font-size:1.75rem;line-height:2rem}#Hero .Wrapper .Title .Objects .Icons .Icon{width:64px;height:64px}#Hero .Wrapper .Title .Objects .Icons .Icon img{width:48px;height:48px}#Works .Wrapper .Bento .Benex .Wrapper .Screens .Desktop{min-height:256px}#Stats .Bento{grid-template-columns:1fr;grid-template-areas:"a a" "b b" "c c" "d d" "e e" "f f" "g g" "h h" "i i" "j j"}#Me .Wrapper .Bento .Benex.Social .Wrapper a strong{font-size:1.5rem;line-height:1.5rem}}#Me .Wrapper .Bento .Benex.Social .Wrapper a strong span{transition:background .5s;background:var(--System-GradientTextLightRev);-webkit-background-clip:text;white-space:nowrap}@keyframes Shine{from{mask-position:200%;-webkit-mask-position:200%}to{mask-position:-100%;-webkit-mask-position:-100%}}.light #theme-toggle .thumb{left:0}.dark #theme-toggle .thumb{left:2rem}#Footer{margin:32px auto 48px}#Footer .Wrapper{text-align:center}#Footer .Wrapper .Tools{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:space-between;align-items:center;gap:16px}#Footer .Wrapper .Tools .LightSwitch{border:1px solid rgba(255,255,255,.08);border-radius:100px;overflow:hidden;padding:2px}#Footer .Wrapper .Tools .LightSwitch .Wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;background-color:var(--System-ColorBG);background-image:var(--System-GradientBG);padding:2px;border:1px solid var(--System-ColorSep);border-radius:100px}#Footer .Wrapper .Tools .LightSwitch .Wrapper label{text-align:center;padding:4px 8px 2px;border-radius:100px;font-size:.8rem;line-height:1rem;font-variation-settings:"wght" 200,"dots" 4}#Footer .Wrapper .Tools .LightSwitch .Wrapper label:has(input:checked){background:var(--System-ColorBlue);color:var(--System-ColorLight)}#Footer .Wrapper .Tools .LanguageSwitcher{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;align-content:center;justify-content:flex-start;gap:10px}#Footer .Wrapper .Tools .LanguageSwitcher a{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;justify-content:flex-start;gap:4px}#Footer .Wrapper .Tools .LanguageSwitcher a img{width:24px!important;height:24px!important;border-radius:100px;border:2px solid var(--System-ColorSep);transition:.5s;padding:1px;object-fit:cover;object-position:center}#Footer .Wrapper .Tools .LanguageSwitcher a span{font-size:.8rem;line-height:1rem;font-variation-settings:"wght" 200,"dots" 4;display:inline-block;position:relative;top:1px}#Footer .Wrapper .Tools .LanguageSwitcher a.Current img,#Footer .Wrapper .Tools .LanguageSwitcher a:hover img{border-color:var(--System-ColorBlue)}#Footer .Wrapper .Tools .LanguageSwitcher a.Current span{font-variation-settings:"wght" 600,"dots" 4}#Footer .Wrapper .Separator{height:4px;border-radius:10px;margin:8px auto 24px}#Footer .Wrapper .CP p{color:var(--System-ColorText2);font-size:1rem;line-height:1rem;font-variation-settings:"wght" 200,"dots" 4}#Footer .Wrapper .CP p a{color:var(--System-ColorText2);font-size:1rem}#Footer .Wrapper .CP p a:focus,#Footer .Wrapper .CP p a:hover{color:var(--System-ColorText)}