:root{--col-count:12;--col-gap:clamp(0.75rem, 1.5vw, 1.25rem);--page-margin:clamp(1.25rem, 4vw, 5rem);--page-max:1200px;--section-space:clamp(4rem, 8vw, 7rem);--block-space:clamp(2.5rem, 4vw, 3.5rem);--radius:10px;--radius-lg:14px;--c-text:#1a1a1a;--c-muted:#434343;--c-faint:#696969;--c-border:rgba(0, 0, 0, 0.08);--c-surface:rgba(0, 0, 0, 0.025);--c-surface-h:rgba(0, 0, 0, 0.04)}.projet-detail-page{background:#fefcfb;position:relative;overflow-x:hidden}.projet-detail-page .header .logo,.projet-detail-page .header .nav a{color:var(--c-text)}.projet-detail-page .header--inverted .nav a{color:#fff}.projet-detail-page .header--inverted .logo img{filter:invert(1)}.gradient-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;transition:opacity .4s ease-out}.gradient-blob{position:absolute;border-radius:50%;filter:blur(100px);animation:blobFloat 40s ease-in-out infinite}.blob-1{width:45vw;height:45vw;max-width:600px;max-height:600px;top:-10%;left:0;background:rgba(100,80,200,.7)}.blob-2{width:40vw;height:40vw;max-width:500px;max-height:500px;top:20%;right:-5%;background:rgba(200,100,150,.6);animation-delay:-10s}.blob-3{width:35vw;height:35vw;max-width:450px;max-height:450px;bottom:10%;left:20%;background:rgba(80,150,200,.5);animation-delay:-20s}@keyframes blobFloat{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(50px,-40px) scale(1.08)}50%{transform:translate(-30px,30px) scale(.92)}75%{transform:translate(40px,50px) scale(1.05)}}.reveal-on-scroll{opacity:0;transform:translateY(24px);transition:opacity .65s cubic-bezier(.25, .46, .45, .94),transform .65s cubic-bezier(.25, .46, .45, .94)}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}.reveal-on-scroll:nth-child(2){transition-delay:60ms}.reveal-on-scroll:nth-child(3){transition-delay:0.12s}.reveal-on-scroll:nth-child(4){transition-delay:0.18s}.projet-detail-page .back-link{position:fixed;bottom:2rem;left:2rem;z-index:999;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--c-text);text-decoration:none;transition:transform .3s cubic-bezier(.34, 1.56, .64, 1),box-shadow .3s ease;box-shadow:0 2px 16px rgba(0,0,0,.08)}.projet-detail-page .back-link svg{width:20px;height:20px}.projet-detail-page .back-link:hover{transform:scale(1.1);box-shadow:0 4px 24px rgba(0,0,0,.12)}.projet-hero{position:relative;z-index:1;height:85vh;height:85dvh;min-height:500px;display:flex;align-items:flex-end;justify-content:center;padding:0 var(--page-margin) 4rem;overflow:hidden;cursor:pointer}.projet-hero-image{position:absolute;inset:-20% 0 0 0;z-index:0;will-change:transform}.projet-hero-image img{width:100%;height:100%;object-fit:cover;display:block}.projet-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.08) 40%,rgba(0,0,0,.5) 100%);z-index:1}.projet-hero-content{position:relative;z-index:2;text-align:center;max-width:900px}.projet-category{display:inline-block;font-family:var(--font-body);font-size:.75rem;font-weight:400;color:rgba(255,255,255,.7);text-transform:none;letter-spacing:.18em;margin-bottom:1rem}.projet-title{font-family:var(--font-display);font-size:clamp(2.8rem, 8vw, 6.5rem);font-weight:485;font-variation-settings:'wdth' 150;color:#fff;letter-spacing:-.03em;line-height:.95}.projet-brief,.projet-gallery,.projet-video-section{position:relative;z-index:1;width:100%;max-width:calc(var(--page-max) + var(--page-margin) * 2);margin:0 auto;padding-left:var(--page-margin);padding-right:var(--page-margin);display:grid;grid-template-columns:repeat(var(--col-count),1fr);column-gap:var(--col-gap)}.projet-brief{padding-top:var(--section-space);padding-bottom:clamp(2rem,4vw,3.5rem);border-bottom:1px solid var(--c-border);row-gap:0}.brief-meta{grid-column:1/7;display:grid;grid-template-columns:1fr 1fr;gap:1.8rem 1.5rem;align-content:start}.meta-item{display:flex;flex-direction:column;gap:.35rem}.meta-label{font-family:var(--font-body);font-size:.65rem;font-weight:500;color:var(--c-faint);text-transform:none;letter-spacing:.14em}.meta-value{font-family:var(--font-body);font-size:.92rem;font-weight:400;color:var(--c-text);line-height:1.5}.brief-text{grid-column:7/13}.brief-text p{font-family:var(--font-body);font-size:clamp(1.05rem, 1.4vw, 1.18rem);font-weight:300;color:var(--c-text);line-height:1.6}.projet-gallery{padding-top:clamp(2rem,4vw,3.5rem);padding-bottom:2rem;row-gap:var(--col-gap)}.gallery-image{border-radius:var(--radius);overflow:hidden;grid-column:span 6}.gallery-image img{width:100%;height:100%;display:block;object-fit:cover;aspect-ratio:16/10;transition:transform .6s cubic-bezier(.25, .46, .45, .94)}.gallery-image:hover img{transform:scale(1.02)}.gallery-image.full-width{grid-column:1/-1}.gallery-image.full-width img{aspect-ratio:16/8}.gallery-image.vertical img{aspect-ratio:3/4}.gallery-text{grid-column:1/-1;display:grid;grid-template-columns:repeat(var(--col-count),1fr);column-gap:var(--col-gap);padding-top:var(--block-space);padding-bottom:var(--block-space)}.gallery-text h2{grid-column:1/7;font-family:var(--font-display);font-size:clamp(1.15rem, 2vw, 1.5rem);font-weight:485;font-variation-settings:'wdth' 150;color:var(--c-text);letter-spacing:-.03em;line-height:1.3;align-self:start}.gallery-text p{grid-column:7/13;font-family:var(--font-body);font-size:clamp(.92rem, 1.15vw, 1rem);font-weight:300;color:var(--c-text);line-height:1.65;opacity:.85}.content-typography{grid-column:1/-1;padding:clamp(2.5rem,4vw,4rem) clamp(2rem,3vw,3rem);background:var(--c-surface);border-radius:var(--radius-lg);border:1px solid var(--c-border)}.typo-section-title{font-family:var(--font-display);font-size:clamp(1.1rem, 2vw, 1.35rem);font-weight:500;color:var(--c-text);margin-bottom:2.5rem;letter-spacing:-.01em}.typo-font{margin-bottom:2.5rem}.typo-font:last-child{margin-bottom:0}.typo-label{display:block;font-family:var(--font-body);font-size:.65rem;font-weight:500;color:var(--c-faint);text-transform:none;letter-spacing:.14em;margin-bottom:.5rem}.typo-name{display:block;font-size:clamp(2.5rem, 6vw, 5rem);font-weight:500;color:var(--c-text);line-height:1.1;margin-bottom:1rem}.typo-specimen{font-size:.95rem;font-weight:400;color:var(--c-text);line-height:1.8;opacity:.45;letter-spacing:.04em}.content-colors{grid-column:1/-1;padding:var(--block-space) 0;display:grid;grid-template-columns:repeat(var(--col-count),1fr);column-gap:var(--col-gap)}.colors-section-title{grid-column:1/7;font-family:var(--font-display);font-size:clamp(1.1rem, 2vw, 1.35rem);font-weight:485;font-variation-settings:'wdth' 150;color:var(--c-text);letter-spacing:-.03em;align-self:start}.colors-grid{grid-column:7/13;display:flex;gap:var(--col-gap);flex-wrap:wrap}.color-swatch{display:flex;flex-direction:column;gap:.6rem;flex:0 0 100px;width:100px}.color-swatch-block{width:100%;aspect-ratio:1;border-radius:var(--radius);box-shadow:0 2px 8px rgba(0,0,0,.06);transition:transform .3s ease,box-shadow .3s ease}.color-swatch:hover .color-swatch-block{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.1)}.color-swatch-hex{font-family:var(--font-body);font-size:.72rem;font-weight:500;color:var(--c-text);letter-spacing:.02em}.color-swatch-name{font-family:var(--font-body);font-size:.62rem;font-weight:400;color:var(--c-faint);text-transform:none;letter-spacing:.08em}.content-production{grid-column:1/-1;padding:var(--block-space) 0;border-top:1px solid var(--c-border);display:grid;grid-template-columns:repeat(var(--col-count),1fr);column-gap:var(--col-gap)}.production-title{grid-column:1/7;font-family:var(--font-display);font-size:clamp(1.1rem, 2vw, 1.35rem);font-weight:500;color:var(--c-text);letter-spacing:-.01em;align-self:start}.production-text{grid-column:7/13;font-family:var(--font-body);font-size:clamp(.92rem, 1.15vw, 1rem);font-weight:300;color:var(--c-text);line-height:1.65;opacity:.85;margin-bottom:1.5rem}.production-link{grid-column:7/13;display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:.82rem;font-weight:400;color:var(--c-text);text-decoration:none;padding:.65rem 1.3rem;border:1px solid rgba(0,0,0,.12);border-radius:50px;width:fit-content;transition:background .3s ease,border-color .3s ease,transform .3s ease}.production-link:hover{background:var(--c-surface-h);border-color:rgba(0,0,0,.25);transform:translateY(-1px)}.production-link svg{flex-shrink:0;transition:transform .3s ease}.production-link:hover svg{transform:translate(2px,-2px)}.layout-vertical .gallery-image{grid-column:span 4}.layout-vertical .gallery-image img{aspect-ratio:3/4;object-fit:cover}.layout-vertical .gallery-image.full-width{grid-column:span 4}.layout-vertical .gallery-text{grid-column:1/-1}.projet-video-section{padding-top:2rem;padding-bottom:var(--section-space);row-gap:2rem}.video-section-title{grid-column:1/-1;font-family:var(--font-display);font-size:clamp(1.1rem, 2vw, 1.35rem);font-weight:500;color:var(--c-text);text-align:center;letter-spacing:-.01em}.video-container{grid-column:1/-1}.single-video{width:100%;aspect-ratio:16/9;display:block;border-radius:var(--radius-lg);background:#000;border:none}.single-video.video-vertical{max-width:380px;margin:0 auto;aspect-ratio:9/16}.videos-grid{display:flex;flex-wrap:wrap;gap:var(--col-gap);justify-content:center}.video-item{border-radius:var(--radius-lg);overflow:hidden}.video-item iframe,.video-item video{display:block;border:none}.video-item.horizontal{width:100%}.video-item.horizontal iframe,.video-item.horizontal video{width:100%;aspect-ratio:16/9}.video-item.vertical{flex:0 1 380px;max-width:380px}.video-item.vertical iframe,.video-item.vertical video{width:100%;aspect-ratio:9/16}.projet-navigation{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--c-border)}.nav-next,.nav-prev{display:flex;align-items:center;gap:1.5rem;padding:2rem clamp(1.5rem,3vw,3rem);text-decoration:none;transition:background .3s ease;overflow:hidden}.nav-prev{border-right:1px solid var(--c-border)}.nav-next{flex-direction:row;justify-content:flex-end}.nav-next:hover,.nav-prev:hover{background:var(--c-surface)}.nav-next:hover .nav-thumbnail img,.nav-prev:hover .nav-thumbnail img{transform:scale(1.05)}.nav-info{display:flex;flex-direction:column}.nav-next .nav-info{text-align:right;align-items:flex-end}.nav-label{font-family:var(--font-body);font-size:.65rem;font-weight:400;color:var(--c-faint);text-transform:none;letter-spacing:.14em;margin-bottom:.4rem}.nav-title{font-family:var(--font-display);font-size:clamp(1.1rem, 2.5vw, 1.8rem);font-weight:500;color:var(--c-text);line-height:1.2}.nav-thumbnail{flex-shrink:0;width:110px;height:72px;border-radius:8px;overflow:hidden}.nav-thumbnail img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.25, .46, .45, .94)}.projet-detail-page .footer{position:relative;z-index:1;background:0 0}.projet-detail-page .footer-bottom,.projet-detail-page .footer-main{background:0 0}.projet-detail-page .footer-bottom-left p,.projet-detail-page .footer-email,.projet-detail-page .footer-social a{color:var(--c-text)}.before-after-container{position:relative;width:100%;border-radius:var(--radius);overflow:hidden;cursor:ew-resize;user-select:none;-webkit-user-select:none}.before-after-container img{display:block;width:100%;height:auto;pointer-events:none}.before-after-before{position:absolute;top:0;left:0;width:100%;height:100%;clip-path:inset(0 50% 0 0)}.before-after-before img{width:100%;height:100%;object-fit:cover}.before-after-after img{width:100%;height:auto;display:block}.before-after-handle{position:absolute;top:0;bottom:0;width:2px;background:#fff;cursor:ew-resize;z-index:10;box-shadow:0 0 12px rgba(0,0,0,.25)}.before-after-handle-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 16px rgba(0,0,0,.2);transition:transform .2s ease}.before-after-container:active .before-after-handle-icon{transform:translate(-50%,-50%) scale(.92)}.before-after-handle-icon svg{width:18px;height:18px;color:var(--c-text)}.before-after-label{position:absolute;bottom:1rem;padding:.35rem .75rem;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-family:var(--font-body);font-size:.65rem;font-weight:400;text-transform:none;letter-spacing:.12em;border-radius:4px;pointer-events:none;z-index:5}.before-after-label.label-before{left:1rem}.before-after-label.label-after{right:1rem}@media (max-width:1024px){.projet-hero{height:70vh}.gradient-blob{filter:blur(80px)}.blob-1{width:50vw;height:50vw}.blob-2{width:45vw;height:45vw}.blob-3{width:40vw;height:40vw}}@media (max-width:750px){:root{--col-count:1}.projet-detail-page .back-link{bottom:1.5rem;left:1.5rem;width:42px;height:42px}.projet-detail-page .back-link svg{width:18px;height:18px}.projet-hero{height:60vh;min-height:400px}.brief-meta{grid-column:1/-1;margin-bottom:2rem}.brief-text{grid-column:1/-1}.gallery-image,.gallery-image.full-width,.gallery-image.vertical{grid-column:1/-1}.gallery-image.full-width img{aspect-ratio:16/10}.gallery-text{grid-template-columns:1fr}.gallery-text h2,.gallery-text p{grid-column:1/-1}.gallery-text h2{margin-bottom:.5rem}.content-colors{grid-template-columns:1fr}.colors-section-title{grid-column:1/-1;margin-bottom:1.5rem}.colors-grid{grid-column:1/-1}.content-production{grid-template-columns:1fr}.production-link,.production-text,.production-title{grid-column:1/-1}.production-title{margin-bottom:1rem}.content-typography{padding:2rem 1.5rem}.typo-name{font-size:clamp(2rem, 10vw, 3.5rem)}.videos-grid{flex-direction:column}.video-item.vertical{flex:none;max-width:100%}.nav-next,.nav-prev{padding:1.5rem;gap:1rem}.nav-thumbnail{width:85px;height:56px;border-radius:6px}.layout-vertical .gallery-image{grid-column:1/-1}.gradient-blob{filter:blur(60px)}.blob-1{width:60vw;height:60vw}.blob-2{width:55vw;height:55vw}.blob-3{width:50vw;height:50vw}}@media (max-width:480px){.projet-hero{height:50vh;min-height:350px}.projet-title{font-size:clamp(2rem, 11vw, 3.2rem)}.brief-meta{grid-template-columns:1fr 1fr;gap:1.2rem}.projet-navigation{grid-template-columns:1fr}.nav-prev{border-right:none;border-bottom:1px solid var(--c-border)}.nav-next{justify-content:flex-start}.nav-next .nav-info{text-align:left;align-items:flex-start}.nav-thumbnail{width:72px;height:48px}}@media (max-width:750px){.before-after-container{border-radius:8px}.before-after-handle-icon{width:32px;height:32px}.before-after-handle-icon svg{width:15px;height:15px}.before-after-label{font-size:.58rem;padding:.3rem .55rem}}[data-theme=dark]{--c-text:#e8e8e8;--c-muted:#999999;--c-faint:#888888;--c-border:rgba(255, 255, 255, 0.08);--c-surface:rgba(255, 255, 255, 0.025);--c-surface-h:rgba(255, 255, 255, 0.04)}[data-theme=dark] .projet-detail-page{background:#0a0a0a}[data-theme=dark] .projet-detail-page .back-link{background:rgba(30,30,30,.85);box-shadow:0 2px 8px rgba(0,0,0,.3)}[data-theme=dark] .projet-detail-page .back-link:hover{box-shadow:0 4px 16px rgba(0,0,0,.4)}[data-theme=dark] .production-link{border-color:rgba(255,255,255,.12)}[data-theme=dark] .production-link:hover{border-color:rgba(255,255,255,.25)}[data-theme=dark] .color-swatch-block{box-shadow:0 1px 3px rgba(255,255,255,.06)}[data-theme=dark] .color-swatch:hover .color-swatch-block{box-shadow:0 2px 8px rgba(255,255,255,.1)}