.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:80px var(--gap)}.card{position:relative;grid-column:span 3}.card--wide{grid-column:span 6}.card--v{grid-column:span 2}.card__link{display:block;color:inherit;text-decoration:none;cursor:pointer}.card__link:focus-visible{outline:2px solid currentColor;outline-offset:8px;border-radius:var(--radius)}.card__go{margin-top:6px;opacity:0;transform:translate3d(-6px,0,0);transition:opacity var(--t) var(--ease),transform var(--t) var(--ease)}.card__link:hover .card__go,.card__link:focus-visible .card__go{opacity:var(--dim);transform:none}@media(hover:none){.card__go{opacity:var(--dim);transform:none}}.card__media{position:relative;aspect-ratio:16 / 9}.card--v .card__media{aspect-ratio:9 / 16}.card__frame{position:absolute;inset:0;overflow:hidden;border-radius:var(--radius);background:#141414;clip-path:inset(0 round var(--radius))}.card__pic{position:absolute;inset:0}.card__pic video,.card__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card__pic video{opacity:0;transition:opacity var(--t-slow) var(--ease)}.card__pic video.is-playing{opacity:1}.card__media .marks{inset:14px}.card__media .marks i{opacity:0;transition:opacity var(--t) var(--ease)}.card:hover .card__media .marks i{opacity:.9}.card__foot{display:flex;flex-direction:column;gap:10px;padding-top:18px}.card__meta{display:flex;gap:14px;opacity:var(--dim);font-variant-numeric:tabular-nums}.card__title{font-family:var(--font-display);font-weight:700;font-size:clamp(26px,3.4vw,56px);letter-spacing:var(--track-display);text-transform:uppercase;line-height:.95}.card__title .acc{font-size:.85em}.card__title .tw-word{display:inline-block;white-space:nowrap}.card__desc{max-width:52ch}@media(max-width:860px){.cards{grid-template-columns:1fr;gap:48px}.card,.card--wide,.card--v{grid-column:span 1}.card--v .card__media{aspect-ratio:4 / 5}}.team{padding:150px var(--pad-x);display:grid;grid-template-columns:calc(var(--col-2-in) - var(--gap)) minmax(0,1fr);gap:var(--gap)}.team__intro{position:sticky;top:120px;align-self:start}.team__intro .label{opacity:var(--dim);margin-bottom:20px}.team__title{font-size:var(--fs-xl);margin-bottom:36px}.team__text{font-size:var(--fs-lead);line-height:1.5;max-width:38ch;display:grid;gap:1.1em}.team__members{display:grid;gap:64px}.member{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:end;opacity:0;transform:translate3d(0,32px,0);transition:opacity .7s var(--ease),transform .7s var(--ease)}.member.is-visible,.no-motion .member{opacity:1;transform:none}.member__photo{aspect-ratio:1;object-fit:cover;width:100%;filter:grayscale(1) contrast(1.08);border-radius:var(--radius)}.member__name{font-family:var(--font-display);font-weight:700;font-size:var(--fs-l);letter-spacing:var(--track-display);text-transform:uppercase;line-height:.95;margin-bottom:10px}.member__role{font-family:var(--font-accent);font-style:italic;font-size:19px;margin-bottom:14px}.member__text{line-height:1.55}@media(max-width:860px){.team{grid-template-columns:1fr;padding:96px var(--pad-x);gap:48px}.team__intro{position:static}.team__title{font-size:12vw}.member{grid-template-columns:1fr;gap:16px}.member__photo{max-width:70%}}.plunge{position:relative;height:1000vh;background:var(--ink);color:var(--paper);--logos-h: 84px}.plunge__stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--ink)}.plunge__canvas{position:absolute;inset:0;width:100%;height:100%}.plunge__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;filter:grayscale(1) brightness(1.12);opacity:1;pointer-events:none;transition:opacity .6s linear}.plunge__stage.has-film .plunge__poster{opacity:0}.plunge__grain{position:absolute;inset:-6%;pointer-events:none;z-index:0;background:url(/frames/grain.png) repeat;background-size:256px 256px;mix-blend-mode:soft-light;opacity:.85;will-change:transform}.plunge__bottom{position:absolute;left:0;right:0;bottom:0;height:340px;pointer-events:none;z-index:1;background:linear-gradient(to top,#0a0a0aeb,#0a0a0ae0 18%,#0a0a0ab3,#0a0a0a6b,#0a0a0a2e 78%,#0a0a0a0d 92%,#0a0a0a00)}.hero__veil{position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(to top,#0a0a0adb,#0a0a0a80 30%,#0a0a0a00 58%)}.hero{position:absolute;left:var(--pad-x);right:var(--pad-x);bottom:calc(var(--logos-h) + 56px);z-index:2}.hero__title{font-size:clamp(40px,8vw,150px);max-width:12em}.hero__title .line--acc{font-size:.42em;line-height:1.1;text-transform:none;letter-spacing:0;margin-top:.3em}.hero__title .line--acc .acc{font-size:1em}.hero__row{display:flex;flex-direction:column;align-items:flex-start;gap:28px;margin-top:48px}.hero__text{font-size:var(--fs-lead);line-height:1.55;max-width:84ch}.hero__cta{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.hero__buttons{display:flex;flex-wrap:wrap;gap:14px 32px}.hero__marks{inset:104px var(--pad-x) calc(var(--logos-h) + 24px);z-index:2}.hero__foot{position:absolute;right:var(--pad-x);bottom:calc(var(--logos-h) + 56px);z-index:2;display:flex;gap:28px;align-items:center}.hero__scroll,.hero__tc{opacity:var(--dim)}.hero__tc{display:inline-block;min-width:10.5ch;text-align:right;contain:layout paint}.hero__scroll:after{content:" ↓"}.logos{position:absolute;left:var(--pad-x);right:var(--pad-x);bottom:0;z-index:2;height:var(--logos-h);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 48px;border-top:1px solid rgba(243,243,241,.22)}.logos:empty{display:none}.logos__titre{grid-row:1;opacity:var(--dim);align-self:end}.logos__ligne{grid-row:2;grid-column:1;align-self:start;font-family:var(--font-accent);font-style:italic;font-size:13px;opacity:var(--dim);white-space:nowrap}.logos__viewport{grid-row:1 / 3;grid-column:2;overflow:hidden}.logos__track{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:24px 36px}.logos__track li{flex:0 0 auto}.logos__track img{height:20px;width:auto;max-width:none;opacity:var(--dim)}.logos.is-marquee .logos__viewport{-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}.logos.is-marquee .logos__track{width:max-content;gap:0;justify-content:flex-start;animation:logos-scroll var(--dur, 40s) linear infinite}.logos.is-marquee .logos__track li{padding-right:48px}.logos.is-wrap .logos__track{flex-wrap:wrap;justify-content:flex-start;gap:16px 32px}@keyframes logos-scroll{to{transform:translate3d(-50%,0,0)}}@media(prefers-reduced-motion:reduce){.logos.is-marquee .logos__track{animation:none}}.plunge__steps{position:absolute;inset:0;pointer-events:none;z-index:1}.step{position:absolute;left:var(--pad-x);right:var(--pad-x);top:50%;transform:translateY(-50%);opacity:0;visibility:hidden}.step>div{position:relative;padding-top:28px}.step__num{position:absolute;top:0;left:0;opacity:var(--dim)}.step__title{font-size:var(--fs-xl)}.step__text{font-size:var(--fs-lead);line-height:1.5;max-width:36ch;margin:28px 0 0}.step--clair{mix-blend-mode:difference}.plunge__stage:after{content:"";position:absolute;inset:0 6% 0 0;z-index:0;pointer-events:none;opacity:0;transition:opacity .8s ease;background:linear-gradient(to right,rgba(10,10,10,.5) 0%,rgba(10,10,10,.46) 20%,rgba(10,10,10,.36) 45%,rgba(10,10,10,.24) 65%,rgba(10,10,10,.12) 82%,rgba(10,10,10,.03) 94%,transparent 100%)}.plunge.has-step .plunge__stage:after{opacity:1}.plunge__skip{position:absolute;left:var(--pad-x);bottom:calc(var(--logos-h) + 56px);opacity:0;visibility:hidden;z-index:3}.plunge__skip:hover{opacity:1!important}.sensor{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;overflow:hidden;background:#f6f1e6;opacity:0;visibility:hidden;box-shadow:0 0 40px 6px #fff4de47,0 0 140px 30px #fff0d229;container-type:inline-size}.reel--sensor .reel__label{font-size:14cqw}.reel--sensor .reel__legende{left:4cqw;bottom:4cqw}.sensor__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sensor:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 48px #fff6e466,inset 0 0 6px #fff6e480}.sensor__veil{position:absolute;inset:0;opacity:0;background:linear-gradient(to top,rgba(10,10,10,.72) 0%,rgba(10,10,10,.3) 36%,transparent 62%)}.plunge__final{position:absolute;left:var(--pad-x);right:var(--pad-x);bottom:16vh;z-index:3;font-size:clamp(44px,9.5vw,170px);opacity:0;visibility:hidden}.plunge__final .line--acc{font-size:.5em;line-height:1.1;text-transform:none;letter-spacing:0;margin-top:.2em}.plunge__final .line--acc .acc{font-size:1em}.reel{position:absolute;inset:0;display:grid;place-items:center}.reel--sensor{z-index:3;opacity:0;visibility:hidden}.reel__btn{display:block;color:var(--paper)}.reel__label{display:flex;align-items:center;justify-content:center;gap:.18em;font-family:var(--font-display);font-weight:700;font-size:clamp(44px,9vw,160px);letter-spacing:var(--track-display);text-transform:uppercase;line-height:1}.reel__play{width:.78em;height:.78em;border-radius:50%;background:var(--paper);color:var(--ink);display:grid;place-items:center;margin:0 .1em;transition:transform var(--t) var(--ease)}.reel__play svg{width:70%;height:70%;margin-left:6%}.reel__btn:hover .reel__play,.reel__btn:focus-visible .reel__play{transform:scale(1.1)}.reel__legende{position:absolute;left:var(--pad-x);bottom:var(--pad-y);opacity:var(--dim)}.reel-mobile{display:none}.works{padding:150px var(--pad-x) 120px;background:var(--ink);color:var(--paper);overflow:clip}.works__head{display:flex;align-items:baseline;gap:20px;margin-bottom:72px}.works__title{font-size:var(--fs-xl)}.works__count{opacity:var(--dim)}.works__more{display:flex;justify-content:center;margin-top:88px}@media(min-width:861px){#cards-home .card--v{grid-column:span 3}#cards-home .card--v .card__media{aspect-ratio:4 / 5}}.cta-end{min-height:80svh;display:flex;flex-direction:column;justify-content:center;gap:48px;padding:120px var(--pad-x)}.cta-end__title{font-size:var(--fs-giant)}.cta-end__text{font-size:var(--fs-lead);line-height:1.5;max-width:44ch;margin:-8px 0 0}.cta-end__actions{display:flex;flex-wrap:wrap;align-items:baseline;gap:32px 56px}.cta-end__mail{font-family:var(--font-accent);font-style:italic;font-size:var(--fs-m)}@media(max-width:860px){.plunge{height:auto;--logos-h: auto}.plunge__stage{position:relative;height:auto;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end}.plunge__canvas,.plunge__grain,.plunge__bottom,.plunge__steps,.sensor,.plunge__final,.reel--sensor,.plunge__skip,.hero__marks,.hero__tc,.plunge__stage:after{display:none}.plunge__poster{object-position:50% 50%;filter:grayscale(1) brightness(1.05)}.hero__veil{background:linear-gradient(to top,#0a0a0ae6,#0a0a0a9e 40%,#0a0a0a00 78%)}.hero{position:relative;left:auto;right:auto;bottom:auto;padding:140px var(--pad-x) 0}.hero__title{font-size:clamp(36px,10.4vw,120px);max-width:none}.hero__title .line--acc{font-size:.5em}.hero__row{grid-template-columns:1fr;gap:28px;margin-top:28px}.hero__text{font-size:17px;line-height:1.5;padding-right:0;text-wrap:balance}.hero__buttons{width:100%;flex-direction:column;gap:10px}.hero__buttons .btn{width:100%;justify-content:center}.hero__foot{position:relative;right:auto;bottom:auto;padding:24px var(--pad-x) 0}.logos{position:relative;left:auto;right:auto;bottom:auto;height:auto;margin:28px var(--pad-x) 0;padding:20px 0 24px;grid-template-columns:1fr;gap:14px}.logos__titre{grid-row:auto;align-self:auto}.logos__viewport{grid-row:auto;grid-column:auto}.logos__ligne{grid-row:auto;grid-column:auto;white-space:normal}.logos__track img{height:18px}.logos.is-marquee .logos__track li{padding-right:32px}.reel-mobile{display:block;padding:40px var(--pad-x) 24px;background:var(--ink);color:var(--paper)}.reel-mobile__card{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--radius);background:#141414}.reel-mobile__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reel--mobile .reel__legende{left:44px;bottom:40px}.reel-mobile .marks i{opacity:.8}.works{padding:56px var(--pad-x) 80px}.works__head{margin-bottom:40px}.works__title{font-size:12vw}.works__more{margin-top:56px}.cta-end{padding:96px var(--pad-x);gap:32px;min-height:0}.cta-end__text,.cta-end__actions{margin-left:0}}
