/* Motif, vêtement, éditorial : une séquence native, trois médias conservés. */
.variant-bar{position:fixed;inset:0 0 auto;z-index:320;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:0 24px;background:#151714ed;backdrop-filter:blur(14px);color:#fafaf7;font:11px/1.4 Inter,sans-serif;border-bottom:1px solid #ffffff20}
.variant-tools{display:flex;align-items:center;gap:22px}
.variant-bar a,.variant-bar button{display:inline-flex;align-items:center;min-height:44px;background:none;color:inherit;border:0;font:inherit;cursor:pointer;text-decoration:none}
#prototypeNotes{top:60px}
.proof-sequence{position:relative;height:175svh;background:#e8e3d9;color:#221e23;scroll-margin-top:0}
.proof-stage{position:sticky;top:0;height:100svh;min-height:550px;overflow:hidden;isolation:isolate}
.proof-stage figure{margin:0;position:absolute}
.proof-result{inset:48px 0 80px;z-index:1;overflow:hidden}
.proof-result img{display:block;width:100%;height:100%;object-fit:contain}
.proof-source,.proof-packshot{z-index:3}
.proof-source{left:5%;top:36%;width:8%;height:16%}
.proof-packshot{left:15%;top:36%;width:11%;height:auto;aspect-ratio:1122/1402}
.proof-source img,.proof-packshot img{display:block;width:100%;height:100%;object-fit:contain}
.proof-source img{object-fit:cover}
.proof-source figcaption,.proof-packshot figcaption{position:absolute;top:calc(100% + 10px);left:0;width:100%;font:10px/1.4 Inter,sans-serif;text-align:left;letter-spacing:.02em}
.proof-shade{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(90deg,#15111c90,transparent 70%);opacity:0}
.proof-copy{position:absolute;top:13%;left:5%;z-index:5;pointer-events:none}
.proof-kicker{font:10px/1.4 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;margin-bottom:15px}
.proof-copy h2{font:400 clamp(54px,5.5vw,90px)/.9 "Cormorant Garamond",serif;letter-spacing:-.04em;margin:0}
.proof-copy h2 em{font-weight:400}
.proof-action{position:absolute;left:5%;bottom:17%;z-index:6}
.proof-action[hidden]{display:none}
.proof-progress{position:absolute;bottom:0;left:0;height:2px;width:100%;background:#221e2320;z-index:6}
.proof-progress span{display:block;height:100%;width:100%;background:#c2785c;transform-origin:left;transform:scaleX(1)}
.proof-static{height:100svh}
.proof-static .proof-stage{position:relative}
.proof-static .proof-action,.proof-static .proof-progress{display:none}
@media(max-width:767px){
 .variant-bar{padding:0 13px;gap:12px;font-size:10px}.variant-tools{gap:13px}.variant-jump{display:none!important}
 .proof-copy{top:13%;left:7%}
 .proof-copy h2{font-size:clamp(46px,12.5vw,64px)}
 .proof-kicker{font-size:9px;margin-bottom:12px}
 .proof-result{inset:32% 0 auto;height:auto;aspect-ratio:16/9}
 .proof-source{left:7%;top:64%;width:18%;height:13%}
 .proof-packshot{left:31%;top:64%;width:21%;height:auto}
 .proof-action{left:auto;right:7%;bottom:15%}
 .proof-source figcaption,.proof-packshot figcaption{font-size:9px;top:calc(100% + 7px)}
}
@media(max-height:650px) and (min-width:768px){
 .proof-copy h2{font-size:52px}.proof-copy{top:15%}.proof-source,.proof-packshot{top:42%}
 .proof-action{bottom:17%}.proof-stage{min-height:100svh}
}
@media(prefers-reduced-motion:reduce){
 .proof-sequence{height:100svh}.proof-stage{position:relative}.proof-action,.proof-progress{display:none}
}