@layer components{.project-card__media:after{z-index:2;transition:opacity var(--duration-normal) var(--ease-standard)}.project-card__arrow,.project-card__status{z-index:3}.project-card__presentation-cover{--presentation-cover-accent:var(--color-accent);--presentation-cover-soft:color-mix(in srgb, var(--presentation-cover-accent) 14%, var(--color-surface-alt));z-index:1;background:var(--presentation-cover-soft);animation:project-presentation-cover-enter .28s var(--ease-enter) both;position:absolute;inset:0;overflow:hidden}.project-card__presentation-cover[hidden]{display:none}.project-card__presentation-cover[data-presentation-category=creative]{--presentation-cover-accent:#b22987}.project-card__presentation-cover[data-presentation-category=seo]{--presentation-cover-accent:#178057}.project-card__presentation-cover[data-presentation-category=automation]{--presentation-cover-accent:#d97720}.project-card__presentation-cover[data-presentation-category=advertising]{--presentation-cover-accent:#ef5a35}.project-card__presentation-cover[data-presentation-category=ai]{--presentation-cover-accent:#7056e8}.project-card__presentation-cover[data-presentation-category=mobile]{--presentation-cover-accent:#2c72d6}.project-card__presentation-cover[data-presentation-category=social]{--presentation-cover-accent:#d83a72}.project-card__presentation-cover-image{object-fit:cover;width:100%;height:100%;animation:project-presentation-image-enter .32s var(--ease-enter) both;position:absolute;inset:0}.project-card__presentation-cover-image[hidden]{display:none}.project-card__presentation-cover-placeholder{isolation:isolate;gap:var(--space-5);color:var(--color-text-primary);background:linear-gradient(color-mix(in srgb, var(--presentation-cover-accent) 12%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--presentation-cover-accent) 12%, transparent) 1px, transparent 1px), var(--presentation-cover-soft);background-size:2.75rem 2.75rem;grid-template-rows:auto 1fr auto;padding:clamp(1.1rem,2.4vw,1.75rem);display:grid;position:absolute;inset:0;overflow:hidden}.project-card__presentation-cover-placeholder:before{z-index:-1;background:var(--presentation-cover-accent);content:"";width:.42rem;position:absolute;inset:0 auto 0 0}.project-card__presentation-cover-placeholder:after{z-index:-1;aspect-ratio:1;border:clamp(2rem, 5vw, 4.8rem) solid color-mix(in srgb, var(--presentation-cover-accent) 13%, transparent);content:"";border-radius:50%;width:72%;position:absolute;bottom:-12%;right:-22%}.project-card__presentation-cover-chrome{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.project-card__presentation-cover-label,.project-card__presentation-cover-body small{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;font-size:.61rem}.project-card__presentation-cover-label{border:1px solid color-mix(in srgb, var(--presentation-cover-accent) 45%, var(--color-border));border-radius:var(--radius-round);background:color-mix(in srgb, var(--presentation-cover-accent) 8%, var(--color-surface-elevated));color:color-mix(in srgb, var(--presentation-cover-accent) 82%, var(--color-text-primary));padding:.45rem .65rem}.project-card__presentation-cover-signal{gap:.3rem;display:flex}.project-card__presentation-cover-signal i{background:var(--presentation-cover-accent);opacity:.35;border-radius:50%;width:.42rem;height:.42rem}.project-card__presentation-cover-signal i:nth-child(2){opacity:.65}.project-card__presentation-cover-signal i:nth-child(3){opacity:1}.project-card__presentation-cover-body{align-self:center;gap:var(--space-4);display:grid}.project-card__presentation-cover-body strong{letter-spacing:-.06em;overflow-wrap:anywhere;max-width:9ch;font-size:clamp(2rem,4.1vw,4.35rem);font-weight:500;line-height:.98}.project-card__presentation-cover-body small{border-left:2px solid var(--presentation-cover-accent);background:color-mix(in srgb, var(--color-surface-elevated) 72%, transparent);width:fit-content;color:var(--color-text-secondary);padding:.55rem .7rem}.project-card__presentation-cover-rails{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:.45rem;display:grid}.project-card__presentation-cover-rails span{border-radius:var(--radius-round);background:color-mix(in srgb, var(--presentation-cover-accent) 26%, var(--color-border));min-height:.28rem}.project-card__presentation-cover-rails span:first-child{width:48%}.project-card__presentation-cover-rails span:nth-child(2){width:72%}.project-card__presentation-cover-rails span:nth-child(3){width:100%}.project-card__presentation-cover-rails span:nth-child(4){width:58%}.project-card__media[data-presentation-mode=placeholder]:after{opacity:0}html[data-theme=dark] .project-card__presentation-cover{--presentation-cover-soft:color-mix(in srgb, var(--presentation-cover-accent) 18%, var(--color-surface))}}@keyframes project-presentation-cover-enter{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@keyframes project-presentation-image-enter{0%{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.project-card__presentation-cover,.project-card__presentation-cover-image{animation:none}}