.projet-detail-section{background:var(--color-bg);padding:calc(var(--navbar-height) + var(--space-16))0 var(--space-32);position:relative}.projet-detail-section__observer{pointer-events:none;visibility:hidden;position:absolute;top:10%}.projet-detail-section__back{align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-12);opacity:0;transition:opacity .5s var(--ease-out),transform .5s var(--ease-out),color var(--duration-fast)var(--ease-in-out);display:inline-flex;transform:translate(-8px)}.projet-detail-section--visible .projet-detail-section__back{opacity:1;transform:translate(0)}.projet-detail-section__back:hover{color:var(--color-accent)}.projet-detail-section__back svg{transition:transform var(--duration-default)var(--ease-out)}.projet-detail-section__back:hover svg{transform:translate(-3px)}.projet-detail-section__header{max-width:820px;margin-bottom:var(--space-14);opacity:0;transition:opacity .7s .1s var(--ease-out),transform .7s .1s var(--ease-out);transform:translateY(20px)}.projet-detail-section--visible .projet-detail-section__header{opacity:1;transform:translateY(0)}.projet-detail-section__meta-row{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.projet-detail-section__category{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-accent);display:inline-block}.projet-detail-section__year{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-dim);font-variant-numeric:tabular-nums}.projet-detail-section__meta-row .projet-detail-section__year:before{content:"·";margin-right:var(--space-4);opacity:.4}.projet-detail-section__title{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:var(--weight-bold);line-height:var(--leading-none);letter-spacing:var(--tracking-tighter);color:var(--color-text);margin:0 0 var(--space-6)}.projet-detail-section__excerpt{font-size:clamp(var(--text-lg),2vw,var(--text-xl));line-height:var(--leading-normal);color:var(--color-text-secondary);max-width:60ch;margin:0}.projet-detail-section__gallery{gap:var(--space-4);margin-bottom:var(--space-16);opacity:0;transition:opacity .8s .2s var(--ease-out),transform .8s .2s var(--ease-out);flex-direction:column;display:flex;transform:translateY(24px)}.projet-detail-section--visible .projet-detail-section__gallery{opacity:1;transform:translateY(0)}.projet-detail-section__main-image-wrap{border-radius:var(--radius-lg);background:var(--color-bg-deep);aspect-ratio:16/9;box-shadow:var(--shadow-lg);overflow:hidden}.projet-detail-section__main-image{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease-out);display:block}.projet-detail-section__main-image:hover{transform:scale(1.02)}.projet-detail-section__thumbnails{gap:var(--space-3);flex-wrap:wrap;display:flex}.projet-detail-section__thumb{border-radius:var(--radius-sm);cursor:pointer;width:80px;height:50px;transition:border-color var(--duration-fast)var(--ease-in-out);background:var(--color-surface);border:2px solid #0000;flex-shrink:0;padding:0;overflow:hidden}.projet-detail-section__thumb img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-fast)var(--ease-in-out);display:block}.projet-detail-section__thumb:hover img{transform:scale(1.08)}.projet-detail-section__thumb--active{border-color:var(--color-accent)}.projet-detail-section__no-image{border-radius:var(--radius-lg);margin-bottom:var(--space-16);box-shadow:var(--shadow-lg);overflow:hidden}.projet-detail-section__no-image-svg{aspect-ratio:16/9;width:100%;height:auto;display:block}.projet-detail-section__body{gap:var(--space-12);opacity:0;transition:opacity .7s .35s var(--ease-out),transform .7s .35s var(--ease-out);grid-template-columns:1fr;align-items:start;display:grid;transform:translateY(24px)}.projet-detail-section--visible .projet-detail-section__body{opacity:1;transform:translateY(0)}@media (min-width:900px){.projet-detail-section__body{gap:var(--space-16);grid-template-columns:1fr 300px}}.projet-detail-section__description{min-width:0}.projet-detail-section__desc-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text);margin:0 0 var(--space-8);letter-spacing:var(--tracking-tight)}.projet-detail-section__desc-para{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0 0 var(--space-6);max-width:68ch}.projet-detail-section__desc-para:last-child{margin-bottom:0}.projet-detail-section__sidebar{gap:var(--space-6);flex-direction:column;display:flex}.projet-detail-section__info-card{padding:var(--space-6)0 0;border-top:2px solid var(--color-accent)}.projet-detail-section__info-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-dim);margin:0 0 var(--space-6);letter-spacing:var(--tracking-wider);text-transform:uppercase}.projet-detail-section__info-list{margin:0 0 var(--space-6);flex-direction:column;gap:0;padding:0;list-style:none;display:flex}.projet-detail-section__info-list dt{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:var(--tracking-wider);padding:var(--space-4)0 var(--space-1);border-top:1px solid var(--color-border)}.projet-detail-section__info-list dt:first-child{border-top:none;padding-top:0}.projet-detail-section__info-list dd{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);margin:0 0 var(--space-4)}.projet-detail-section__tags{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.projet-detail-section__tag{padding:3px var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-dim);border:1px solid var(--color-border);transition:color var(--duration-fast)var(--ease-in-out),border-color var(--duration-fast)var(--ease-in-out);display:inline-block}.projet-detail-section__tag:hover{color:var(--color-accent);border-color:var(--color-border-accent)}.projet-detail-section__live-link{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);padding:var(--space-4)var(--space-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);transition:background var(--duration-fast)var(--ease-in-out),color var(--duration-fast)var(--ease-in-out),border-color var(--duration-fast)var(--ease-in-out);display:flex}.projet-detail-section__live-link:hover{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.projet-detail-section__cta-card{background:var(--color-bg-deep);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;position:relative;overflow:hidden}.projet-detail-section__cta-card:before{content:"";background:linear-gradient(90deg,transparent,var(--color-accent-glow),transparent);height:1px;position:absolute;top:0;left:0;right:0}.projet-detail-section__cta-card:after{content:"";pointer-events:none;background:radial-gradient(#c5e3840f 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.projet-detail-section__cta-text{z-index:1;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);margin:0 0 var(--space-6);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);position:relative}