/* Le carnet se feuillette : couverture illustrée et pages de lecture. */
.academy-journal{margin:0;min-width:0;container-type:inline-size}
.journal-scene{position:relative;isolation:isolate;aspect-ratio:1.12;perspective:1600px;display:grid;place-items:center}
.journal-book{position:relative;width:86%;aspect-ratio:3/2;transform:translateX(-22%) rotate(-5deg);transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.3,.05,.2,1)}
.academy-journal:not([data-page="0"]) .journal-book{transform:translateX(-2%) rotate(-3deg)}
.journal-base,.journal-leaf{position:absolute;top:0;width:50%;height:100%;border-radius:2px 5px 5px 2px}
.journal-base{background:#faf7f1;box-shadow:0 5px 0 #e8ddd2,0 7px 0 #eee4db,0 14px 25px #64524918;outline:1px solid #ded1c4;transition:opacity .35s}
.journal-base-left{left:0;border-radius:5px 2px 2px 5px;opacity:0}
.journal-base-right{left:50%}
.academy-journal:not([data-page="0"]) .journal-base-left{opacity:1}
.journal-leaf{left:50%;transform-origin:left center;transform-style:preserve-3d;transition:transform 1.25s cubic-bezier(.3,.02,.2,1);transform:rotateY(0deg)}
.journal-cover{z-index:5}.journal-leaf-one{z-index:4}.journal-leaf-two{z-index:3}
.journal-leaf.is-turned{transform:rotateY(-180deg)}
.journal-cover.is-turned{z-index:1}.journal-leaf-one.is-turned{z-index:2}.journal-leaf-two.is-turned{z-index:3}
.journal-leaf.is-turning{z-index:8!important}
.journal-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border:1px solid #e3d8cc;border-radius:2px 5px 5px 2px;background:#fcfaf5}
.journal-face-front{box-shadow:inset 7px 0 11px -11px #4d303d65}
.journal-face-back{transform:rotateY(180deg);border-radius:5px 2px 2px 5px;box-shadow:inset -7px 0 11px -11px #4d303d65}
.journal-cover .journal-face-front{border-color:#e1cfc8;background:#f3e9e4;box-shadow:1px 3px 8px #6b51421c}
.journal-cover img{position:absolute;max-width:none;width:110%;height:108%;left:-5%;top:-4%;object-fit:fill}
.journal-pompon{position:absolute;right:0;top:14%;width:18%;height:68%;overflow:hidden;mix-blend-mode:multiply;transform:rotate(13deg) translateY(0);pointer-events:none;transition:transform 1.2s cubic-bezier(.3,.05,.2,1)}
.academy-journal:not([data-page="0"]) .journal-pompon{transform:rotate(15deg) translate(18%,5%)}
.journal-page-content{position:relative;height:100%;padding:13% 11% 10% 13%;color:#70595d;font-family:var(--sans);line-height:1.45}
.journal-face-back .journal-page-content{padding-left:11%;padding-right:13%}
.journal-kicker{display:block;font-size:clamp(7px,1.8cqw,10px);font-weight:500;letter-spacing:.07em;color:#a07f85;margin-bottom:7%}
.journal-page-title{display:block;font:400 clamp(14px,5.1cqw,29px)/1.09 var(--serif);letter-spacing:-.025em;color:#74555e;margin-bottom:8%}
.journal-plan,.journal-checklist{list-style:none;padding:0;margin:0;font-size:clamp(9px,2.35cqw,13px)}
.journal-plan li{padding:5% 0 3%;border-bottom:1px solid #e4d8cf}
.journal-bottom-note,.journal-small{display:block;font-size:clamp(7px,1.9cqw,10px);line-height:1.45;color:#99847e}
.journal-bottom-note{position:absolute;left:13%;right:11%;bottom:10%}
.journal-page-number{position:absolute;bottom:4%;right:10%;font:400 clamp(8px,2cqw,11px)/1 var(--serif);color:#b19b8d}
.journal-dedication{display:flex;flex-direction:column;justify-content:center;text-align:center;padding:12%}
.journal-dedication .journal-kicker{margin-bottom:15%}.journal-dedication .journal-page-title{font-size:clamp(17px,4.7cqw,26px);margin-bottom:13%}
.journal-strengths{display:flex;flex-direction:column;gap:6px;font:400 clamp(12px,3.1cqw,17px)/1.45 var(--serif);color:#937179}
.journal-strengths>span{padding-bottom:3%;border-bottom:1px solid #e5d7d8}
.journal-week p{margin:0 0 4%;font-size:clamp(10px,2.6cqw,14px);line-height:1.3}
.journal-week p>span{display:block;font:500 clamp(7px,1.8cqw,10px)/1.3 var(--sans);letter-spacing:.06em;color:#b18b83;margin-bottom:2%}
.journal-page-copy{font-size:clamp(9px,2.5cqw,14px);line-height:1.8;margin:0}
.journal-progress-track{display:flex;gap:5%;margin-top:15%}
.journal-progress-track i{height:4px;flex:1;background:#d6b2bd;transform-origin:left;transform:scaleX(.15);transition:transform .7s ease 1.3s}
.academy-journal[data-page="3"] .journal-progress-track i{transform:scaleX(1)}
.journal-progress-track i:nth-child(2){transition-delay:1.7s}.journal-progress-track i:nth-child(3){transition-delay:2.1s}
.journal-checklist{display:flex;flex-direction:column;gap:18px;gap:4.1cqw}
.journal-checklist li{display:flex;align-items:center;gap:8px;gap:1.6cqw}
.journal-checklist li>span{position:relative;width:15px;height:15px;width:3cqw;height:3cqw;min-width:10px;min-height:10px;flex-shrink:0;border:1px solid #c5a3ad;border-radius:2px;transition:background .3s ease 1.3s}
.journal-checklist li>span::after{content:"";display:block;position:absolute;left:24%;top:15%;width:36%;height:55%;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(40deg) scale(0);transition:transform .3s ease 1.3s}
.academy-journal[data-page="3"] .journal-checklist li>span{background:#a06f7f}.academy-journal[data-page="3"] .journal-checklist li>span::after{transform:rotate(40deg) scale(1)}
.journal-checklist li:nth-child(2)>span,.journal-checklist li:nth-child(2)>span::after{transition-delay:1.8s}.journal-checklist li:nth-child(3)>span,.journal-checklist li:nth-child(3)>span::after{transition-delay:2.3s}
.academy-journal figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0;background:none;min-height:52px}
.journal-caption-title{display:block;font:400 20px/1.3 var(--serif);letter-spacing:-.015em;color:#7b5c68}
.journal-caption-note{display:block;font:400 12px/1.6 var(--sans);color:#86736e;margin-top:5px}
.journal-controls{display:flex;align-items:center;gap:3px;flex-shrink:0}
.journal-controls button{width:36px;height:44px;display:grid;place-items:center;border:0;background:transparent;border-radius:4px;color:#856a76;cursor:pointer;padding:0}
.journal-controls button:hover{background:#f0e5e9}.journal-controls button:disabled{opacity:.28;cursor:default;background:transparent}
.journal-controls [data-journal-position]{font:400 11px/1 var(--sans);color:#947f85;white-space:nowrap}
.journal-controls [data-journal-play]{margin-left:4px;background:#eee3e7;width:40px}
@media(max-width:800px){.academy-journal{width:min(100%,570px);margin-top:0}.journal-scene{aspect-ratio:1.14}.journal-book{width:84%}.academy-journal:not([data-page="0"]) .journal-book{transform:translateX(-5%) rotate(-3deg)}.journal-pompon{right:3%;width:16%;height:65%;transform:rotate(8deg)}.academy-journal:not([data-page="0"]) .journal-pompon{transform:rotate(8deg) translateY(3%)}.academy-journal figcaption{gap:12px}.journal-caption-title{font-size:19px}}
@media(max-width:430px){.journal-book{aspect-ratio:3/2.1}.journal-bottom-note{display:none}.journal-scene{margin:0 -6px;aspect-ratio:1.08}.journal-book{width:84%}.academy-journal:not([data-page="0"]) .journal-book{transform:translateX(-5%) rotate(-3deg)}.journal-pompon{right:3%;width:16%;height:65%;transform:rotate(8deg)}.academy-journal:not([data-page="0"]) .journal-pompon{transform:rotate(8deg) translateY(3%)}.academy-journal figcaption{flex-direction:column;gap:13px;text-align:center}.journal-caption-note{font-size:12px}.journal-controls{gap:8px}.journal-controls button{width:44px}.journal-controls [data-journal-position]{font-size:12px}.journal-controls [data-journal-play]{width:44px;margin-left:6px}}
@media(prefers-reduced-motion:reduce){.journal-book,.journal-leaf,.journal-pompon,.journal-checklist li>span,.journal-checklist li>span::after,.journal-progress-track i{transition:none!important}.journal-controls [data-journal-play]{display:none}}

.journal-pompon img{position:absolute;max-width:none;height:100%;width:auto;left:50%;top:0;transform:translateX(-50%)}