/* The pocket stays rigid. Paper clears it at full size before settling in front. */
.founder{padding-block:104px;overflow:visible}
.envelope-scene{--envelope-ease:cubic-bezier(.45,0,.2,1);--letter-pocket-top:280px;--paper-clearance:290px;--envelope-drop:145px;perspective:none;--pocket-shape:polygon(0 -1000px,100% -1000px,100% var(--letter-pocket-top),90% var(--letter-pocket-top),64% calc(var(--letter-pocket-top) + var(--pocket-fold-depth,65px)),36% calc(var(--letter-pocket-top) + var(--pocket-fold-depth,65px)),13% var(--letter-pocket-top),0 var(--letter-pocket-top))}
.envelope-motion{position:relative;min-height:inherit;perspective:none;transform:none}
.envelope-art{aspect-ratio:931.993/889.437;pointer-events:none}
.envelope-base{visibility:visible;z-index:1;clip-path:none}
.envelope-cover,.envelope-lid{display:none!important}
.letter-stage{position:relative;z-index:4;clip-path:none}
.envelope-scene .letter{transition:none;transform:none;clip-path:none;transform-origin:50% 0;opacity:1}
@media(min-width:1025px) and (prefers-reduced-motion:no-preference){
 .js .envelope-scene:not(.is-visible) .letter-stage{clip-path:var(--pocket-shape)}
 .js .envelope-scene:not(.is-visible) .letter{transform:translateY(calc(var(--letter-pocket-top) + var(--pocket-fold-depth,65px)))}
 .js .envelope-scene.is-visible .letter{animation:founder-paper-emerge 1.65s var(--envelope-ease) both}
 .js .envelope-scene.is-visible .letter-stage{animation:founder-envelope-settle 1.65s var(--envelope-ease) both,founder-pocket-release 1.65s steps(1,end) both}
 .js .envelope-scene.is-visible .envelope-base{animation:founder-envelope-settle 1.65s var(--envelope-ease) both}
}
@keyframes founder-paper-emerge{0%{transform:translateY(calc(var(--letter-pocket-top) + var(--pocket-fold-depth,65px)))}60%,65%{transform:translateY(calc(0px - var(--paper-clearance)))}100%{transform:translateY(0)}}
/* Release only once the entire sheet is above the opening; no shape interpolation. */
@keyframes founder-pocket-release{0%,62%{clip-path:var(--pocket-shape)}63%,100%{clip-path:none}}
@keyframes founder-envelope-settle{0%{transform:translateY(0)}60%,65%{transform:translateY(var(--envelope-drop))}100%{transform:translateY(0)}}
.motion-paused .envelope-scene .envelope-art,.motion-paused .envelope-scene .letter,.motion-paused .envelope-scene .letter-stage{animation:none!important;transform:none!important;clip-path:none!important}
@media(prefers-reduced-motion:reduce){.envelope-scene .envelope-art,.js .envelope-scene .letter,.envelope-scene .letter-stage{animation:none!important;transform:none!important;clip-path:none!important}.comparison-labels button{transition:none}}