/* Original footage owns the pile; HTML owns only the current physical sheet. */
.learning-shell{height:calc(220svh + var(--document-count,14)*110svh)}
.learning-copy{width:24%;top:20%;transition:opacity .2s}
.learning-copy p{max-width:320px}.learning-copy h2{font-size:clamp(32px,4.4vw,62px)}
.learning-shell[data-documents-started=true] .learning-copy>p{opacity:0}
.learning-shell[data-documents-started=true] .learning-copy h2{font-size:clamp(28px,3.4vw,46px)}
.learning-shell[data-documents-started=true] .learning-copy{opacity:.72}
.learning-shell[data-portfolio-state=packed] .learning-copy>p,.learning-shell[data-portfolio-state=closing] .learning-copy>p,.learning-shell[data-portfolio-state=complete] .learning-copy>p{opacity:0}
.learning-stage>.media-layer{inset:0!important;transform:translateX(var(--case-shift,0px));will-change:transform;mask-image:none!important;-webkit-mask-image:none!important}
.learning-shell .learning-stage>.media-layer{opacity:1}
.learning-stage .sequence-canvas,.learning-stage .poster,.learning-stage .case-clean-plate{object-fit:contain!important;object-position:center 56%!important}
.learning-stage .case-clean-plate{position:absolute;inset:0;width:100%;height:100%;z-index:2;opacity:0!important;pointer-events:none}
.paper-stack{position:absolute;inset:0;z-index:5;perspective:1300px;pointer-events:none}
.achievement-paper{position:absolute;left:64%;top:48%;width:min(60vw,820px);height:min(64vh,560px);padding:0;min-height:0;max-height:none;border:0;border-radius:1px;background:transparent;opacity:0;pointer-events:none;transform-origin:50% 50%;transform-style:preserve-3d;will-change:auto}
.achievement-paper[aria-hidden=false]{will-change:transform,opacity}
.achievement-paper.is-reading{pointer-events:auto}
.paper-front,.paper-back{position:absolute;inset:0;border-radius:1px;transform-origin:50% 50%;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;box-shadow:12px 20px 48px rgba(0,0,0,calc(var(--paper-shadow,1)*.48))}
.paper-front{transform:rotateY(var(--paper-turn,0deg))}
.paper-back{transform:rotateY(calc(var(--paper-turn,0deg) + 180deg));background:transparent url('folio-scenes/paper-back-v4.webp') center / 100% 100% no-repeat}
.paper-front:after,.paper-back:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#e9e2cc;opacity:.75;pointer-events:none}
.paper-controls{position:absolute;bottom:27px;left:6vw;right:6vw;display:flex;gap:12px;align-items:center;z-index:80;color:var(--secondary);font-size:12px}
.paper-controls button{width:44px;height:44px;padding:8px;display:grid;place-items:center;background:#111516;color:#efede7;border-color:#b9bdb86b}
.paper-controls #paper-counter{margin-right:auto;line-height:1.45}.paper-controls [data-paper=restart]{width:auto;padding:8px 15px;font-size:12px}
.learning-footer{display:none}
/* Reduced motion and short viewports use a complete reading flow. */
.paper-flow{height:auto!important}
.paper-flow .learning-stage{position:relative;height:auto;min-height:0;overflow:visible;padding:80px 6vw 30px}
.paper-flow .learning-copy{position:relative;top:auto;left:auto;width:100%;margin-bottom:45px;opacity:1!important}
.paper-flow .learning-copy>p{opacity:1!important}
.paper-flow .learning-stage>.media-layer,.paper-flow .learning-stage>.scene-shade{display:none}
.paper-flow .paper-stack{position:relative;inset:auto;display:flex;flex-direction:column;gap:32px;perspective:none}
.paper-flow .achievement-paper{position:relative;left:auto;top:auto;width:min(100%,820px);height:auto;opacity:1!important;transform:none!important;margin:0 auto;will-change:auto;pointer-events:auto}
.paper-flow .paper-front{position:relative;min-height:520px;transform:none!important}.paper-flow .paper-back{display:none}
.paper-flow .paper-controls{position:relative;bottom:auto;left:auto;right:auto;margin-top:35px}.paper-flow .paper-controls [data-paper]{display:none}
@media(max-width:700px){
.learning-copy{top:7%;width:88%}.learning-copy h2{font-size:32px!important;max-width:12ch}.learning-copy>p{font-size:14px;max-width:32ch}
.learning-shell[data-documents-started=true] .learning-copy h2{max-width:none;font-size:27px!important}
.achievement-paper{left:50%;top:50%;width:90vw;height:min(70svh,620px)}
.paper-controls{bottom:18px;gap:8px;font-size:10px;flex-wrap:wrap}.paper-controls #paper-counter{flex:1;min-width:45%}.paper-controls [data-paper=restart]{font-size:10px;padding:8px 10px}
.paper-flow .learning-stage{padding-top:70px}.paper-flow .learning-copy h2{font-size:32px!important}.paper-flow .paper-front{min-height:580px}.paper-flow .paper-controls #paper-counter{min-width:65%}
}