/* V10 — Les réalisations ouvrent le parcours. */
.variant-jumps{display:flex;gap:22px}.variant-jumps a{font:inherit}
.selected-projects{background:#191b17;color:#faf7ef}
.projects-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:76px 7% 30px}
.projects-intro h2{font:400 clamp(38px,4.5vw,64px)/1 'Cormorant Garamond',serif;margin:0}
.projects-intro nav{display:flex;gap:28px;flex-wrap:wrap}.projects-intro a{font:12px Inter,sans-serif;color:#e6e2d6;text-underline-offset:7px;padding:12px 0;min-height:44px}
.projects-intro a:hover,.projects-intro a:focus-visible{color:#e7ad8c}
.selected-project{position:relative;isolation:isolate;min-height:94svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%;padding:70px 9% 95px;overflow:hidden;scroll-margin-top:48px}
.project-atmosphere{position:absolute;inset:0;z-index:-2;background:#242e23;overflow:hidden}
.project-atmosphere img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;opacity:.17;filter:blur(12px);transform:scale(1.06)}
.selected-project:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#1c281be8,transparent 85%)}
.selected-project.rouge .project-atmosphere{background:#561b25}.selected-project.rouge:after{background:linear-gradient(90deg,#501b28e8,transparent)}
.selected-project.berry .project-atmosphere{background:#411724}.selected-project.berry:after{background:linear-gradient(90deg,#3b1524e8,transparent)}
.selected-copy{align-self:start;padding-top:9vh;z-index:2}.selected-label{font:10px/1.6 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:0 0 27px;color:#e5ded6}
.selected-copy h3{font:400 clamp(76px,8.2vw,132px)/.88 'Cormorant Garamond',serif;letter-spacing:-.045em;margin:0 0 25px}.selected-copy h3 em{font-weight:400}
.selected-line{font:13px/1.6 Inter,sans-serif;color:#e1ded5;margin:0 0 28px}
.selected-film{display:block;position:relative;justify-self:center;width:auto;height:72svh;max-height:770px;aspect-ratio:9/16;background:#161613;overflow:hidden;box-shadow:0 30px 80px #0003;color:#fff}
.selected-film video{width:100%;height:100%;object-fit:cover;display:block}
.film-open{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;white-space:nowrap;padding:12px 19px;border:1px solid #fff6;border-radius:999px;background:#191b17c9;backdrop-filter:blur(12px);font:11px Inter,sans-serif;transition:background .22s,color .22s}
.film-open>span{font-size:18px}.selected-film:is(:hover,:focus-visible) .film-open{background:#c2785c;color:#161713}
.selected-source{position:absolute;left:9%;bottom:90px;width:clamp(85px,10vw,150px);height:clamp(110px,15vw,190px);background:#f7f6f2;transform:rotate(-5deg);box-shadow:0 12px 30px #0003;margin:0}
.selected-source img{width:100%;height:100%;object-fit:contain}.selected-source figcaption{position:absolute;top:calc(100% + 10px);font:10px/1.4 Inter,sans-serif;color:#ddd5ca;transform:rotate(5deg);white-space:nowrap}
.wide-film{grid-template-columns:.8fr 1.5fr;gap:3%}.wide-film .selected-film{width:100%;height:auto;aspect-ratio:16/9;max-height:70svh}.wide-film .selected-copy h3{font-size:clamp(70px,7.8vw,120px)}
#skinDive.material-story{height:220svh!important;background:#262522;position:relative}
.material-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:#302e2b}
.material-frame{position:absolute;inset:0;margin:0;overflow:hidden;clip-path:inset(100% 0 0);visibility:hidden;z-index:1}
.material-frame.is-active{clip-path:inset(0);visibility:visible}
.material-frame>img{width:100%;height:100%;object-fit:cover;transform-origin:50% 42%;display:block}
.material-frame figcaption{position:absolute;bottom:185px;left:7%;z-index:5;color:#fff;font:12px/1.5 Inter,sans-serif;text-shadow:0 1px 12px #000}
.material-dress>img{object-fit:contain;background:#b1aea9}.material-dress figcaption{color:#fff}
.material-shade{position:absolute;inset:0;pointer-events:none;z-index:5;background:linear-gradient(0deg,#131812a8,transparent 40%,transparent 65%,#13181240)}
#materialHeading{position:absolute;left:7%;top:10%;z-index:6;font:400 clamp(32px,3.1vw,46px)/1.05 'Cormorant Garamond',serif;color:white;letter-spacing:-.035em;margin:0;pointer-events:none;text-shadow:0 2px 18px #0003}
.material-controls{position:absolute;left:7%;bottom:125px;z-index:7;display:flex;gap:7px;flex-wrap:wrap}
.material-controls button{background:#151b18b8;backdrop-filter:blur(10px);border:1px solid #fff5;border-radius:999px;color:#faf7ef;padding:12px 20px;min-height:44px;font:12px Inter,sans-serif;cursor:pointer}
.material-controls button[aria-pressed=true]{background:#faf7ef;color:#191a17;border-color:#faf7ef}
.material-controls button:is(:hover,:focus-visible){background:#c2785c;color:#191a17;border-color:#c2785c}
.material-progress{position:absolute;bottom:0;height:2px;width:100%;z-index:8;background:#ffffff22}.material-progress span{display:block;height:100%;background:#e5b290;transform-origin:left;transform:scaleX(0)}
.dress-packshot{position:absolute;right:7%;top:12%;width:clamp(100px,12vw,170px);z-index:7;padding:0;background:#fff;color:#191a17;box-shadow:0 12px 35px #0003;cursor:pointer;border:0;transform:rotate(4deg)}
.dress-packshot img{width:100%;height:23svh;min-height:130px;object-fit:contain;display:block}.dress-packshot span{display:block;padding:10px;font:10px/1.4 Inter,sans-serif;background:#faf7ef;transition:background .22s}.dress-packshot:is(:hover,:focus-visible) span{background:#c2785c}
#dressDialog{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;padding:28px 5%;margin:0;border:0;background:#eeeae3;color:#232820;overflow:auto}
#dressDialog::backdrop{background:#121713d9}#dressDialog header{display:flex;align-items:start;justify-content:space-between;gap:20px;padding-bottom:24px}
#dressDialog header p{font:10px/1.5 Inter,sans-serif;text-transform:uppercase;letter-spacing:.15em;margin:0 0 12px}#dressDialog h2{font:400 clamp(26px,3vw,46px)/1.1 'Cormorant Garamond',serif;margin:0}
#dressDialog button{border:1px solid #232820;background:transparent;border-radius:999px;min-height:44px;padding:10px 20px;font:12px Inter,sans-serif;cursor:pointer;white-space:nowrap}#dressDialog button:is(:hover,:focus-visible){background:#c2785c}
.dress-comparison{display:grid;grid-template-columns:1fr 2fr;gap:4%;align-items:center;min-height:70svh}.dress-comparison figure{margin:0}.dress-comparison img{display:block;width:100%;max-height:72svh;object-fit:contain}.dress-comparison figcaption{margin-top:18px;font:12px/1.5 Inter,sans-serif}
@media(max-width:767px){
 .variant-jumps{gap:10px}.variant-jumps a:not(:first-child){display:none}.variant-tools{gap:10px}
 .projects-intro{display:block;padding:60px 7% 25px}.projects-intro h2{font-size:44px}.projects-intro nav{gap:20px;margin-top:16px}.projects-intro a{font-size:10px}
 .selected-project{display:block;min-height:calc(100svh - 48px);padding:50px 7% 100px}.selected-copy{padding-top:0}.selected-label{font-size:9px;margin-bottom:17px}.selected-copy h3{font-size:68px;line-height:.92;margin-bottom:15px}.selected-line{font-size:12px;margin-bottom:18px}.selected-copy .nv-cta{position:relative;z-index:4}
 .selected-film{margin:28px 0 0 auto;height:45svh;max-width:77%;max-height:510px}.selected-source{left:7%;bottom:145px;width:20%;height:26vw;z-index:3}.selected-source figcaption{font-size:8px;white-space:normal}
 .film-open{padding:10px 13px;font-size:10px;bottom:12px;gap:8px}.wide-film .selected-copy h3{font-size:68px}.wide-film .selected-film{margin:30px 0 0;width:100%;max-width:none;height:auto;aspect-ratio:16/9}.wide-film .selected-source{bottom:125px;height:28vw;width:22%}
 #skinDive.material-story{height:220svh!important}.material-frame>img{object-position:48% center}.material-frame[data-material="1"]>img{object-position:48% center}.material-frame[data-material="2"]>img{object-position:40% center}
 .material-dress>img{object-fit:contain;object-position:center 42%}.material-dress{background:#b1aea9}.material-frame figcaption{bottom:144px;font-size:11px}
 #materialHeading{font-size:34px;top:12%;left:7%;max-width:85%}.material-controls{left:7%;right:7%;bottom:80px;gap:5px;flex-wrap:nowrap}.material-controls button{font-size:10px;padding:10px 13px;flex:1}
 .dress-packshot{top:auto;bottom:155px;right:7%;width:90px}.dress-packshot img{height:115px;min-height:0}.dress-packshot span{font-size:8px;padding:7px}
 #dressDialog{padding:24px 6%}#dressDialog header{gap:12px}#dressDialog header p{font-size:9px}#dressDialog h2{font-size:29px}#dressDialog button{font-size:10px;padding:10px 12px}.dress-comparison{grid-template-columns:1fr;gap:30px}.dress-comparison figure:first-child img{height:47svh}.dress-comparison figcaption{font-size:11px;margin-top:12px}
}
@media(prefers-reduced-motion:reduce){
 #skinDive.material-story{height:100svh!important}.material-stage{position:relative}.material-progress{display:none}.material-frame>img{transform:none!important}.selected-film video{object-fit:cover}
}