.works{background:var(--color-bg);padding:var(--space-16) 0}.works__filters{margin-bottom:var(--space-12)}.works__grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:var(--space-8) var(--space-6)}.works__card{display:flex;flex-direction:column;border-radius:var(--radius-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);overflow:hidden;cursor:pointer}.works__trigger{display:block;position:relative;overflow:hidden;width:100%}.works__trigger::before{content:"";display:block;padding-bottom:56.25%}.works__thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-base) var(--ease-standard)}.works__preview{display:block;position:absolute;inset:0;z-index:1;opacity:0;transition:opacity 950ms var(--ease-standard)}.works__trigger:hover .works__preview,.works__trigger:focus-visible .works__preview{opacity:1}.works__preview-video{width:100%;height:100%;object-fit:cover}.works__shade{position:absolute;inset:0;background:rgba(12,6,18,var(--shade-a,.78))}.works__body{padding:var(--space-4) var(--space-5) var(--space-5)}.works__tag{display:none}.works__title{font-size:19px;line-height:1.3;margin-bottom:var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.6em}.works__desc{font-size:var(--fs-small);line-height:1.6;color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:3.2em}@media (max-width:1100px){.works__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.works__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5) var(--space-3)}.works__body{padding:var(--space-3) var(--space-3) var(--space-4)}.works__title{font-size:15px}.works__desc{font-size:12px;-webkit-line-clamp:2}}.works-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:safe center;justify-content:safe center;padding:var(--space-6);overflow-y:auto}.works-modal:not([hidden]){display:flex}.works-modal__backdrop{position:fixed;inset:0;background:rgb(2 2 3 / .96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity var(--duration-base) var(--ease-standard)}.works-modal__dialog{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:720px;max-height:calc(100vh - var(--space-12));opacity:0;transform:translateY(24px) scale(.97);transition:opacity var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}.works-modal__panel{position:relative;display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:var(--space-6);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 24px 70px rgb(0 0 0 / .5),inset 0 1px 0 rgb(255 255 255 / .06)}.works-modal.is-visible .works-modal__backdrop{opacity:1}.works-modal.is-visible .works-modal__dialog{opacity:1;transform:translateY(0) scale(1)}.works-modal__close{align-self:flex-end;margin-bottom:var(--space-3);width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-bg-elevated);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.works-modal__close:hover{background:var(--color-bg-elevated-hover);border-color:var(--color-border-strong);color:var(--color-text)}.works-modal__close svg{width:18px;height:18px}.works-modal__video{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius-sm);overflow:hidden;background:#000}.works-modal__video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.works-modal__title{margin-top:var(--space-5);font-family:var(--font-heading);font-size:22px;font-weight:700;line-height:1.25;color:var(--color-text)}.works-modal__desc{margin-top:var(--space-3);font-size:var(--fs-body);line-height:1.6;color:var(--color-text-muted)}@media (max-width:767px){.works-modal__panel{padding:var(--space-4)}.works-modal__title{font-size:17px}.works-modal__desc{font-size:var(--fs-small)}}.works-cta{position:relative;background-color:#0a0a0d;padding-block:var(--space-16);text-align:center}.works-cta__title{font-family:var(--font-heading);font-size:26px;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--color-text);max-width:640px;margin-inline:auto}.works-cta__text{margin:var(--space-5) auto 0;max-width:520px;font-size:var(--fs-body);line-height:1.7;color:var(--color-text-muted)}.works-cta__cta-wrap{display:inline-block;margin-top:var(--space-8)}@media (max-width:1024px){.works-cta{padding-inline:var(--container-pad)}.works-cta__cta-wrap{display:block;width:100%;max-width:var(--container-max);margin:var(--space-8) auto 0;padding-inline:0}.works-cta__cta-wrap .btn{width:100%}}