#myPopover{border:1px solid #000;left:anchor(center);top:anchor(bottom);translate:-200px 16px;width:240px}/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-content:"";--tw-font-weight:initial}}}.project{aspect-ratio:4/3;cursor:pointer;margin-bottom:calc(var(--spacing,.25rem)*28);position:relative}.project:after{background-color:var(--color-blue,#04021f);content:var(--tw-content);height:100%;left:calc(var(--spacing,.25rem)*0);opacity:0;position:absolute;top:calc(var(--spacing,.25rem)*0);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));width:100%;z-index:20}@media (hover:hover){.project:hover:after{content:var(--tw-content);opacity:.8}}@media (min-width:40rem){.project{margin-bottom:calc(var(--spacing,.25rem)*0)}}.project-name{bottom:-72px;flex-direction:column;left:calc(var(--spacing,.25rem)*0);padding-inline:calc(var(--spacing,.25rem)*5);position:absolute;width:100%;z-index:30}@media (min-width:40rem){.project-name{align-items:center;bottom:auto;color:var(--color-white,#fff);height:100%;justify-content:center;top:calc(var(--spacing,.25rem)*0)}}.project-title{font-size:var(--text-xl,20px);line-height:var(--tw-leading,var(--text-xl--line-height,32px));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}@media (min-width:40rem){.project-title{font-size:var(--text-3xl,51px);line-height:var(--tw-leading,var(--text-3xl--line-height,64px));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}}.project-type{font-size:var(--text-base,16px);line-height:var(--tw-leading,var(--text-base--line-height,24px))}@media (min-width:40rem){.project-type{font-size:var(--text-xl,20px);line-height:var(--tw-leading,var(--text-xl--line-height,32px));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-font-weight{syntax:"*";inherits:false}@media (width >= 640px){.matrix[data-v-094bade4]:after{background:linear-gradient(90deg,#eee 1px,transparent 0);background-size:8.333%;content:"";z-index:-1}.skill[data-v-094bade4]{box-shadow:1px 0 #ced0d9}}