.page__label{font-family:var(--font-en);letter-spacing:.15em;color:var(--color-accent);margin-bottom:.75rem;font-size:.85rem}.page__title{margin-bottom:1.25rem;font-size:clamp(1.6rem,5vw,2.4rem)}.page__lead{color:var(--color-text-muted);margin-bottom:2.5rem}.page__note{color:var(--text-secondary);margin:-1.75rem 0 2.5rem;font-size:.82rem}.filter{flex-wrap:wrap;gap:.4rem 1.6rem;margin-bottom:2.5rem;display:flex}.filter__btn{color:var(--text-secondary);letter-spacing:.04em;transition:color var(--transition);background:0 0;border:none;padding:.2em .1em;font-size:.95rem}.filter__btn:hover{color:var(--text-primary)}.filter__btn.is-active{color:var(--teal);font-weight:700}.grid{grid-template-columns:1fr;gap:clamp(1.5rem,3vw,2.5rem);display:grid}@media (width>=760px){.grid{grid-template-columns:1fr 1fr}}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-card);position:relative;overflow:hidden}.card:after{content:"";background:var(--grad-brand);transform-origin:0;height:2px;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.card:hover:after{transform:scaleX(1)}.card:hover .card__facade img,.card:hover .card__abstract{transform:scale(1.03)}.card:hover .card__client{color:var(--teal)}.card[hidden]{display:none}.card__media{aspect-ratio:16/9;background:var(--bg-surface);overflow:hidden}.card__media iframe{border:0;width:100%;height:100%}.card__facade{background:var(--bg-surface);cursor:pointer;border:none;width:100%;height:100%;padding:0;display:block;position:relative}.card__facade img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.card__abstract[data-cat=cm]{--cat-color:#31afb4}.card__abstract[data-cat=vp]{--cat-color:#1b7a9e}.card__abstract[data-cat=recruit]{--cat-color:#35a98c}.card__abstract[data-cat=medical]{--cat-color:#4a90c2}.card__abstract[data-cat="3dcg"]{--cat-color:#5f7cc9}.card__abstract[data-cat=drone]{--cat-color:#2fa3a8}.card__abstract[data-cat=motion]{--cat-color:#47b3a0}.card__abstract[data-cat=english]{--cat-color:#45c8cd}.card__play{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card__play:before{content:"";border:1px solid var(--border);width:64px;height:64px;transition:background-color var(--transition), transform var(--transition);background:#0c1114b8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z' fill='%23E9EDEE'/%3E%3C/svg%3E") 50%/22px no-repeat;border-radius:50%}.card__facade:hover .card__play:before{background-color:#31afb4d9;transform:scale(1.06)}.card__abstract{--cat-color:#31afb4;background:linear-gradient(140deg, color-mix(in srgb, var(--cat-color) 32%, var(--bg-surface)) 0%, var(--bg-surface) 75%);flex-direction:column;justify-content:flex-end;gap:.3rem;width:100%;height:100%;padding:1.5rem;transition:transform .3s;display:flex}.card__abstract-label{font-family:var(--font-heading-en);letter-spacing:.2em;color:var(--cat-color);font-size:.75rem}.card__abstract-title{font-size:1.3rem;font-weight:900;line-height:1.4}.card__body{padding:1.1rem 1.25rem 1.25rem}.card__client{font-family:var(--font-heading-en);letter-spacing:.06em;font-size:1.05rem;font-weight:600;transition:color .3s}.card__roles{color:var(--color-text-muted);margin-top:.15rem;font-size:.85rem}.card__band{z-index:1;border:1px solid var(--border);color:var(--teal-bright);white-space:nowrap;background:#0c1114d1;border-radius:999px;padding:.15em .8em;font-size:.72rem;position:absolute;top:10px;right:10px}.empty{text-align:center;color:var(--color-text-muted);padding:3rem 0}.section--alt{background:var(--color-bg-elevated);border-block:1px solid var(--color-border)}.cta{text-align:center}.cta__title{margin-bottom:1rem;font-size:clamp(1.3rem,3.5vw,1.7rem)}.cta__text{color:var(--color-text-muted);margin-bottom:1.75rem}