.works-header{padding:5rem var(--container-pad) 3rem}@media(min-width:768px){.works-header{padding:8rem var(--container-pad) 4rem}}.works-header__label{font-size:1.2rem;letter-spacing:.1em;color:var(--cl-gray-3);margin-bottom:1rem;display:block}.works-header__title{font-size:3.6rem;font-weight:700;letter-spacing:var(--ls-tight);line-height:1}@media(min-width:768px){.works-header__title{font-size:calc(var(--col) * 6)}}.works-body{display:block;padding:4rem var(--container-pad) 8rem}@media(min-width:768px){.works-body{display:grid;grid-template-columns:1fr 2fr;gap:0 calc(var(--col) * 3);padding:5rem var(--container-pad) 12rem;align-items:start}}.works-filters{margin-bottom:3rem}@media(min-width:768px){.works-filters{position:sticky;top:calc(var(--header-height) + 3rem);margin-bottom:0}}.works-filters__label{font-size:1.1rem;letter-spacing:.1em;color:var(--cl-gray-3);margin-bottom:1.6rem;display:block}.works-filters__list{display:flex;flex-wrap:wrap;gap:.8rem}.works-count{font-size:1.2rem;color:var(--cl-gray-3);letter-spacing:.04em;margin-bottom:2.4rem}.works-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem var(--space-xl)}@media(min-width:768px){.works-grid{gap:6rem var(--col)}}.work-card{display:flex;flex-direction:column;gap:.8rem;cursor:pointer;transition:transform .45s var(--ease-out-back)}.work-card__thumb{position:relative;width:100%;aspect-ratio:675 / 400;overflow:hidden;background-color:var(--cl-gray-0)}.work-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out-expo);pointer-events:none}.work-card__thumb-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--cl-gray-0);color:var(--cl-gray-2);font-size:1.1rem;letter-spacing:.08em}@media(hover:hover){.work-card:hover{transform:translateY(-6px)}.work-card:hover .work-card__title{color:var(--cl-accent)}}.work-card__badge{position:absolute;top:0;left:0;background:#0000008c;color:var(--cl-white);font-size:1rem;letter-spacing:.08em;padding:.4rem 1rem;line-height:1}.work-card__body{display:flex;flex-direction:column;gap:.3rem}.work-card__date{font-size:1.1rem;color:var(--cl-gray-3);letter-spacing:.04em;line-height:1}.work-card__title{font-size:1.3rem;font-weight:500;letter-spacing:var(--ls-default);line-height:var(--lh-medium);transition:color .3s ease}@media(min-width:768px){.work-card__title{font-size:1.5rem}}.work-card__talents{font-size:1.1rem;color:var(--cl-gray-3);letter-spacing:.02em;line-height:var(--lh-medium)}.works-pagination{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:5rem}@media(min-width:768px){.works-pagination{margin-top:8rem}}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border:1px solid var(--cl-gray-1);border-radius:var(--radius-button);font-size:1.3rem;color:var(--cl-gray-4);background:var(--cl-white);cursor:pointer;transition:border-color .3s ease,color .3s ease,background-color .3s ease;letter-spacing:0}@media(hover:hover){.pagination-btn:hover{opacity:.5}}.pagination-btn.is-current{background:var(--cl-black);border-color:var(--cl-black);color:var(--cl-white)}.pagination-btn.is-arrow{font-size:1rem;color:var(--cl-gray-2)}.pagination-btn[disabled]{opacity:.3;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;z-index:500;background:#000000b3;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s ease}@media(min-width:768px){.modal-overlay{align-items:center}}.modal-overlay.is-open{opacity:1;pointer-events:all}.modal{position:relative;background:var(--cl-white);width:100%;height:100svh;display:flex;flex-direction:column;transform:translateY(4rem);transition:transform .6s var(--ease-out-expo)}@media(min-width:768px){.modal{width:calc(100% - var(--container-pad) * 2);max-width:96rem;height:auto;max-height:90svh;overflow-y:auto;transform:translateY(2rem)}}.modal-overlay.is-open .modal{transform:translateY(0)}.modal__inner{flex:1;display:flex;flex-direction:column}@media(min-width:768px){.modal__inner{flex-direction:row;align-items:flex-start}}.modal__media{position:relative;width:100%;height:38svh;overflow:hidden;background:var(--cl-gray-0);flex-shrink:0}@media(min-width:768px){.modal__media{width:54%;height:auto;overflow:visible}}.modal__media img{width:100%;height:auto;display:block}@media(max-width:767px){.modal__media img{position:absolute;inset:0;height:100%;object-fit:cover}}.modal__media-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--cl-gray-0);color:var(--cl-gray-2);font-size:1.2rem;letter-spacing:.08em}.modal__info{padding:2.4rem 2.4rem 2rem;display:flex;flex-direction:column;gap:1.6rem;overflow-y:auto;flex:1}@media(min-width:768px){.modal__info{padding:4rem 3.6rem 3rem;gap:2.4rem}}.modal__meta{display:flex;align-items:center;gap:1.2rem}.modal__category{font-size:1.1rem;letter-spacing:.08em;color:var(--cl-white);background:var(--cl-black);padding:.3rem 1rem;line-height:1}.modal__date{font-size:1.2rem;color:var(--cl-gray-3);letter-spacing:.04em;line-height:1}.modal__title{font-size:1.8rem;font-weight:700;letter-spacing:var(--ls-default);line-height:var(--lh-medium)}@media(min-width:768px){.modal__title{font-size:2.2rem}}.modal__credit{font-size:1.3rem;color:var(--cl-gray-4);letter-spacing:var(--ls-default);line-height:var(--lh-medium)}.modal__section-label{font-size:1.1rem;letter-spacing:.08em;color:var(--cl-gray-3);margin-bottom:1rem;display:block}.modal__talent-list{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem}.modal__talent-link{font-size:1.3rem;font-weight:500;color:var(--cl-black);letter-spacing:var(--ls-default);line-height:1;border-bottom:1px solid var(--cl-black);padding-bottom:.2rem;cursor:pointer;transition:color .3s ease,border-color .3s ease}@media(hover:hover){.modal__talent-link:hover{color:var(--cl-accent);border-color:var(--cl-accent)}}.modal__ext-link{display:inline-flex;align-items:center;gap:.8rem;font-size:1.3rem;letter-spacing:.04em;color:var(--cl-accent);border:1px solid var(--cl-accent);padding:1rem 2rem;border-radius:var(--radius-button);cursor:pointer;transition:background-color .3s ease,color .3s ease;align-self:flex-start}@media(hover:hover){.modal__ext-link:hover{background:var(--cl-accent);color:var(--cl-white)}}.modal__ext-link svg{width:1.2rem;height:1.2rem;pointer-events:none}.modal__close{position:absolute;top:1.6rem;right:1.6rem;width:3.2rem;height:3.2rem;background:#0009;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;z-index:10}@media(min-width:768px){.modal__close{position:fixed;top:2rem;right:2rem;background:var(--cl-white);width:4rem;height:4rem}}.modal__close:hover{background:var(--cl-gray-1)}.modal__close svg{width:1.4rem;height:1.4rem;pointer-events:none}.modal__nav{display:none}