.projects-page{background:var(--thirdly);min-height:100vh;color:var(--secondary);padding:7rem 1.25rem 5rem}.projects-top{flex-direction:column;gap:1rem;margin-bottom:3rem;display:flex}.projects-chip{letter-spacing:.04em;text-transform:uppercase;color:var(--secondary);white-space:nowrap;background:#1a191812;border:0;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .85rem;font-family:montserrat,sans-serif;font-size:.75rem;font-weight:500;display:inline-flex}.projects-chip--label{border-radius:.3rem;align-self:flex-start}.projects-chip__count{color:var(--texte1)}.projects-filters{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.projects-filters__label{letter-spacing:.04em;text-transform:uppercase;color:var(--texte1);margin-right:.4rem;font-family:montserrat,sans-serif;font-size:.75rem}.projects-chip--filter{cursor:pointer;padding:.6rem 1.1rem;transition:background-color .25s,color .25s}.projects-chip--filter[aria-pressed=true]{background:var(--secondary);color:var(--thirdly)}@media (hover:hover) and (pointer:fine){.projects-chip--filter[aria-pressed=false]:hover{background:#1a191824}}.projects-chip--filter:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}.projects-hero{flex-direction:column;gap:1.25rem;margin-bottom:2.5rem;display:flex}.projects-hero h1{text-transform:uppercase;color:var(--secondary);transform-origin:0;font-family:titling,sans-serif;font-size:clamp(2.2rem,9vw,5.5rem);font-weight:700;line-height:.95;transform:scaleX(.85)}.projects-hero h1 span{color:var(--texte1)}.projects-hero p{max-width:32rem;color:var(--texte1);font-family:montserrat,sans-serif;font-size:1.05rem;line-height:1.6}.projects-list{margin:0;padding:0;list-style:none}.project-row{border-bottom:1px solid #1a19181f;grid-template-columns:1fr auto;grid-template-areas:"left left""client action";align-items:center;gap:1.25rem 1rem;padding:2rem 0;display:grid;position:relative}.project-row__left{flex-direction:column;grid-area:left;gap:.9rem;display:flex}.project-row__thumb{aspect-ratio:16/10;background:#1a19180f;border-radius:.75rem;overflow:hidden}.project-row__thumb img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1)}.project-row__tags{flex-wrap:wrap;gap:.35rem;display:flex}.project-row__client{color:var(--secondary);overflow-wrap:anywhere;grid-area:client;margin:0;font-family:titling,sans-serif;font-size:clamp(1.6rem,7vw,4rem);font-weight:400;line-height:1}.project-row__action{z-index:2;grid-area:action;position:relative}.project-row__button{width:3rem;height:3rem;color:var(--secondary);border:1px solid #1a191859;border-radius:999px;place-items:center;transition:background-color .3s,color .3s,border-color .3s,transform .3s;display:grid}.project-row__button:focus-visible{outline:2px solid var(--secondary);outline-offset:3px}.projects-chip--soon{color:var(--texte1)}.project-row__overlay{z-index:1;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.project-row:hover .project-row__button{background:var(--secondary);border-color:var(--secondary);color:var(--primary);transform:rotate(45deg)}.project-row:hover .project-row__thumb img{transform:scale(1.05)}}@media (min-width:768px){.projects-page{padding:9rem 3rem 6rem}.projects-top{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:4rem}.projects-hero{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:3rem;margin-bottom:3rem}.projects-hero p{text-align:right;max-width:24rem}.project-row{grid-template-columns:minmax(12rem,1fr) 2fr minmax(3rem,1fr);grid-template-areas:"left client action";gap:2rem;padding:2.5rem 0}.project-row__thumb{width:min(100%,13rem)}.project-row__client{text-align:center;font-size:clamp(2rem,4.5vw,4rem)}.project-row__action{justify-self:end}}@media (min-width:1024px){.projects-page{padding:10rem 4rem 7rem}.project-row{padding:3rem 0}}@media (prefers-reduced-motion:reduce){.project-row__thumb img,.project-row__button{transition:none}}