@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-leading:initial}}}.case-card{background:var(--surface-1);border:1px solid var(--border-subtle);height:100%;box-shadow:var(--shadow-card);transition:border-color var(--transition-base),transform var(--duration-reveal) var(--ease-out-expo),box-shadow var(--duration-reveal) var(--ease-out-expo);border-radius:0;flex-direction:column;display:flex;position:relative;overflow:hidden}.case-card:hover{box-shadow:var(--shadow-elevated),var(--shadow-glow);border-color:#48c8b433;transform:translateY(-6px)}.case-card__accent{top:calc(var(--spacing,.25rem) * 0);right:calc(var(--spacing,.25rem) * 0);left:calc(var(--spacing,.25rem) * 0);z-index:20;background:linear-gradient(90deg,var(--accent),transparent);opacity:0;height:2px;transition:opacity var(--transition-base);position:absolute}.case-card:hover .case-card__accent{opacity:1}.case-card__img{height:200px;position:relative;overflow:hidden}.case-card__img-photo{object-fit:cover;width:100%;height:100%;filter:var(--card-img-filter);transition:transform var(--transition-base),filter var(--transition-base)}.case-card:hover .case-card__img-photo{filter:var(--card-img-hover-filter);transform:scale(1.05)}.case-card__img-overlay{pointer-events:none;inset:calc(var(--spacing,.25rem) * 0);background:linear-gradient(180deg,transparent 40%,var(--surface-1) 100%);position:absolute}.case-card__body{z-index:10;padding:calc(var(--spacing,.25rem) * 6);flex-direction:column;flex:1;display:flex;position:relative}.case-card__genre{margin-bottom:calc(var(--spacing,.25rem) * 1);text-transform:uppercase;font-size:10px;font-family:var(--font-mono);color:var(--accent);letter-spacing:.5px;display:block}.case-card__title{margin-bottom:calc(var(--spacing,.25rem) * 2);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);font-family:var(--font-heading);color:var(--text-primary)}.case-card__desc{margin-bottom:calc(var(--spacing,.25rem) * 6);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);font-family:var(--font-body);color:var(--text-secondary);flex:1}.case-card__player{align-items:center;gap:calc(var(--spacing,.25rem) * 3);padding-top:calc(var(--spacing,.25rem) * 4);border-top:1px solid var(--border-subtle);border-left:3px solid var(--accent);padding-left:12px;display:flex}.case-card__play{cursor:pointer;height:calc(var(--spacing,.25rem) * 9);width:calc(var(--spacing,.25rem) * 9);background:var(--accent-subtle);color:var(--accent);transition:background var(--transition-fast);border:1px solid #48c8b42e;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.case-card__play:hover{background:var(--accent);color:var(--bg-primary)}.case-card__play svg{height:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 3)}.case-card__icon--pause,.case-card__player--playing .case-card__icon--play{display:none}.case-card__player--playing .case-card__icon--pause{display:block}.case-card__waveform{cursor:pointer;outline:none;flex:1;height:32px;position:relative}.case-card__waveform:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.case-card__bars{inset:calc(var(--spacing,.25rem) * 0);align-items:flex-end;gap:1px;display:flex;position:absolute}.case-card__bar{background:var(--accent);border-radius:1px;flex:1 1 0;min-width:2px;display:block}.case-card__bars--base .case-card__bar{opacity:.22}.case-card__bars--fill{clip-path:inset(0 calc(100% - var(--progress-pct,0%)) 0 0);pointer-events:none;transition:clip-path .12s linear}.case-card__waveform--dragging .case-card__bars--fill{transition:none}@media(prefers-reduced-motion:reduce){.case-card__bars--fill{transition:none}}.case-card__time{text-align:right;font-size:10px;font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.5px;flex-shrink:0}.case-card__player--disabled{opacity:.4}.case-card__coming-soon{font-size:11px;font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.5px;text-transform:uppercase}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}