.page.project-detail-page{width:min(880px,100%);padding-top:clamp(24px,4vh,48px)}.project-detail__overview{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,64px);width:100%;max-width:816px;margin:clamp(40px,7vh,64px) auto 40px;display:grid}.project-detail__header h1{color:#f5f7ff;align-items:center;gap:14px;margin:0 0 14px;font-size:clamp(28px,2.6vw,34px);font-weight:500;line-height:1.15;display:flex}.project-detail__header h1 img{object-fit:contain;flex:none;width:auto;max-width:48px;height:30px}.project-detail__title-link{min-width:0;color:inherit;text-decoration:none;display:block}.project-detail__title-ending{white-space:nowrap}.project-detail__external-icon{vertical-align:baseline;letter-spacing:normal;width:.5em;height:.5em;margin-inline-start:.36em;display:inline-block}.page .project-detail__title-link:focus-visible{border-radius:4px}.project-detail__header>p{color:#a9bbd2;margin:0;font-size:14px;line-height:1.85}.project-detail__header .project-detail__date{color:#d7e3f5;margin:0 0 22px;font-size:14px;font-weight:500}.project-detail__header .project-detail__context{color:#94a4ba;margin-top:16px;font-size:12px}.project-detail__visual{background:#111521;border:1px solid #ffffff18;border-radius:14px;overflow:hidden}.project-detail__visual img{object-fit:contain;width:100%;height:auto;max-height:290px;display:block}.project-detail__work{width:100%;max-width:816px;margin:36px auto 0}.project-detail__work h2{color:#f5f7ff;margin:0;font-size:20px;font-weight:500}.project-detail__work .project-card__contributions{border:0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 40px;margin-top:24px;padding-top:0}.project-detail__work .project-card__contributions:before{display:none}@media (width<=760px){.project-detail__overview{grid-template-columns:1fr;gap:28px}.project-detail__visual{width:100%;max-width:520px}}@media (width<=560px){.project-detail__work .project-card__contributions{grid-template-columns:1fr;gap:0}.project-detail__header h1{gap:12px}.project-detail__header h1 img{max-width:44px;height:30px}}.page--projects{width:min(1160px,100%)}.project-cards{margin-top:clamp(48px,8vh,88px)}.project-cards__list{display:grid}.project-card{border-top:1px solid #0000;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"body visual""contributions contributions";gap:0 48px;min-width:0;padding:clamp(36px,6vw,64px) 0;display:grid;position:relative}.project-card:before,.project-card__contributions:before,.project-card__contribution:after{content:"";pointer-events:none;width:100%;height:1px;transform:scaleX(var(--separator-scale,1));transform-origin:0;position:absolute;left:0}.project-card:before{background:#ffffff42;top:-1px}.project-card__contributions:before{background:#ffffff14;top:-1px}.project-card__contribution:after{background:#ffffff14;bottom:-1px}.project-card--cvadapte{border-top:0;padding-top:0}.project-card--cvadapte:before{display:none}.project-card__body{grid-area:body;align-self:start;min-width:0}.project-card__body h2{color:#f5f7ff;align-items:center;gap:14px;margin:0 0 20px;font-size:clamp(25px,3.5vw,34px);font-weight:500;line-height:1.2;display:flex}.project-card__logo{object-fit:contain;flex:none;width:auto;max-width:80px;height:30px}.project-card--jeu .project-card__logo{height:36px}.project-card__body p{color:#a9bbd2;text-wrap:pretty;max-width:580px;font-size:15px;line-height:1.8}.project-card__body .project-card__context{color:#91a1b8;margin-top:14px;font-size:12px;line-height:1.8}.project-card__body .project-card__date{color:#8d9bb0;margin-top:14px;font-size:12px;line-height:1.5}.project-card__visual{aspect-ratio:2;border-radius:4px;grid-area:visual;align-self:start;width:100%;min-width:0;position:relative;overflow:hidden}.page .project-card__visual:focus-visible{border-radius:32px}.project-card__visual img{object-fit:cover;object-position:center top;border-radius:32px;width:100%;height:100%;display:block;position:absolute;inset:0}.project-card__title-link{color:inherit;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.project-card__external-icon{background:#fff;flex:none;width:20px;height:20px;mask:url(/svg/arrow-up-right.svg) 50%/contain no-repeat}.project-card__link-label{text-underline-offset:.15em;text-decoration:underline max(1px,.05em) #85858f;transition:text-decoration-color .25s}.project-card__title-link:is(:hover,:focus-visible) .project-card__link-label,.project-card__resource-link:is(:hover,:focus-visible) .project-card__link-label,.project-detail__title-link:is(:hover,:focus-visible) .project-card__link-label{text-decoration-color:#fff}.project-card__contributions{border-top:1px solid #0000;grid-area:contributions;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:40px;margin:32px 0 0;padding-top:16px;display:grid;position:relative}.project-card__contribution-column{flex-direction:column;min-width:0;display:flex}.project-card__contribution{border-bottom:1px solid #0000;position:relative}.project-card__contribution-heading{margin:0;font-size:12px;font-weight:500}.project-card__contribution-trigger{color:#d2dbea;width:100%;min-height:44px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;line-height:1.5;display:flex}.project-card__contribution-trigger:hover{color:#fff}.project-card__contribution-trigger:focus-visible{outline-offset:4px;border-radius:2px;outline:2px solid #fff}.project-card__contribution-arrow{background:#fff;flex:none;width:14px;height:14px;transition:transform .28s;transform:rotate(-90deg);mask:url(/svg/navigation-back-arrow.svg) 50%/contain no-repeat}.project-card__contribution-trigger[aria-expanded=true] .project-card__contribution-arrow{transform:rotate(90deg)}.project-card__contribution-panel{visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .32s,visibility .32s;display:grid}.project-card__contribution-panel[data-open=true]{visibility:visible;grid-template-rows:1fr}.project-card__contribution-inner{min-height:0;overflow:hidden}.project-card__contribution-content{color:#91a1b8;text-wrap:pretty;padding:2px 0 16px;font-size:12px;line-height:1.8}.project-card__contribution-content strong{color:#d2dbea;font-weight:500}.project-card__resource-link{color:#d2dbea;align-items:center;gap:6px;width:fit-content;min-height:32px;margin-top:8px;font-size:12px;text-decoration:none;display:flex}.project-card__resource-link .project-card__link-label{align-items:center;gap:6px;display:inline-flex}.project-card__resource-link .project-card__external-icon{background:currentColor;width:12px;height:12px}.project-card__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=760px){.project-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"body""visual""contributions";gap:0}.project-card__body{margin-bottom:24px}.project-card__contributions{grid-template-columns:1fr;gap:20px;margin-top:24px;padding-top:24px}.project-card__body h2{font-size:27px}}@media (prefers-reduced-motion:reduce){.project-card__link-label,.project-card__contribution-arrow,.project-card__contribution-panel{transition:none}}:root{color-scheme:dark}*{box-sizing:border-box}.page{width:min(880px,100%);font-family:var(--site-font,"Manrope", sans-serif);margin-inline:auto;padding:clamp(32px,6vw,64px) clamp(20px,4vw,32px) 96px}.page__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.page__back-icon{flex:none;width:15px;height:15px}.page__back{color:#fff;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 18px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .18s,border-color .18s;display:inline-flex}.page__back:hover{background:#ffffff14;border-color:#ffffff6b}.page__nav{flex-wrap:wrap;gap:10px;display:flex}.page__nav a{color:#f5f7ff;border:1px solid #ffffff3d;border-radius:999px;align-items:center;min-height:40px;padding:0 18px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .18s,border-color .18s,color .18s;display:inline-flex}.page__nav a:hover{border-color:#ffffff6b}.page__nav a[aria-current=page]{color:#0b0b12;background:#fff;border-color:#fff}.page a:focus-visible{outline-offset:4px;border-radius:999px;outline:2px solid #fff}.page__title{color:#fff;letter-spacing:-.035em;overflow-wrap:anywhere;margin:clamp(48px,8vh,80px) 0 32px;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:500;line-height:1.05}.page__content{color:#a9bbd2;line-height:1.6}.page__content p{margin:0}.page__wheel{height:62vh;min-height:380px;margin-top:-12px;position:relative}@media (width<=560px){.page__header{flex-direction:column;align-items:flex-start;gap:12px}}
