.project-entry{display:grid;align-content:start;overflow:clip;isolation:isolate;border-radius:var(--radius-2xl);--glare: .18;transition:box-shadow var(--dur-base),border-color var(--dur-base)}html[data-theme=dark] .project-entry{--glare: .07}html.js .project-entry.is-visible{transform:perspective(1200px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform var(--dur-slower) var(--ease-spring),opacity var(--dur-slower) var(--ease-spring),box-shadow var(--dur-base),border-color var(--dur-base)}html.js .project-entry.is-visible[data-tilting]{transition-duration:80ms,var(--dur-slower),var(--dur-base),var(--dur-base)}.project-entry__glare{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(420px circle at var(--gx, 50%) var(--gy, 0%),rgb(255 255 255 / var(--glare)),transparent 60%);opacity:0;transition:opacity var(--dur-base)}[data-tilting]>.project-entry__glare{opacity:1}.project-entry__stage{position:relative;padding:clamp(var(--space-4),3vw,var(--space-6));background:radial-gradient(120% 90% at 80% 0%,var(--aurora-a),transparent 60%),radial-gradient(90% 80% at 0% 100%,var(--aurora-b),transparent 60%),var(--surface-sunken)}.project-entry__stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 20%,transparent 80%);pointer-events:none}.project-entry__frame,.project-entry__art{position:relative;width:100%;border-radius:var(--radius-lg);overflow:clip;background:var(--surface-raised);box-shadow:var(--shadow-3);transform:translateY(var(--lift, 0));transition:transform var(--dur-slower) var(--ease-spring)}.project-entry__chrome{display:flex;align-items:center;gap:6px;height:28px;padding-inline:12px;border-bottom:1px solid var(--glass-border);background:var(--surface-sunken)}.project-entry__chrome>span:not(.project-entry__url){flex-shrink:0;width:8px;height:8px;border-radius:var(--radius-full);background:var(--border-strong)}.project-entry__url{min-width:0;margin-left:var(--space-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.project-entry__art{aspect-ratio:16 / 10;background:var(--surface-page);box-shadow:var(--shadow-2)}.project-entry__body{display:grid;align-content:start;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-6)}.project-entry__top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-3)}.project-entry__title{margin:0;font-size:var(--step-3);font-weight:400}.project-entry__link{color:inherit;text-decoration:none;text-underline-offset:.15em;text-decoration-thickness:1px}.project-entry__link:after{content:"";position:absolute;inset:0;z-index:3}.project-entry__outcome{margin:0;color:var(--text-secondary)}.project-entry__summary{margin:0;max-width:var(--measure-prose);color:var(--text-secondary)}.project-entry__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.project-entry__year{font-family:var(--font-mono);font-size:var(--step--2);color:var(--text-muted)}.project-entry__actions{position:relative;z-index:4;display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:var(--space-2) 0 0;padding:0}.project-entry__pill{position:relative;z-index:4;display:inline-flex;align-items:center;min-height:36px;padding-inline:14px;font-size:var(--step--1);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-full);border:1px solid var(--glass-border);background:var(--glass-bg-strong);transition:border-color var(--dur-base),color var(--dur-base)}.project-entry__note{margin:0;max-width:var(--measure-prose);font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-muted)}.project-entry__cta{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-weight:500;color:var(--accent)}.project-entry__cta svg{transition:transform var(--dur-base) var(--ease-spring)}@media(pointer:coarse){.project-entry__link{display:inline-flex;align-items:center;min-height:44px}.project-entry__pill{min-height:44px}}@media(hover:hover)and (pointer:fine){.project-entry:is(:hover,:has(:focus-visible)){--lift: -6px;box-shadow:var(--glass-highlight),var(--shadow-3);border-color:color-mix(in srgb,var(--accent) 30%,var(--glass-border))}.project-entry:is(:hover,:has(:focus-visible)) .project-entry__link{text-decoration:underline}.project-entry:is(:hover,:has(:focus-visible)) .project-entry__frame img{transform:scale(1.03)}.project-entry:is(:hover,:has(:focus-visible)) .project-entry__cta svg{transform:translate(4px)}.project-entry__pill:is(:hover,:focus-visible){color:var(--accent);border-color:var(--border-strong)}}.project-entry:has(:focus-visible){outline:2px solid var(--focus-ring);outline-offset:4px}.project-entry__link:focus-visible{outline:none}