.homeExperienceWrapper{align-items:center;background-color:var(--card-bg);border-radius:var(--radius-card);box-shadow:var(--card-shadow);box-sizing:border-box;container-type:inline-size;display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow:hidden;position:relative;width:100%}@media(hover:hover){.homeExperienceWrapper:hover .homeExperienceThumbnail{opacity:0}.homeExperienceWrapper:hover .homeExperienceVideo{filter:grayscale(0);opacity:1}.homeExperienceWrapper:hover .homeExperienceTitle h2{color:#000;letter-spacing:.25em;opacity:.4;text-transform:uppercase}}.homeExperienceBackground{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;transform:scale(var(--scale,1)) translate(var(--x,0),var(--y,0));transition:filter .5s ease,opacity .5s ease;width:100%}.homeExperienceThumbnail{filter:grayscale(100%);opacity:.1}.homeExperienceVideo{filter:grayscale(100%);left:0;opacity:0;position:absolute;top:0}.homeExperienceTitle{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;position:absolute;text-shadow:0 2px 4px rgba(0,0,0,.5);transition:opacity .5s ease;width:100%;z-index:1}.homeExperienceTitle h2{transition:color .5s ease,letter-spacing .5s ease,opacity .5s ease}.homeProfileWrapper{align-items:center;background-color:var(--card-bg);border:var(--card-border);border-radius:var(--radius-card);box-shadow:var(--card-shadow);box-sizing:border-box;container-type:inline-size;display:flex;flex-direction:column;gap:var(--space-title-gap);height:100%;justify-content:flex-start;padding:var(--space-sm)}.homeProfile,.homeProfileWrapper{-webkit-mask-image:-webkit-radial-gradient(#fff,#000);overflow:hidden;width:100%}.homeProfile{background-color:var(--card-inner-bg);flex:1;min-height:0}.homeProfile,.homeProfile img{border-radius:var(--radius-inner)}.homeProfile img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.homeProfileInfo{color:#fff;display:flex;flex-direction:column;flex-shrink:0;gap:3px;justify-content:center;padding:0 var(--space-sm) var(--space-sm);width:100%}.homeProfileInfo h2{line-height:1.35}.homeProfileInfo h3{font-size:var(--text-sub)}.homeProfileImage{border-radius:var(--radius-inner);height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.homeTechStackWrapper{align-items:flex-start;background-color:var(--card-bg);border:var(--card-border);border-radius:var(--radius-card);box-shadow:var(--card-shadow);box-sizing:border-box;container-type:inline-size;display:flex;flex-direction:column;gap:var(--space-title-gap);height:100%;justify-content:flex-start;padding:var(--space-sm);width:100%}.homeTechStackTitle{padding-left:var(--space-sm);width:100%}.homeTechStackTitle h2{line-height:1.35}.homeTechStack{display:flex;flex:1;gap:var(--space-sm);height:100%;min-height:0;width:100%}.homeTeckStackItems{align-items:center;background-color:var(--card-inner-bg);border-radius:var(--radius-inner);box-sizing:border-box;display:flex;flex:1;flex-wrap:nowrap;gap:clamp(8px,2.5cqw,18px);justify-content:space-around;min-height:0;overflow:hidden;padding:var(--space-sm);width:80%}.homeTechStackButtonWrapper{display:flex;height:100%;width:20%}.homeTechStackButton{align-items:center;background-color:var(--btn-bg);border:var(--btn-border);border-radius:var(--radius-button);box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-family:var(--btn-font);font-size:var(--text-btn);font-weight:500;gap:.4rem;height:100%;justify-content:center;margin:0;padding:0;transition:all .25s cubic-bezier(.23,1,.32,1);width:100%}.homeTechStackButton:hover{background-color:var(--btn-hover-bg);box-shadow:0 6px 20px #00000059;transform:translateY(-2px) scale(1.05)}.homeTechStackButton:hover .homeTechStackArrowIcon{transform:translate(4px)}.homeTechStackButton:active{box-shadow:0 3px 10px #00000040;transform:translateY(0)}.homeTechStackArrowIcon,.homeTechStackItem{transition:transform .3s ease}.homeTechStackItem{border-radius:50%;cursor:pointer;display:block;flex-shrink:0;height:clamp(26px,8cqw,42px);width:clamp(26px,8cqw,42px)}.homeTechStackItem:hover{transform:scale(1.2)}.homeTechStackItem svg{height:100%;width:100%}@container (max-width: 480px){.homeTechStack{flex-direction:column;gap:var(--space-sm)}.homeTeckStackItems{align-content:center;flex:1;flex-wrap:wrap;gap:clamp(8px,3.5cqw,14px);height:auto;overflow-y:auto;padding:var(--space-sm);width:100%}.homeTechStackButtonWrapper{height:clamp(36px,10cqw,44px);margin-left:0;width:100%}.homeTechStackButton{border-radius:var(--radius-button);flex-direction:row;padding:var(--space-xs) var(--space-md)}}.homeInfoWrapper{container-type:inline-size}@media(min-width:1025px){.homeInfoWrapper{container-type:size}}.homeInfoWrapper{align-items:flex-start;background-color:var(--card-bg);border:var(--card-border);border-radius:var(--radius-card);box-shadow:var(--card-shadow);box-sizing:border-box;display:flex;flex-direction:column;gap:clamp(.25rem,2cqh,var(--space-title-gap));height:100%;justify-content:flex-start;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);overflow:hidden;padding:clamp(.5rem,2.5cqh,var(--space-sm));width:100%}.homeInfoTitle{padding-left:clamp(.5rem,2.5cqh,var(--space-sm));width:100%}.homeInfoTitle h2{font-size:clamp(1.2rem,5.5cqh,1.8rem);line-height:1.35;margin:0}.homeInfo{background-color:var(--card-inner-bg);border-radius:var(--radius-inner);box-sizing:border-box;display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;width:100%}.homeInfo p{font-size:clamp(.65rem,3.5cqh,var(--text-body));line-height:1.45;margin:clamp(.25rem,3.5cqh,var(--space-md))}.homInfoText,.homeInfoButtons{flex-shrink:0;height:auto;width:100%}.homeInfoButtons{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.25rem,2.5cqh,var(--space-sm));justify-content:flex-start;padding:0 clamp(.5rem,3.5cqh,var(--space-md)) clamp(.5rem,3.5cqh,var(--space-md))}.homeInfoButtonWrapper{display:flex;height:auto;margin:0;padding:0;width:clamp(110px,30%,200px)}.homeInfoButton{align-items:center;background-color:var(--btn-bg);border:var(--btn-border);border-radius:var(--radius-button);box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-family:var(--btn-font);font-size:clamp(.6rem,3.35cqh,var(--text-btn));font-weight:500;gap:.5em;justify-content:center;padding:clamp(.25rem,2.5cqh,var(--space-sm)) clamp(.5rem,3.5cqh,var(--space-md));text-decoration:none;transition:all .25s cubic-bezier(.23,1,.32,1);white-space:nowrap;width:100%}.homeInfoButton:hover{background-color:var(--btn-hover-bg);box-shadow:0 6px 20px #00000059;transform:translateY(-2px)}.homeInfoButton:hover .homeInfoButtonIcon{transform:rotate(5deg)}.homeInfoButton:active{box-shadow:0 3px 10px #00000040;transform:translateY(0)}.homeInfoButtonIcon{fill:currentColor;flex-shrink:0;height:1.2em;width:1.2em}@container (max-width: 400px){.homeInfoButtonWrapper{width:44%}.homeInfo p{font-size:var(--text-btn)}}.homeProjectsLink{color:inherit;display:block;height:100%;text-decoration:none;width:100%}.homeProjectsWrapper{align-items:center;background-color:var(--card-bg);border-radius:var(--radius-card);box-shadow:var(--card-shadow);box-sizing:border-box;container-type:inline-size;display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow:hidden;position:relative;width:100%}@media(hover:hover){.homeProjectsWrapper:hover .homeProjectsBackground{filter:grayscale(0);opacity:1}.homeProjectsWrapper:hover .homeProjectsTitle h2{color:#000;letter-spacing:.25em;opacity:.4;text-transform:uppercase}}.homeProjectsBackground{filter:grayscale(100%);height:100%;left:0;-o-object-fit:cover;object-fit:cover;opacity:.1;position:absolute;top:0;transform:scale(var(--scale,1)) translate(var(--x,0),var(--y,0));transition:filter .5s ease,opacity .5s ease;width:100%}.homeProjectsTitle{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;position:absolute;text-shadow:0 2px 4px rgba(0,0,0,.5);transition:opacity .5s ease;width:100%;z-index:1}.homeProjectsTitle h2{transition:color .5s ease,letter-spacing .5s ease,opacity .5s ease}.homeSocialsWrapper{align-items:center;background-color:var(--card-bg);border:var(--card-border);border-radius:var(--radius-card);box-shadow:var(--card-shadow);box-sizing:border-box;container-type:inline-size;display:flex;flex-direction:column;gap:var(--space-title-gap);height:100%;justify-content:flex-start;padding:var(--space-sm);width:100%}.homeSocialsTitle{padding-left:var(--space-sm);width:100%}.homeSocialsTitle h2{line-height:1.35}.homeSocials{background-color:var(--card-inner-bg);border-radius:var(--radius-inner);box-sizing:border-box;flex:1;flex-wrap:nowrap;gap:clamp(8px,2.5cqw,18px);justify-content:space-around;min-height:0;overflow:hidden;padding:0 var(--space-sm);width:100%}.homeSocials,.homeSocialsItem{align-items:center;display:flex}.homeSocialsItem{aspect-ratio:1/1;border-radius:50%;cursor:pointer;flex-shrink:1;height:min(68%,18cqw);justify-content:center;transition:transform .3s ease;width:auto}.homeSocialsItem:hover{transform:scale(1.15)}.homeSocialsItem svg{fill:#fff;height:100%;width:100%}.homeSocialsItem#githubSocial{height:min(63%,16.7cqw)}.homeSocialsItem#linkedinSocial{height:min(54%,14.3cqw)}.homeSocialsItem#emailSocial{height:min(58%,15.4cqw)}.homePageWrapper{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;min-height:100svh;overflow:hidden;position:relative;width:100%}.homePageWrapper.low-power .grid-item{animation:none!important;opacity:1!important}.homePageWrapper.low-power .grid-item,.homePageWrapper.low-power .grid-item.animated{transform:none!important;transition:none!important}.homePageWrapper.low-power .grid-item.animated:hover{transform:none!important;--scale:1!important}.homePageWrapper.low-power .homePageFooter{opacity:1!important;transform:none!important;transition:none!important}.homePageContentWrapper{align-items:center;display:flex;justify-content:center;min-height:100svh;position:relative;width:100%;z-index:2}.homePage{aspect-ratio:8/5;box-sizing:border-box;display:grid;gap:var(--space-xl);grid-template-columns:1fr 2fr;height:min(90vh,56.25vw,1000px);position:relative;width:min(90vw,144vh,1600px);z-index:1}.grid-item{animation:homeGridFlowIn .8s cubic-bezier(.23,1,.32,1) backwards;animation-delay:calc(var(--stagger, 0)*.15s + .1s);border-radius:var(--radius-card);cursor:pointer;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);min-height:0;min-width:0;overflow:hidden;transform:translateZ(0)}.grid-item.animated{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--scale,1)) translateZ(0);transition:transform var(--transition-speed,.5s) cubic-bezier(.23,1,.32,1);will-change:transform}.grid-item.animated:hover{--scale:1.05;z-index:10}.grid-item.nolink{cursor:default}.grid-item.grid-item--pending{animation:none;opacity:0;transform:perspective(1000px) translateY(40px) translateZ(-60px) scale(.95)}@keyframes homeGridFlowIn{0%{opacity:0;transform:perspective(1000px) translateY(40px) translateZ(-60px) rotateX(-5deg) rotateY(5deg) scale(.95)}to{opacity:1;transform:perspective(1000px) translateY(0) translateZ(0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--scale,1))}}@media(prefers-reduced-motion:reduce){.grid-item{animation:none!important}}.left-grid,.right-grid{grid-template-rows:4.5fr 1fr}.left-grid,.right-grid,.right-grid-upper{display:grid;gap:var(--space-xl);min-height:0}.right-grid-upper{grid-template-rows:3.2fr 1fr}.right-grid-lower{display:grid;gap:var(--space-xl);grid-template-columns:1fr 1.5fr;min-width:0}.homePageFooterWrapper{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:var(--space-lg) var(--space-xl) calc(var(--space-xl) + 15px);width:100%;z-index:4}.homePageFooterEntry{margin-left:2rem;margin-right:2rem}.homePageFooterEntry a{color:#ffffffbf;font-family:Roboto,sans-serif;font-size:var(--text-body);font-weight:400;letter-spacing:.05em;text-decoration:none;transition:color .25s ease}.homePageFooterEntry a:hover{color:#fff}.homePageFooter{align-items:center;backface-visibility:hidden;background-color:var(--card-bg);border:var(--card-border);border-radius:var(--radius-card);box-shadow:var(--card-shadow);box-sizing:border-box;display:flex;height:70px;justify-content:center;opacity:0;transform:translate3d(0,50px,0);transition:transform .8s cubic-bezier(.25,1,.5,1),opacity .8s ease-out;width:min(90vw,144vh,1600px);will-change:transform,opacity}.homePageFooter.is-visible{opacity:1;transform:translateZ(0)}@media(max-width:1024px){.homePageWrapper{align-items:flex-start;height:auto;min-height:100svh;overflow:visible;padding:var(--space-md)}.homePageContentWrapper{align-items:flex-start;min-height:auto;padding:0}.homePage{aspect-ratio:unset;height:auto;max-height:unset;max-width:600px;width:100%}.homePage,.left-grid{gap:var(--space-md);grid-template-columns:1fr}.left-grid{display:grid;grid-template-rows:auto}#homeProfileGridItem{aspect-ratio:1/1.4}#homeSocialsGridItem{aspect-ratio:3/1}.right-grid,.right-grid-upper{display:flex;flex-direction:column;gap:var(--space-md)}#homeInfoGridItem{min-height:-moz-max-content;min-height:max-content}#homeTechStackGridItem{aspect-ratio:2/1}.right-grid-lower{display:grid;gap:var(--space-md);grid-template-columns:1fr}#homeExperienceGridItem,#homeProjectsGridItem{aspect-ratio:2.2/1}.homePageFooterWrapper{height:auto;min-height:auto;padding:var(--space-md) 0 var(--space-md)}.homePageFooter{height:64px;max-width:600px;width:100%}.grid-item{animation:none;opacity:1;transform:none}.grid-item:not(.grid-item--pending){animation:homeGridFlowInMobile .7s cubic-bezier(.23,1,.32,1) backwards;animation-delay:calc(var(--stagger, 0)*.12s)}@keyframes homeGridFlowInMobile{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.grid-item.animated{--rx:0deg!important;--ry:0deg!important;--scale:1!important}.grid-item.animated:hover{z-index:auto}}
