.projets-bg{z-index:-1;pointer-events:none;filter:grayscale();opacity:.35;mix-blend-mode:multiply;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000 96px,#000 260px);mask-image:linear-gradient(#0000 96px,#000 260px)}.projets-bg picture,.projets-bg img{width:100%;height:100%}.projets-bg img{object-fit:cover;object-position:50% 60%}body{--preview-w:min(36vw, 52svh)}.footer{z-index:30}.projets{--shift:24px;--fs-hub:clamp(56px, min(8.2vw, calc((85vw - var(--shift) - var(--preview-w)) / 5.4)), 180px);--sq:clamp(10px, calc(var(--fs-hub) * .09), 18px);padding:clamp(150px, 28vh, 300px) var(--gutter) 30vh;position:relative}.projets__list{justify-items:start;gap:30vh;display:grid}.projets__entry{grid-template-columns:calc(6vw - var(--gutter)) auto;width:fit-content;display:grid}.projets__entry[data-entry=etudes]{--chapter:var(--sauge)}.projets__entry[data-entry=emplois]{--chapter:var(--nuit)}.projets__entry[data-entry=initiatives]{--chapter:var(--terracotta)}.projets__num{padding-top:calc(var(--fs-hub) * .09);letter-spacing:0;font-variant-numeric:tabular-nums;align-self:start;font-size:14px;line-height:1}.projets__main{padding-right:var(--shift);position:relative}.projets__body{transition:transform .5s var(--ease-expo-out)}.projets__title{font-size:var(--fs-hub)}.projets__title--two{text-wrap:balance;max-width:6.4em}.projets__sub{letter-spacing:-.005em;margin-top:clamp(12px,1.4vw,24px);font-size:clamp(16px,.35vw + 14px,20px);line-height:1.3}.projets__square{left:calc((var(--shift) - var(--sq)) / 2);top:calc(var(--fs-hub) * .46 - var(--sq) / 2);width:var(--sq);height:var(--sq);background:var(--chapter);transition:transform .5s var(--ease-expo-out);pointer-events:none;position:absolute;transform:scale(0)}@media (width>=768px){.projets__entry.is-focused .projets__body{transform:translateX(var(--shift))}.projets__entry.is-focused .projets__square{transform:scale(1)}}.polaroid{aspect-ratio:802/1024;position:relative}.polaroid__photo{background:var(--ink);width:calc(87.78% + 2px);height:calc(69.43% + 2px);position:absolute;top:calc(12.3% - 1px);left:calc(5.36% - 1px);overflow:hidden}.polaroid__photo picture,.polaroid__img{width:100%;height:100%}.polaroid__img{object-fit:cover}.polaroid>picture{pointer-events:none;position:absolute;inset:0}.polaroid__frame{width:100%;height:100%}[data-preview-frame=etudes] .polaroid__img,[data-entry=etudes] .polaroid__img{object-position:50% 59%}[data-preview-frame=emplois] .polaroid__img,[data-entry=emplois] .polaroid__img{object-position:50% 65%}[data-preview-frame=initiatives] .polaroid__img,[data-entry=initiatives] .polaroid__img{object-position:50% 41%}.preview{z-index:20;pointer-events:none;position:fixed;inset:0}.preview__card{width:var(--preview-w);aspect-ratio:802/1024;will-change:transform;filter:drop-shadow(0 14px 26px #14141447);position:absolute;top:0;right:6vw}.preview__frame{clip-path:inset(100% 0 0);position:absolute;inset:0}.projets__thumb{display:none}@media (width<=767px),(hover:none),(pointer:coarse){body{--preview-w:0px}.preview{display:none}.projets__thumb{width:min(46vw,230px);margin-top:22px;display:block}}@media (width<=767px){.projets{--fs-hub:clamp(40px, 14.5vw, 64px);padding-top:130px;padding-bottom:20vh}.projets__list{gap:20vh}.projets__entry{grid-template-columns:1fr;row-gap:10px}.projets__num{padding-top:0}.projets .is-focusing [data-focus-item]:not(.is-focused){filter:none;opacity:1}}@media (prefers-reduced-motion:reduce){.projets__body{transition:none}.projets__square{opacity:0;transition:opacity .3s;transform:none}.projets__entry.is-focused .projets__body{transform:none}.projets__entry.is-focused .projets__square{opacity:1;transform:none}}