.dossier-scene{position:absolute;inset:0;display:grid;place-items:center;perspective:1300px;--open:0}
.dossier-volume{width:47%;aspect-ratio:.74;position:relative;transform-style:preserve-3d;transform:translateX(calc(var(--open)*35%)) rotateX(39deg) rotateZ(-27deg);font-size:clamp(10px,1.7vw,23px)}
.dossier-stock,.dossier-lid,.dossier-lid>span{position:absolute;inset:0;border-radius:2px 6px 6px 2px}
.dossier-stock{background:linear-gradient(90deg,#d6c8b4,#faf5eb 8%,#fffaf1 75%,#e8dfcc);border:3px solid #682637;box-shadow:1px 2px #dfd6c4,2px 4px #c6bba4,3px 6px #e8dfca,4px 8px #542135,9px 25px 27px #35262026;display:flex;flex-direction:column;justify-content:center;padding:12%;color:#612338;font:1.6em/1.04 var(--serif)}
.dossier-stock small{display:block;font:normal .31em/1.5 var(--sans,sans-serif);letter-spacing:.13em;margin-top:1.8em}
.dossier-lid{transform-origin:left center;transform-style:preserve-3d;transform:translateZ(2px) rotateY(calc(-166deg * var(--open)))}
.dossier-lid>span{display:grid;place-content:center;text-align:center;backface-visibility:hidden;background:linear-gradient(105deg,#592034 1%,#893c4d 4%,#601e31 7%,#813347 65%,#6b293c);border:1px solid #622033;color:#ecd8ae;box-shadow:inset 0 0 0 5px #752f40,inset 0 0 0 6px #b8876380}
.dossier-lid>span:first-child:before{content:'F';font:italic 4.8em/.95 Georgia,serif}.dossier-lid b{font:normal .52em/2 sans-serif;letter-spacing:.24em}.dossier-lid>span:last-child{transform:rotateY(180deg);background:#702c40}
.concept-note{color:var(--wine);font-size:11px;letter-spacing:.06em}.folio-film{width:100%;display:block;aspect-ratio:16/10;background:#491b28}.whitepaper-cover{background:linear-gradient(115deg,#491c2a,#682b39)!important}.footer .brand-mark{filter:brightness(0) invert(.9)}
@media(max-width:800px){.dossier-volume{font-size:clamp(10px,2.8vw,18px)}}
