.home .navlink{color:#fff}.home .navlink.activelink{color:var(--red)}.headerlogo-alt{display:none}#homecontainer{--fade:.4s;--open:.7s;--close:.85s;width:100%;height:100vh;display:flex}button.side-button{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}#designside{align-items:center;width:50vw;transition:width .2s;display:flex;position:relative;overflow:hidden}#designsidecontainer{width:fit-content;padding-left:50px;transition:opacity .2s}#designsidetitle{color:#333;margin:0;font-family:GilroyBold;font-size:72pt;font-weight:400}#designsidesubtitle{color:#818181;font-family:GilroySemiBold;font-size:36pt;position:relative}#designdot{background-color:var(--red);border-radius:10px;width:10px;height:10px;transition:transform .2s,opacity .2s;position:absolute;bottom:11px;right:-17px}.designdotanimation,#designdot:hover{transform:scale(2)}#designsidebutton{color:var(--red);margin-top:50px;font-size:48pt;line-height:1;display:block}#mobiledesignsidebutton{width:fit-content;color:var(--red);margin-top:50px;font-size:48pt;line-height:1;display:none}.side-button .icon{display:block}.side-button .arrow-close,.side-button[aria-expanded=true] .arrow-open{display:none}.side-button[aria-expanded=true] .arrow-close{display:block}#largedesignicon{color:#dedede;z-index:-1;width:auto;height:250px;transition:opacity var(--fade) ease;position:absolute;bottom:20px;right:20px}#designsidebar{opacity:0;visibility:hidden;width:50vw;height:100vh;transition:opacity var(--fade) ease 0s, visibility 0s linear var(--fade);display:flex;position:absolute;top:0;right:0}#designprojectscontainer{flex-direction:column;align-items:flex-end;width:50%;display:flex}.designbox{width:100%;max-width:350px;height:calc(100% / var(--design-rows,3));cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}#myworkdesigntitle{color:var(--red);margin-left:-4vw;font-family:GilroyBold;font-size:48pt}.designboximg{cursor:pointer;width:100%;height:auto;display:block}.designhoverbox{z-index:1;opacity:0;background-color:#000;width:100%;height:100%;transition:opacity .7s;position:absolute}.designboxcontent{visibility:hidden;opacity:0;z-index:2;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .7s;display:flex;position:absolute}.designboxtitle{color:#fff;text-wrap:balance;-webkit-user-select:none;user-select:none;padding:0 10px;font-family:GilroyBold;font-size:40pt;line-height:1}.projectbox:hover .designhoverbox,.projectbox:focus-visible .designhoverbox{opacity:.7}.projectbox:hover .designboxcontent,.projectbox:focus-visible .designboxcontent{visibility:visible;opacity:1}#designoverviewcontainer{background-color:#dedede;width:50%}#designoverviewcontainer img{object-fit:cover;width:100%;height:100%;display:block}#mobiledesignslidecontainer,#mobiledevslidecontainer{display:none}#mobiledesignprojectscontainer{flex-wrap:wrap;width:100%;display:flex}.mobiledesignbox{align-items:center;width:25vw;height:25vw;display:flex;position:relative;overflow:hidden}.mobiledesignboxtitle{color:#fff;text-wrap:balance;-webkit-user-select:none;user-select:none;font-family:GilroyBold;font-size:28pt;line-height:1}#mobilemyworkdesigntitle{color:var(--red);margin-left:15%;font-family:GilroyBold;font-size:28pt}#mobileimgbox img{object-fit:cover;width:100%;height:100%}#developerside{background-color:#333;justify-content:flex-end;align-items:center;width:50vw;transition:width .2s;display:flex;position:relative;overflow:hidden}#developerside .c1{color:#cf7076}#developerside .c2{color:#d7a77a}#devsidecontainer{z-index:1;width:fit-content;padding-right:50px;transition:opacity .2s,visibility}#developersidetitle{color:#fff;text-align:right;margin:0;font-family:MenloBold;font-size:72pt;font-weight:400}#developersidesubtitle{color:#fff;text-align:right;font-family:MenloRegular;font-size:24pt;line-height:1.7}#developersidebutton{color:#fff;text-align:right;-webkit-user-select:none;user-select:none;width:fit-content;margin-top:50px;margin-left:auto;font-family:GilroyRegular;font-size:48pt;display:block}#developersidebutton .arrow-close,#developersidebutton[aria-expanded=true] .arrow-open{display:none}#developersidebutton[aria-expanded=true] .arrow-close{display:inline}#mobiledevsidebutton{float:right;color:#fff;text-align:right;-webkit-user-select:none;user-select:none;width:22px;margin-top:25px;font-family:GilroyRegular;font-size:31pt;line-height:.9;transition:transform .3s;display:none}#mobiledevsidebutton[aria-expanded=true]{transform:rotate(180deg)}#mobiledevline{background-color:#fff;width:3px;height:35px;margin-left:auto;margin-right:auto;display:block}#largedevelopericon{color:#565656;width:auto;height:250px;transition:opacity var(--fade) ease;position:absolute;bottom:20px;left:20px}#devsidebar{opacity:0;visibility:hidden;width:50vw;height:100vh;transition:opacity var(--fade) ease 0s, visibility 0s linear var(--fade);display:flex;position:absolute;top:0;left:0}#devprojectscontainer{background-color:#404040;width:50%;padding-bottom:70px;font-family:MenloRegular;font-size:12pt;overflow:auto}#myworkdevelopertitle{color:#fff;margin-top:70px;margin-bottom:20px;margin-left:20px}#myworkdevelopertitle b{font-family:MenloBold;font-weight:400}.commenttag{color:gray;margin-left:20px}.developerbox{padding-top:10px;padding-bottom:10px}a:hover>.developerbox,a:focus-visible>.developerbox{background-color:#595959}.atag{color:#fff;margin-left:20px}.imgtag{color:#fff;margin-left:40px}.topimgtag{margin-top:10px}.bottomimgtag{margin-bottom:10px}.developerimg{width:79%;height:auto;padding-left:40px;padding-right:40px;display:block}#devoverviewcontainer{background-color:#575757;background-image:url(/_astro/developerbackground.HY48V1Sv.svg);background-repeat:repeat;background-size:200px;width:85px;transition:all .5s}#devsidebarcolumn{flex:none;width:40%;max-width:300px;position:relative}#devsidebarcontainer{box-sizing:border-box;z-index:2;background-color:#4d4d4d;width:100%;height:100%;padding-top:100px;position:absolute;top:0;left:0;overflow:auto}#selecteddevbutton{color:#fff;cursor:default;-webkit-user-select:none;user-select:none;background-color:#5d5d5d;border-left:3px solid #cacaca;font-family:MenloRegular;font-size:12pt}.devsidebarbutton{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 20px;font-size:12pt;display:block}#selecteddevbutton.devsidebarbutton{padding-left:17px}summary.devsidebarbutton{list-style:none}summary.devsidebarbutton::-webkit-details-marker{display:none}.devsidebarbuttontext{vertical-align:top;font-family:MenloRegular;display:inline-block}.devsidebarbutton:hover{background-color:#5d5d5d99}.devsidebaricon{vertical-align:top;margin-top:2px;margin-right:10px;display:inline-block}.devdropdownicon{float:right;margin-top:2px;transition:transform .3s}.devfolder[open]>summary .devdropdownicon{transform:rotate(180deg)}.devfolderlist{padding-left:20px}.devfolder{interpolate-size:allow-keywords}.devfolder::details-content{height:0;transition:height .3s ease, content-visibility .3s allow-discrete;overflow:hidden}.devfolder[open]::details-content{height:auto}#mobiledevprojectscontainer{background-color:#404040;padding-top:40px;padding-bottom:40px;font-family:MenloRegular;font-size:12pt}#mobilemyworkdevtitle{color:#fff;margin-bottom:20px;margin-left:40px}#mobilemyworkdevtitle b{font-family:MenloBold;font-weight:400}.mobilecommenttag{color:gray;margin-left:40px}.mobileatag{color:#fff;margin-left:40px}.mobileimgtag{color:#fff;margin-left:60px}.mobiledeveloperimg{width:60%;height:auto;margin-left:40px;display:block}#homecontainer[data-view=split]:has(#designsidebutton:hover) #designside{width:55vw}#homecontainer[data-view=split]:has(#designsidebutton:hover) :is(#devsidecontainer,#largedevelopericon){opacity:.1}#homecontainer[data-view=split]:has(#developersidebutton:hover) #developerside{width:55vw}#homecontainer[data-view=split]:has(#developersidebutton:hover) :is(#designsidecontainer,#largedesignicon,#designdot){opacity:.1}#homecontainer[data-view=design] #devsidecontainer,#homecontainer[data-view=design] #largedevelopericon{opacity:0;visibility:hidden;transition:opacity var(--fade) ease 0s, visibility 0s linear var(--fade)}#homecontainer[data-view=design] #designside{width:100vw;transition:width var(--open) var(--ease) var(--fade)}#homecontainer[data-view=design] #developerside{width:0;transition:width var(--open) var(--ease) var(--fade)}#homecontainer[data-view=design] #largedesignicon{opacity:0;transition:opacity var(--fade) ease calc(var(--fade) + var(--open))}#homecontainer[data-view=design] #designsidebar{opacity:1;visibility:visible;transition:opacity var(--fade) ease calc(var(--fade) + var(--open)), visibility 0s linear calc(var(--fade) + var(--open))}#homecontainer[data-view=developer] #designsidecontainer,#homecontainer[data-view=developer] #largedesignicon{opacity:0;visibility:hidden;transition:opacity var(--fade) ease 0s, visibility 0s linear var(--fade)}#homecontainer[data-view=developer] #developerside{width:100vw;transition:width var(--open) var(--ease) var(--fade)}#homecontainer[data-view=developer] #designside{width:0;transition:width var(--open) var(--ease) var(--fade)}#homecontainer[data-view=developer] #largedevelopericon{opacity:0;transition:opacity var(--fade) ease calc(var(--fade) + var(--open))}#homecontainer[data-view=developer] #devsidebar{opacity:1;visibility:visible;transition:opacity var(--fade) ease calc(var(--fade) + var(--open)), visibility 0s linear calc(var(--fade) + var(--open))}#homecontainer[data-view=split][data-from] :is(#designside,#developerside){transition:width var(--close) var(--ease) var(--fade)}#homecontainer[data-view=split][data-from=design] :is(#devsidecontainer,#largedevelopericon){transition:opacity var(--fade) ease calc(var(--fade) + var(--close)), visibility 0s}#homecontainer[data-view=split][data-from=design] #largedesignicon{transition:opacity var(--fade) ease var(--fade)}#homecontainer[data-view=split][data-from=developer] :is(#designsidecontainer,#largedesignicon){transition:opacity var(--fade) ease calc(var(--fade) + var(--close)), visibility 0s}#homecontainer[data-view=split][data-from=developer] #largedevelopericon{transition:opacity var(--fade) ease var(--fade)}@media only screen and (width>=901px){body.home:has(#homecontainer[data-view=design]) .navlink:not(.activelink){color:#000;transition:color 0s linear calc(var(--open,.7s) + .4s)}body.home:has(#homecontainer[data-view=design]) .navigation{transition:background-color 0s linear calc(var(--open,.7s) + .4s), box-shadow 0s linear calc(var(--open,.7s) + .4s);background-color:#f2f2f2;padding-bottom:9px;padding-left:13px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}body.home:has(#homecontainer[data-view=developer]) .headertitle{opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s linear .4s}body.home:has(#homecontainer[data-view=developer]) .headerlogo:not(.headerlogo-alt){display:none}body.home:has(#homecontainer[data-view=developer]) .headerlogo-alt{display:inline-block}}@media only screen and (width<=1450px){#designsidetitle,#developersidetitle{font-size:60pt}#designsidesubtitle{font-size:32pt}#developersidesubtitle{margin-top:5px;font-size:21pt}}@media only screen and (width<=1320px){#designsidetitle,#developersidetitle{font-size:48pt}#designsidesubtitle{font-size:24pt}#designdot{width:8px;height:8px;bottom:8px;right:-14px}#myworkdesigntitle,.designboxtitle{font-size:36pt}#developersidesubtitle{font-size:16pt}#devoverviewcontainer{width:0}#devprojectscontainer{width:60%;font-size:11pt}#largedesignicon,#largedevelopericon{height:150px}}@media only screen and (width<=1180px){#devsidebarcolumn{width:80px}#devsidebarcontainer{width:80px;height:100%;padding-top:100px;transition:width .2s}#devsidebarcontainer:hover,#devsidebarcontainer:focus-within{width:300px;max-width:40vw}#devprojectscontainer{width:calc(100% - 80px)}.devsidebaricon{margin-left:10px}.devsidebarbuttontext,.devdropdownicon{display:none}#devsidebarcontainer:hover .devsidebarbuttontext,#devsidebarcontainer:focus-within .devsidebarbuttontext{display:inline-block}#devsidebarcontainer:hover .devdropdownicon,#devsidebarcontainer:focus-within .devdropdownicon{display:block}}@media only screen and (width<=1017px){#designoverviewcontainer{display:none}#designprojectscontainer{width:auto}#designsidesubtitle{font-size:21pt}#developersidesubtitle{font-size:14pt}}@media only screen and (width<=900px){.home .navlink{color:#000}#homecontainer{flex-wrap:wrap;height:auto}#designside,#developerside,#homecontainer[data-view] #designside,#homecontainer[data-view] #developerside,#homecontainer[data-view][data-from] :is(#designside,#developerside){flex-direction:column;width:100vw;min-height:50vh;transition:none}#designside{align-items:stretch;overflow:visible}#developerside{justify-content:flex-start;align-items:flex-end;overflow:visible}#designsidecontainer,#devsidecontainer{padding-top:100px;padding-bottom:82px}#designsidebutton,#developersidebutton,#designsidebar,#devsidebar{display:none}#mobiledesignsidebutton,#mobiledevsidebutton{display:block}#mobiledesignslidecontainer,#mobiledevslidecontainer{grid-template-rows:0fr;width:100%;transition:grid-template-rows .4s;display:grid}.slide-inner{min-height:0;overflow:hidden}#homecontainer[data-view=design] #mobiledesignslidecontainer,#homecontainer[data-view=developer] #mobiledevslidecontainer{grid-template-rows:1fr}#homecontainer[data-view] :is(#devsidecontainer,#designsidecontainer){opacity:1;visibility:visible;transition:none}#homecontainer[data-view=design] #largedesignicon,#homecontainer[data-view=developer] #largedevelopericon{opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s linear .4s}#homecontainer[data-view] :is(#largedesignicon,#largedevelopericon){opacity:1;visibility:visible}#homecontainer[data-view=design] #largedesignicon,#homecontainer[data-view=developer] #largedevelopericon{opacity:0;visibility:hidden}#homecontainer[data-view] :is(#designside,#developerside) :is(#designsidecontainer,#devsidecontainer){opacity:1}#mobileimgbox{order:4}.mobiledesignbox{flex:none}}@media only screen and (width<=750px){.mobiledesignbox{width:50vw;height:50vw}#mobilemyworkdesigntitle{font-size:38pt}#mobileimgbox{order:unset}}@media only screen and (width<=550px){#designsidecontainer{margin-left:auto;margin-right:auto;padding-left:0}#designsidetitle,#developersidetitle,#designsidesubtitle,#developersidesubtitle{text-align:center}#mobiledesignsidebutton,#mobiledevsidebutton{float:none;text-align:center;margin-left:auto;margin-right:auto}#devsidecontainer{width:calc(100% - 60px);padding-left:30px;padding-right:30px}#designsidesubtitle{font-size:21pt}#developersidesubtitle{font-size:14pt}}@media only screen and (width<=430px){#designsidetitle,#developersidetitle{font-size:36pt}#designsidesubtitle{margin-top:10px;font-size:18pt}#mobiledesignsidebutton{font-size:36pt}#designdot{width:6px;height:6px;bottom:6px;right:-10px}#largedesignicon,#largedevelopericon{height:100px}#mobilemyworkdesigntitle{font-size:30pt}#developersidesubtitle{font-size:12pt}}@media only screen and (width<=330px){#designsidesubtitle{margin-top:5px;font-size:13pt}#designdot{bottom:3px;right:2px}#developersidesubtitle{font-size:9pt}#mobilemyworkdevtitle,.mobilecommenttag,.mobileatag{margin-left:20px}.mobileimgtag{margin-left:40px}}