.work-page .section-title{margin-top:5.5rem}.wcard-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:2.2rem 1.4rem;display:grid}.wcard{--lift:0px;min-width:0;color:inherit;background:color-mix(in srgb, var(--ink) 3%, var(--stage));border:1px solid var(--rule);transform:translateY(var(--lift));flex-direction:column;text-decoration:none;transition:transform .6s cubic-bezier(.2,.7,.2,1),border-color .5s,box-shadow .6s;display:flex;position:relative}.js .wcard[data-reveal].is-in{transition-delay:calc(var(--i,0) * 70ms)}.wcard:hover,.wcard:focus-visible{--lift:-4px;border-color:color-mix(in srgb, var(--teal) 55%, var(--rule));box-shadow:0 24px 50px -30px color-mix(in srgb, var(--ink) 45%, transparent);outline:none}.wcard-media{aspect-ratio:4/3;background:color-mix(in srgb, var(--ink) 8%, var(--stage));position:relative;overflow:hidden}.wcard-media picture,.wcard-media img{width:100%;height:100%;display:block;position:absolute;inset:0}.wcard-media img{object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .8s;transform:scale(1.001)}.wcard:hover img,.wcard:focus-visible img{transform:scale(1.06)}.wcard-media:after{content:"";background:linear-gradient(180deg, transparent 55%, color-mix(in srgb, var(--photo-scrim) 80%, transparent));pointer-events:none;opacity:.9;transition:opacity .6s;position:absolute;inset:0}.wcard-placeholder{background:radial-gradient(120% 90% at 20% 10%, color-mix(in srgb, var(--teal) 28%, transparent), transparent 60%), radial-gradient(90% 90% at 90% 90%, color-mix(in srgb, var(--gold) 22%, transparent), transparent 60%), color-mix(in srgb, var(--ink) 10%, var(--stage));place-items:center;display:grid;position:absolute;inset:0}.wcard-placeholder span{font-family:var(--serif);letter-spacing:-.04em;color:color-mix(in srgb, var(--ink) 40%, transparent);font-size:clamp(4rem,12vw,7rem);font-weight:300}.wcard-facts{z-index:1;font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--on-photo);opacity:.92;font-size:.72rem;position:absolute;bottom:.8rem;left:.9rem}.wcard-play{z-index:1;border:1px solid color-mix(in srgb, var(--on-photo) 70%, transparent);background:color-mix(in srgb, var(--photo-overlay) 70%, transparent);border-radius:50%;width:2.3rem;height:2.3rem;transition:transform .5s cubic-bezier(.2,.7,.2,1),background .4s;position:absolute;bottom:.75rem;right:.9rem}.wcard-play:before{content:"";border-style:solid;border-width:.38em 0 .38em .62em;border-color:transparent transparent transparent var(--on-photo);position:absolute;top:50%;left:52%;transform:translate(-50%,-50%)}.wcard:hover .wcard-play{background:color-mix(in srgb, var(--teal) 75%, transparent);transform:scale(1.1)}.wcard-body{flex-direction:column;flex:1;gap:.55rem;padding:1.25rem 1.3rem 1.3rem;display:flex}.wcard-eyebrow{font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--teal);font-size:.78rem}.wcard-title{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink-strong);margin:0;font-size:1.55rem;font-weight:300;line-height:1.12;transition:color .4s}.wcard:hover .wcard-title{color:var(--teal)}.wcard-desc{color:var(--ink);margin:.15rem 0 0;font-size:.96rem;line-height:1.55}.wcard-tracks{flex-wrap:wrap;gap:.35rem;margin:.4rem 0 0;padding:0;list-style:none;display:flex}.wcard-tracks li{font-family:var(--sans);border:1px solid var(--rule);color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:.38rem .6rem;font-size:.74rem;line-height:1;overflow:hidden}.wcard-tracks li.more{border-style:dashed}.wcard-foot{justify-content:space-between;align-items:baseline;gap:1rem;margin-top:auto;padding-top:.9rem;display:flex}.wcard-tags{color:var(--ink-soft);min-width:0;font-size:.86rem;font-style:italic}.wcard .cta{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--teal);white-space:nowrap;flex-shrink:0;font-size:.76rem}.wcard .cta:after{content:"→";margin-left:.45em;transition:transform .4s cubic-bezier(.2,.7,.2,1);display:inline-block}.wcard:hover .cta:after{transform:translate(4px)}.wcard.no-link{cursor:default}@media (width<=1100px){.wcard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.wcard-grid{grid-template-columns:1fr;gap:1.6rem}.work-page .section-title{margin-top:3.5rem}}@media (prefers-reduced-motion:reduce){.wcard,.wcard img,.wcard-play,.wcard .cta:after{transition:none}.wcard:hover img{transform:none}}