.references-page .references-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem;padding:clamp(1.5rem,4vw,2.5rem) var(--container-pad) clamp(1.75rem,3.5vw,2.5rem);max-width:1680px;margin-inline:auto}.references-page .references-filter{flex-shrink:0;font-size:.74rem;font-weight:500;letter-spacing:.02em;padding:.7em 1.35em;border-radius:999px;border:1px solid var(--color-line);background:transparent;color:var(--color-black);transition:background .25s var(--ease-out),border-color .25s var(--ease-out),color .25s var(--ease-out)}.references-page .references-filter:hover{border-color:var(--color-gray-dark)}.references-page .references-filter.is-active{background:var(--color-black);border-color:var(--color-black);color:var(--color-off-white)}.references-page .references-filter:focus-visible{outline:2px solid var(--color-black);outline-offset:2px}@media (max-width: 640px){.references-page .references-filters{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.references-page .references-filters::-webkit-scrollbar{display:none}}.references-page .references-grid-wrap{padding:0 var(--container-pad) clamp(4rem,8vw,6rem);max-width:1680px;margin-inline:auto}.references-page .references-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1vw,16px)}@media (min-width: 768px){.references-page .references-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.references-page .references-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width: 1280px){.references-page .references-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (max-width: 767px){.references-page .references-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 479px){.references-page .references-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.references-page .references-empty{padding:clamp(2rem,6vw,4rem) 0;text-align:center;color:var(--color-gray-dark);font-size:1rem}.references-page .reference-card{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;border-radius:4px;background:#efece5;color:inherit;transition:opacity .28s var(--ease-out),transform .28s var(--ease-out)}.references-page .reference-card[hidden]{display:none}.references-page .reference-card.is-filtered-out{opacity:0;transform:scale(.94);pointer-events:none}.references-page .reference-card:focus-visible{outline:2px solid var(--color-black);outline-offset:3px}.references-page .reference-card__media{position:absolute;top:0;right:0;bottom:0;left:0}.references-page .reference-card__img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s var(--ease-out),transform .4s var(--ease-out)}.references-page .reference-card__media.is-loaded .reference-card__img{opacity:1}.references-page .reference-card__media.is-loaded .reference-card__placeholder{opacity:0;visibility:hidden}@media (hover: hover) and (pointer: fine){.references-page .reference-card:hover .reference-card__img{transform:scale(1.045)}}.references-page .reference-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;background:repeating-linear-gradient(45deg,rgba(139,122,92,.05) 0px,rgba(139,122,92,.05) 1px,transparent 1px,transparent 14px),repeating-linear-gradient(-45deg,rgba(139,122,92,.05) 0px,rgba(139,122,92,.05) 1px,transparent 1px,transparent 14px),#efece5;transition:opacity .3s var(--ease-out),visibility .3s var(--ease-out)}.references-page .reference-card__placeholder-num{font-family:Inter Tight,sans-serif;font-size:clamp(1.1rem,2.2vw,1.6rem);font-weight:500;color:#14141447;letter-spacing:-.02em}.references-page .reference-card__placeholder-text{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:#14141452}.references-page .reference-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0a0a0aa6,#0a0a0a00 42%);opacity:0;transition:opacity .32s var(--ease-out)}@media (hover: hover) and (pointer: fine){.references-page .reference-card:hover .reference-card__overlay{opacity:1}}.references-page .reference-card__index{position:absolute;top:.6em;left:.65em;z-index:1;font-size:.68rem;letter-spacing:.03em;color:#14141480}@media (hover: hover) and (pointer: fine){.references-page .reference-card:hover .reference-card__index{color:#f4f2eed9}}.references-page .reference-card__info{position:absolute;left:.7em;right:2em;bottom:.65em;z-index:1;display:flex;flex-direction:column;gap:.15em;color:var(--color-off-white);opacity:0;transform:translateY(8px);transition:opacity .32s var(--ease-out),transform .32s var(--ease-out)}.references-page .reference-card__name{font-size:.8rem;font-weight:500;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.references-page .reference-card__meta{font-size:.66rem;color:#f4f2eebf}.references-page .reference-card__arrow{position:absolute;right:.65em;bottom:.65em;z-index:1;font-size:.85rem;color:var(--color-off-white);opacity:0;transform:translate(0);transition:opacity .3s var(--ease-out),transform .3s var(--ease-out)}@media (hover: hover) and (pointer: fine){.references-page .reference-card:hover .reference-card__info,.references-page .reference-card:hover .reference-card__arrow{opacity:1;transform:translateY(0)}.references-page .reference-card:hover .reference-card__arrow{transform:translate(3px,-3px)}}@media not all and (hover: hover){.references-page .reference-card__overlay{opacity:1;background:linear-gradient(to top,#0a0a0ab3,#0a0a0a00 55%)}.references-page .reference-card__info{opacity:1;transform:none}.references-page .reference-card__index{color:#f4f2eed9}}@media (prefers-reduced-motion: reduce){.references-page .reference-card,.references-page .reference-card__img,.references-page .reference-card__overlay,.references-page .reference-card__info,.references-page .reference-card__arrow,.references-page .reference-card__placeholder{transition:none}}