.work-card.svelte-188lnv7{position:relative;min-width:0;border:1px solid rgba(17,16,20,.16);border-radius:1.25rem;background:#fff;box-shadow:0 18px 50px #0e0e1214;transform:perspective(1200px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transform-style:preserve-3d;transition:box-shadow .3s var(--studio-ease-out)}.work-card.svelte-188lnv7:hover{box-shadow:0 30px 80px #0e0e1224}.work-link.svelte-188lnv7{position:relative;display:block;overflow:hidden;border-radius:inherit;color:inherit}.work-glare.svelte-188lnv7{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--px, 50%) var(--py, 50%),rgba(255,255,255,.7),transparent 36%);opacity:0;pointer-events:none;transition:opacity .18s var(--studio-ease-out)}.work-link.svelte-188lnv7:focus-visible{outline:3px solid #5a7bff;outline-offset:4px;border-radius:1.25rem}.work-image-wrap.svelte-188lnv7{position:relative;aspect-ratio:1.45 / 1;overflow:hidden;border-radius:calc(1.25rem - 1px) calc(1.25rem - 1px) 0 0;background:#d9d9dc}.large.svelte-188lnv7 .work-image-wrap:where(.svelte-188lnv7){aspect-ratio:1.7 / 1}.work-image-wrap.svelte-188lnv7 img:where(.svelte-188lnv7){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;transition:transform .48s var(--studio-ease-out)}.work-card.svelte-188lnv7:hover img:where(.svelte-188lnv7){transform:scale(1.025)}.work-image-shade.svelte-188lnv7{position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(transparent,#0000003d);pointer-events:none}.work-sitebar.svelte-188lnv7{position:absolute;left:50%;bottom:.8rem;display:flex;align-items:center;gap:.65rem;width:calc(100% - 1.6rem);padding:.55rem .7rem;border:1px solid rgba(255,255,255,.25);border-radius:.7rem;background:#0d0e13bd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translate(-50%);color:#fff}.work-sitebar.svelte-188lnv7>span:where(.svelte-188lnv7){display:flex;gap:.25rem}.work-sitebar.svelte-188lnv7 i:where(.svelte-188lnv7){display:block;width:.38rem;height:.38rem;border-radius:50%;background:#ffffff61}.work-sitebar.svelte-188lnv7 i:where(.svelte-188lnv7):first-child{background:var(--project-accent)}.work-sitebar.svelte-188lnv7 b:where(.svelte-188lnv7){overflow:hidden;font-family:Geist Mono,ui-monospace,monospace;font-size:.66rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.work-copy.svelte-188lnv7{padding:clamp(1.2rem,3vw,1.7rem)}.work-meta.svelte-188lnv7{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.45rem 1rem;font-family:Geist Mono,ui-monospace,monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#6b6870}.work-copy.svelte-188lnv7 h3:where(.svelte-188lnv7){margin-top:1rem;font-family:Geist,system-ui,sans-serif;font-size:clamp(1.45rem,3vw,2rem);font-weight:650;letter-spacing:-.045em;color:#111014}.work-copy.svelte-188lnv7>p:where(.svelte-188lnv7){max-width:38rem;margin-top:.5rem;font-size:clamp(.96rem,1.5vw,1.08rem);line-height:1.55;color:#55525a}.work-bottom.svelte-188lnv7{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-top:1.35rem}.work-tags.svelte-188lnv7{display:flex;flex-wrap:wrap;gap:.38rem}.work-tags.svelte-188lnv7 span:where(.svelte-188lnv7){padding:.38rem .58rem;border:1px solid #dddae1;border-radius:999px;font-size:.67rem;color:#55525a}.work-arrow.svelte-188lnv7{display:grid;flex:0 0 auto;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:#111014;color:#fff;transition:transform .22s cubic-bezier(.16,1,.3,1),background .22s ease}.work-card.svelte-188lnv7:hover .work-arrow:where(.svelte-188lnv7){background:#5a7bff;transform:translate(2px,-2px) scale(1.03)}@media(hover:hover)and (pointer:fine){.work-card.svelte-188lnv7.tilt-active{will-change:transform}.work-card.svelte-188lnv7:hover .work-glare:where(.svelte-188lnv7){opacity:.09}}@media(prefers-reduced-motion:reduce){.work-card.svelte-188lnv7,.work-card.svelte-188lnv7:hover,.work-image-wrap.svelte-188lnv7 img:where(.svelte-188lnv7),.work-card.svelte-188lnv7:hover img:where(.svelte-188lnv7),.work-glare.svelte-188lnv7,.work-arrow.svelte-188lnv7,.work-card.svelte-188lnv7:hover .work-arrow:where(.svelte-188lnv7){transform:none;transition-duration:.01ms}}
