:where(.hx-client-wall .hx-logo-plate){background-color:#ffffff6b;background-image:linear-gradient(135deg,#ffffffb3,#fff0 42% 68%,#ffffff59);border-color:#ffffffd9;box-shadow:inset 0 1px #fff,inset 1px 0 #ffffffb3,inset 0 -1px #0f172a12,inset -1px 0 #0f172a0a,0 10px 28px -14px #1e3a8a47;backdrop-filter:blur(5px) saturate(1.8) brightness(1.04);-webkit-backdrop-filter:blur(5px) saturate(1.8) brightness(1.04)}:where(.dark .hx-client-wall .hx-logo-plate){background-color:#ffffff14;background-image:linear-gradient(135deg,#ffffff38,#fff0 42% 68%,#ffffff1a);border-color:#fff3;box-shadow:inset 0 1px #ffffff59,inset 1px 0 #ffffff26,inset 0 -1px #0000004d,0 10px 28px -14px #0009}@media(hover:hover)and (pointer:fine){.hx-client-wall .hx-logo-plate[data-logo-ground]:hover{background-image:none}}@media(prefers-reduced-transparency:reduce){.hx-client-wall .hx-logo-plate{background-image:none;backdrop-filter:none;-webkit-backdrop-filter:none}:where(.hx-client-wall .hx-logo-plate){background-color:#fff;border-color:#e2e8f0cc;box-shadow:none}:where(.dark .hx-client-wall .hx-logo-plate){background-color:#ffffff0d;border-color:#ffffff1f}}:root[data-a11y-contrast] .hx-client-wall .hx-logo-plate{background-image:none;backdrop-filter:none;-webkit-backdrop-filter:none}:where(:root[data-a11y-contrast] .hx-client-wall .hx-logo-plate){background-color:#fff;box-shadow:none}:where(:root.dark[data-a11y-contrast] .hx-client-wall .hx-logo-plate){background-color:#ffffff0d}.hx-drift-viewport[data-highlight-center]{padding-block:3.5rem}.hx-portfolio-card{transition-duration:.9s;transition-timing-function:cubic-bezier(.33,1,.68,1);transition-property:background-color,border-color,box-shadow,transform,opacity,border-radius}.hx-portfolio-card[data-centered=true]{z-index:2;border-radius:4px;border-color:var(--color-brand);background-color:var(--color-brand);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-brand) 40%,transparent),0 0 28px -8px color-mix(in srgb,var(--color-brand) 50%,transparent),0 28px 48px -20px #0a234b66}.hx-portfolio-card .hx-project-preview{transition:inset .7s cubic-bezier(.33,1,.68,1),border-radius .9s cubic-bezier(.33,1,.68,1)}.hx-portfolio-card:focus-within .hx-project-preview,.hx-portfolio-card[data-centered=true] .hx-project-preview{inset:0;border-width:0;border-radius:1rem;background:transparent}@media(hover:hover)and (pointer:fine){.hx-portfolio-card:hover .hx-project-preview{inset:0;border-width:0;border-radius:1rem;background:transparent}}.hx-portfolio-card:focus-within .hx-project-preview img,.hx-portfolio-card[data-centered=true] .hx-project-preview img{object-fit:contain;object-position:center}@media(hover:hover)and (pointer:fine){.hx-portfolio-card:hover .hx-project-preview img{object-fit:contain;object-position:center}}.hx-portfolio-card:focus-within .hx-project-preview-chrome,.hx-portfolio-card[data-centered=true] .hx-project-preview-chrome{display:none}@media(hover:hover)and (pointer:fine){.hx-portfolio-card:hover .hx-project-preview-chrome{display:none}}.hx-portfolio-card[data-centered=true] .hx-project-preview{border-radius:3px}.hx-portfolio-card:not([data-preview=true]) .hx-project-fade{opacity:1}.hx-project-scan-frame,.hx-project-scan-beam,.hx-project-scan-progress{position:absolute;z-index:30;pointer-events:none;opacity:0}.hx-project-scan-frame{inset:12px;border-radius:2px;background:linear-gradient(#a8eaff,#a8eaff) left top / 25px 2px,linear-gradient(#a8eaff,#a8eaff) left top / 2px 25px,linear-gradient(#a8eaff,#a8eaff) right top / 25px 2px,linear-gradient(#a8eaff,#a8eaff) right top / 2px 25px,linear-gradient(#a8eaff,#a8eaff) left bottom / 25px 2px,linear-gradient(#a8eaff,#a8eaff) left bottom / 2px 25px,linear-gradient(#a8eaff,#a8eaff) right bottom / 25px 2px,linear-gradient(#a8eaff,#a8eaff) right bottom / 2px 25px;background-repeat:no-repeat;transition:opacity .3s ease,inset .3s ease}.hx-project-scan-beam{inset:0;background:linear-gradient(105deg,transparent 18%,rgb(120 222 255 / 5%) 36%,rgb(197 246 255 / 22%) 50%,rgb(120 222 255 / 5%) 64%,transparent 82%)}.hx-project-scan-progress{bottom:15px;left:32px;right:32px;height:2px;border-radius:2px;background:linear-gradient(90deg,#52bcff,#b7eaff);box-shadow:0 0 8px #52bcff99;transform-origin:left;transition:opacity .6s ease}.hx-portfolio-card[data-centered=true] .hx-project-scan-frame{opacity:1;inset:7px;transition:opacity .7s ease .22s,inset .9s cubic-bezier(.33,1,.68,1) .22s}.hx-drift-viewport[data-scan-holding=true] .hx-drift-track{animation-play-state:paused}@keyframes hx-project-scan{0%{transform:translate(-104%);opacity:0}28%{opacity:1}72%{opacity:1}to{transform:translate(104%);opacity:0}}@keyframes hx-project-viewing{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:no-preference){.hx-portfolio-card[data-centered=true]{transform:scale(1.06)}}@media(min-width:48rem)and (hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.hx-drift-viewport[data-highlight-center]:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 30% 48% at center,color-mix(in srgb,var(--color-brand) 17%,transparent),transparent);opacity:0;transition:opacity .9s ease}.hx-drift-viewport[data-scan-holding=true]:before{opacity:1}.hx-drift-viewport[data-scan-holding=true] .hx-portfolio-card:not([data-centered=true]):not(:hover):not(:focus-within){opacity:.48;transform:scale(.97)}.hx-portfolio-card[data-centered=true]{transform:scale(1.12)}.hx-drift-viewport[data-scan-holding=true] .hx-portfolio-card[data-centered=true] .hx-project-scan-beam{animation:hx-project-scan 1.6s cubic-bezier(.37,0,.63,1) .3s both}.hx-drift-viewport[data-scan-holding=true] .hx-portfolio-card[data-centered=true] .hx-project-scan-progress{opacity:1;animation:hx-project-viewing var(--hx-scan-hold, 3s) linear both}}@media(prefers-reduced-motion:reduce){.hx-portfolio-card,.hx-portfolio-card *{transition-duration:0s}}
