/* The Story Edition — native HTML/CSS paper, one measured sequence. */
.hero-magazine{width:100%;min-width:0}
.magazine-stage{position:relative;isolation:isolate;container-type:inline-size;aspect-ratio:1.08;overflow:visible;background:transparent;perspective:1800px;color:#273b2d}
.magazine-stage-heading,.magazine-stage-foot{position:absolute;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;gap:16px;z-index:1;font-size:clamp(3.5px,1.55cqw,10px);line-height:1.6;letter-spacing:.11em;color:#6c7663}
.magazine-stage-heading{top:7%}.magazine-stage-heading>span:last-child{font-size:.82em;letter-spacing:.07em}
.magazine-stage-foot{bottom:6%;font-size:clamp(3px,1.35cqw,9px);letter-spacing:.1em}
.magazine-edition-mark{font:italic 20px Georgia,serif;color:#839076}
.magazine-halo{display:none}
.magazine-book{position:absolute;left:3%;top:16%;width:94%;aspect-ratio:1.43;--page-w:47cqw;transform-style:preserve-3d;transform:rotateX(12deg) rotateY(-7deg) rotateZ(-5deg);filter:none}
.magazine-book:before{display:none}
.magazine-page-stack{position:absolute;left:50%;top:3px;width:50%;height:100%;border-radius:2px 4px 5px 2px;background:repeating-linear-gradient(0deg,#d3d1c3 0 1px,#f6f4e9 1px 2px);box-shadow:0 5px 8px -5px #24342120,0 24px 32px -20px #28312435;transform:translateZ(-2px)}
.magazine-page-stack-left{left:0}
.magazine-base{position:absolute;top:0;width:50%;height:100%;background:#fdfbf2;overflow:hidden}
.magazine-base-left{left:0;border-radius:3px 0 0 3px}.magazine-base-right{left:50%;border-radius:0 3px 3px 0;padding:4.1% 4.4% 3.5%;display:flex;flex-direction:column;box-shadow:inset 8px 0 15px -10px #383b2850}
.magazine-spine{position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(90deg,#555e3726,#fffaf0a6);transform:translateX(-1px) translateZ(.5px);z-index:0;pointer-events:none}
.magazine-leaf{display:none;position:absolute;left:50%;top:0;width:50%;height:100%;transform-style:preserve-3d;transform-origin:0 50%;transform:rotateY(-180deg);pointer-events:none}
.magazine-face{position:absolute;inset:0;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fdfbf2;padding:8.2% 9%;display:flex;flex-direction:column;transform:translateZ(.3px);border-radius:0 3px 3px 0;box-shadow:inset 7px 0 15px -11px #2c302653}
.magazine-face-back{transform:rotateY(180deg) translateZ(.3px);border-radius:3px 0 0 3px;box-shadow:inset -8px 0 15px -11px #2c302653}
.magazine-face:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#33351d12,transparent 14%,transparent 85%,#7d7c5010)}
.folio-page-top,.folio-masthead{display:flex;justify-content:space-between;gap:8px;font:500 clamp(2.5px,1.08cqw,7px)/1.5 var(--font);letter-spacing:.07em}
.folio-page-top{margin-bottom:14%}.folio-page-bottom{margin-top:auto;font:500 clamp(2px,.93cqw,6px)/1.5 var(--font);letter-spacing:.08em}
.folio-large-type{display:block;font:400 clamp(10px,5.5cqw,35px)/1.03 Georgia,'Times New Roman',serif;letter-spacing:-.045em}.folio-large-type em{font-weight:400;color:#8c7951}
.folio-small-copy{font:400 clamp(2.5px,1.25cqw,8px)/1.8 var(--font);margin-top:12%;color:#68715f}
.folio-cover{background:#263d2e;color:#f8f3df;padding-bottom:7%;box-shadow:inset 8px 0 12px -9px #0009}
.folio-cover .folio-page-top{font-size:clamp(2.5px,1.13cqw,7px);letter-spacing:.08em;color:#e4e8d8;position:relative;z-index:2;margin-bottom:10%}
.folio-cover-title{position:relative;z-index:2;font:400 clamp(14.5px,7.2cqw,48px)/.91 Georgia,serif;letter-spacing:-.055em}.folio-cover-title em{font-weight:400;color:#c9bc98}
.folio-cover-photo{position:absolute;left:0;right:0;bottom:0;height:53%;background:linear-gradient(0deg,#172c20e0,transparent 64%),linear-gradient(180deg,#263d2e,transparent 35%),url('assets/founder-portrait-v33-640.webp') center 42%/cover}
.folio-cover-line{position:relative;margin-top:auto;z-index:2;font:500 clamp(3px,1.5cqw,9px)/1.6 var(--font);letter-spacing:.08em}
.folio-cover-bottom{position:relative;z-index:2;font:400 clamp(2px,.85cqw,5.5px)/1.5 var(--font);letter-spacing:.06em;margin-top:9%;color:#c4d0b9}
.folio-opening{background:#eae9dc}.folio-opening .folio-large-type{margin-top:8%}.folio-opening .folio-small-copy{max-width:18ch}
.folio-spark{background:#f4f1e7}.folio-spark .folio-large-type{font-size:clamp(10.5px,5.8cqw,38px)}
.folio-spark-photo{height:34%;margin-top:auto;margin-bottom:8%;background:url('assets/editorial-desk-v33-640.webp') center/cover}.folio-spark .folio-page-bottom{margin-top:0}
.folio-quote{background:#dddccc}.folio-quote .folio-large-type{position:relative;z-index:1;font-size:clamp(11.5px,6cqw,40px)}.folio-quote-mark{position:absolute;right:10%;top:13%;font:normal 26cqw Georgia,serif;line-height:1;color:#b9b9a480}
.folio-work{background:#fdfbf2}.folio-work .folio-page-top{margin-bottom:8%}.folio-work-photo{height:37%;background:url('assets/editorial-craft-v34-640.webp') center/cover;margin-bottom:10%}.folio-work-title{font:400 clamp(9.5px,4.9cqw,32px)/1.05 Georgia,serif;letter-spacing:-.04em}.folio-work-title em{color:#887953}.folio-work .folio-small-copy{margin-top:7%}
.folio-perspective{background:#e9e9dd}.folio-perspective .folio-large-type{font-size:clamp(11.5px,6.1cqw,40px);margin-top:9%}.folio-line-art{margin-top:auto;margin-bottom:6%;width:65%;height:12%;border:1px solid #acb295;border-radius:50%;transform:rotate(-15deg)}
.folio-moment{background:#2e4433;color:#f8f4e6}.folio-moment .folio-page-top{color:#bbc8b0}.folio-moment .folio-large-type{font-size:clamp(12.5px,6.7cqw,44px);margin-top:8%}.folio-moment .folio-large-type em{color:#cbbb94}.folio-moment .folio-small-copy{color:#d5dbcb}.folio-moment .folio-page-bottom{color:#bdcbb1}
.magazine-face-back:has(.folio-portrait){padding:0}
.folio-portrait{position:absolute;inset:0;background:linear-gradient(0deg,#172c22e6,transparent 57%),url('assets/celebration-v33-640.webp') 36% center/cover;color:#fff7e8;box-shadow:inset -9px 0 18px -15px #0009}
.folio-photo-credit{position:absolute;top:7%;left:9%;right:9%;font:500 clamp(2px,.93cqw,6px)/1.6 var(--font);letter-spacing:.08em;text-shadow:0 1px 10px #0009}
.folio-portrait-copy{position:absolute;bottom:10%;left:9%;right:8%;font:400 clamp(8px,4.1cqw,27px)/1.12 Georgia,serif;letter-spacing:-.03em}.folio-portrait-copy em{color:#ddd2b5;font-weight:400}.folio-portrait-number{position:absolute;bottom:4%;right:8%;font:400 clamp(2px,1cqw,7px)/1 var(--font);color:#d0d6c2}
.folio-masthead{padding-bottom:4%;border-bottom:1px solid #c7cbb4;color:#738064;flex:none}
.folio-article-kicker{display:flex;align-items:center;gap:5px;font:500 clamp(2.5px,1.12cqw,7px)/1.5 var(--font);letter-spacing:.07em;color:#8b764a;margin-top:8%}.folio-article-kicker i{width:4px;height:4px;border-radius:50%;background:#a79059}
.folio-article-title{font:400 clamp(12px,6.6cqw,43px)/.96 Georgia,serif;letter-spacing:-.055em;margin-top:5%}.folio-article-title em{font-weight:400;color:#897449}
.folio-article-deck{font:400 clamp(3.5px,1.8cqw,11.5px)/1.5 var(--font);letter-spacing:-.015em;margin-top:6%;color:#3c4d37}
.folio-article-body{display:grid;grid-template-columns:1fr 1fr;gap:8%;font:400 clamp(2.25px,1.12cqw,7.3px)/1.65 var(--font);margin-top:6%;color:#727763}.folio-article-body>span{min-width:0}
.folio-article-byline{font:500 clamp(2px,.85cqw,5.5px)/1.6 var(--font);letter-spacing:.06em;margin-top:auto;padding-top:4%;color:#798168}
.folio-article-footer{display:flex;justify-content:space-between;font:400 clamp(2px,.93cqw,6px)/1.5 var(--font);margin-top:5%;padding-top:3%;border-top:1px solid #d3d5c5;color:#7e805f}
.folio-foil{position:absolute;inset:0;opacity:0;background:linear-gradient(115deg,transparent 25%,#efe0a460 45%,#fffdf6b3 50%,#e3ca6c26 55%,transparent 75%);pointer-events:none;transform:translateX(-110%)}

body[data-page=index] main .hero-magazine>.magazine-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px;font:400 11px/1.6 var(--font);letter-spacing:0;color:#697563}
.magazine-caption>div:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}.magazine-phase{color:#42563b;font-size:12px}.magazine-disclosure{font-size:10px;color:#7b826f}
.magazine-controls{display:flex;align-items:center;gap:18px;flex:none}.magazine-controls button{font:500 11px/1.5 var(--font);border:0;border-radius:0;background:transparent;color:#435d37;display:inline-flex;gap:7px;align-items:center;min-height:44px;padding:0;cursor:pointer;white-space:nowrap}
.magazine-controls button[hidden]{display:none}.magazine-controls button:disabled{cursor:default;opacity:.6}.magazine-controls button:focus-visible{outline:2px solid #60774d;outline-offset:4px}
.magazine-replay svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.magazine-read>span{font-size:14px}

/* Eight articulated panels give each leaf a continuous, gently bending silhouette.
   Only transforms and opacity animate; printed layouts remain fixed. */
.paper-panel{position:absolute;top:0;left:0;width:12.5%;height:100%;transform-style:preserve-3d;transform-origin:0 50%}
.paper-panel>.paper-panel{left:100%;width:100%}
.paper-surface{position:absolute;inset:0 -1px 0 -1px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(.08px)}
.paper-back{transform:rotateY(180deg) translateZ(.08px)}
.paper-surface>.magazine-face{width:var(--page-w);height:100%;inset:auto;top:0;left:calc(var(--slice) * var(--page-w) / -8 + 1px);padding:calc(var(--page-w) * .082) calc(var(--page-w) * .09);border-radius:0;box-shadow:none;transform:none;-webkit-backface-visibility:visible;backface-visibility:visible}
.paper-back>.magazine-face{left:calc((7 - var(--slice)) * var(--page-w) / -8 + 1px)}
.paper-surface>.magazine-face:has(.folio-portrait){padding:0}
.paper-surface:after{content:"";position:absolute;inset:0;pointer-events:none;background:rgba(21,37,27,calc(.008 * var(--slice)));opacity:0}
.paper-back:after{background:rgba(21,37,27,calc(.008 * (7 - var(--slice))))}
.magazine-leaf>.paper-panel{visibility:hidden}
.magazine-stage-heading,.magazine-stage-foot{display:none}
.magazine-enhanced:not(.magazine-static) .magazine-leaf{display:block;transform:rotateY(0deg)}
.magazine-enhanced:not(.magazine-static) .magazine-book{opacity:1;transform:translate3d(-25%,30px,0) rotateX(19deg) rotateY(-10deg) rotateZ(-8deg)}
.magazine-enhanced:not(.magazine-static) .magazine-base-left,.magazine-enhanced:not(.magazine-static) .magazine-page-stack-left{opacity:0}
.magazine-running:not(.magazine-static) .magazine-book{animation:folio-arrival 22s linear both}
.magazine-running:not(.magazine-static) .magazine-base-left,.magazine-running:not(.magazine-static) .magazine-page-stack-left{animation:folio-left 22s linear both}
.magazine-running:not(.magazine-static) .folio-foil{animation:folio-celebrate 22s linear both}
.magazine-enhanced .magazine-leaf-one{z-index:8}.magazine-enhanced .magazine-leaf-two{z-index:7}.magazine-enhanced .magazine-leaf-three{z-index:6}.magazine-enhanced .magazine-leaf-four{z-index:5}
.magazine-paused .magazine-stage *,.motion-paused .magazine-stage *{animation-play-state:paused!important}
@keyframes folio-arrival{
0%{opacity:0;transform:translate3d(-25%,30px,0) rotateX(19deg) rotateY(-10deg) rotateZ(-8deg);animation-timing-function:cubic-bezier(.18,.8,.22,1)}
9%,11%{opacity:1;transform:translate3d(-25%,0,0) rotateX(12deg) rotateY(-7deg) rotateZ(-5deg);animation-timing-function:cubic-bezier(.38,.02,.18,1)}
29%,100%{opacity:1;transform:translate3d(0,0,0) rotateX(12deg) rotateY(-7deg) rotateZ(-5deg)}}
@keyframes folio-left{0%,13%{opacity:0}24%,100%{opacity:1}}
@keyframes folio-celebrate{0%,92%{opacity:0;transform:translateX(-110%)}94%{opacity:.42;transform:translateX(-65%)}99%,100%{opacity:0;transform:translateX(110%)}}
.magazine-running:not(.magazine-static) .magazine-leaf-one{animation:folio-turn-one 22s linear both}
.magazine-running:not(.magazine-static) .magazine-leaf-one .paper-panel>.paper-panel{animation:folio-bend-one 22s linear both}
.magazine-running:not(.magazine-static) .magazine-leaf-one .paper-surface:after{animation:folio-shade-one 22s linear both}
@keyframes folio-turn-one{0%,11%{transform:translateZ(1.20px) rotateY(0);z-index:8;animation-timing-function:cubic-bezier(.38,.02,.18,1)}29%{transform:translateZ(1.50px) rotateY(-180deg);z-index:8}29.05%,100%{transform:translateZ(1.50px) rotateY(-180deg);z-index:1}}
@keyframes folio-bend-one{0%,10%{transform:rotateY(0);animation-timing-function:ease-in-out}12.8%{transform:rotateY(-1.2deg);animation-timing-function:cubic-bezier(.4,0,.2,1)}18.74%{transform:rotateY(4.8deg);animation-timing-function:cubic-bezier(.25,0,.2,1)}27.8%{transform:rotateY(.4deg);animation-timing-function:ease-out}29%,100%{transform:rotateY(0)}}
@keyframes folio-shade-one{0%,11%{opacity:0}18.74%{opacity:1}29%,100%{opacity:0}}
.magazine-running:not(.magazine-static) .magazine-leaf-two{animation:folio-turn-two 22s linear both}
.magazine-running:not(.magazine-static) .magazine-leaf-two .paper-panel>.paper-panel{animation:folio-bend-two 22s linear both}
.magazine-running:not(.magazine-static) .magazine-leaf-two .paper-surface:after{animation:folio-shade-two 22s linear both}
@keyframes folio-turn-two{0%,32%{transform:translateZ(1.05px) rotateY(0);z-index:7;animation-timing-function:cubic-bezier(.38,.02,.18,1)}50%{transform:translateZ(1.65px) rotateY(-180deg);z-index:7}50.05%,100%{transform:translateZ(1.65px) rotateY(-180deg);z-index:2}}
@keyframes folio-bend-two{0%,31%{transform:rotateY(0);animation-timing-function:ease-in-out}33.8%{transform:rotateY(-1.2deg);animation-timing-function:cubic-bezier(.4,0,.2,1)}39.74%{transform:rotateY(4.8deg);animation-timing-function:cubic-bezier(.25,0,.2,1)}48.8%{transform:rotateY(.4deg);animation-timing-function:ease-out}50%,100%{transform:rotateY(0)}}
@keyframes folio-shade-two{0%,32%{opacity:0}39.74%{opacity:1}50%,100%{opacity:0}}
.magazine-running:not(.magazine-static) .magazine-leaf-three{animation:folio-turn-three 22s linear both}
.magazine-running:not(.magazine-static) .magazine-leaf-three .paper-panel>.paper-panel{animation:folio-bend-three 22s linear both}
.magazine-running:not(.magazine-static) .magazine-leaf-three .paper-surface:after{animation:folio-shade-three 22s linear both}
@keyframes folio-turn-three{0%,53%{transform:translateZ(0.90px) rotateY(0);z-index:6;animation-timing-function:cubic-bezier(.38,.02,.18,1)}71%{transform:translateZ(1.80px) rotateY(-180deg);z-index:6}71.05%,100%{transform:translateZ(1.80px) rotateY(-180deg);z-index:3}}
@keyframes folio-bend-three{0%,52%{transform:rotateY(0);animation-timing-function:ease-in-out}54.8%{transform:rotateY(-1.2deg);animation-timing-function:cubic-bezier(.4,0,.2,1)}60.74%{transform:rotateY(4.8deg);animation-timing-function:cubic-bezier(.25,0,.2,1)}69.8%{transform:rotateY(.4deg);animation-timing-function:ease-out}71%,100%{transform:rotateY(0)}}
@keyframes folio-shade-three{0%,53%{opacity:0}60.74%{opacity:1}71%,100%{opacity:0}}
.magazine-running:not(.magazine-static) .magazine-leaf-four{animation:folio-turn-four 22s linear both}
.magazine-running:not(.magazine-static) .magazine-leaf-four .paper-panel>.paper-panel{animation:folio-bend-four 22s linear both}
.magazine-running:not(.magazine-static) .magazine-leaf-four .paper-surface:after{animation:folio-shade-four 22s linear both}
@keyframes folio-turn-four{0%,74%{transform:translateZ(0.75px) rotateY(0);z-index:5;animation-timing-function:cubic-bezier(.38,.02,.18,1)}92%{transform:translateZ(1.95px) rotateY(-180deg);z-index:5}92.05%,100%{transform:translateZ(1.95px) rotateY(-180deg);z-index:4}}
@keyframes folio-bend-four{0%,73%{transform:rotateY(0);animation-timing-function:ease-in-out}75.8%{transform:rotateY(-1.2deg);animation-timing-function:cubic-bezier(.4,0,.2,1)}81.74%{transform:rotateY(4.8deg);animation-timing-function:cubic-bezier(.25,0,.2,1)}90.8%{transform:rotateY(.4deg);animation-timing-function:ease-out}92%,100%{transform:rotateY(0)}}
@keyframes folio-shade-four{0%,74%{opacity:0}81.74%{opacity:1}92%,100%{opacity:0}}

/* The small printed spread opens into a comfortable reading surface. */
.magazine-reader{width:min(760px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);border:0;padding:0;border-radius:4px;background:#faf8f0;color:#263a2c;overflow:auto;overscroll-behavior:contain;box-shadow:0 28px 100px #111b1470}
.magazine-reader::backdrop{background:#18241dc7;backdrop-filter:blur(8px)}
.magazine-reader-toolbar{position:sticky;top:0;z-index:3;background:#faf8f0f2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 28px;font:500 10px/1.5 var(--font);letter-spacing:.12em;border-bottom:1px solid #dedfd2}
.magazine-reader-toolbar button{width:44px;height:44px;background:transparent;border:1px solid #cfd4c4;border-radius:50%;font:300 28px/1 var(--font);color:#41543a;cursor:pointer}
.magazine-reader-image{aspect-ratio:2.1;background:url('assets/celebration-v33-1024.webp') center 38%/cover}
.magazine-reader-copy{padding:44px clamp(24px,6vw,72px) 56px}
body[data-page] main .magazine-reader-kicker{font:500 10px/1.7 var(--font);letter-spacing:.12em;color:#8f7b49}
body[data-page] main .magazine-reader-copy h2{font:400 clamp(40px,6vw,62px)/1.02 Georgia,serif;letter-spacing:-.045em;margin:24px 0 28px;text-wrap:balance}.magazine-reader-copy h2 em{font-weight:400;color:#8e7d50}
body[data-page] main .magazine-reader-copy>p{font:400 16px/1.85 var(--font);color:#626b5b;margin-top:24px}
body[data-page] main .magazine-reader-copy>.magazine-reader-deck{font-size:21px;line-height:1.5;color:#344e30}
.magazine-reader-copy>footer{display:flex;flex-direction:column;gap:16px;margin-block:36px;font:500 10px/1.8 var(--font);letter-spacing:.08em;color:#6b795f}.magazine-reader-copy>footer small{font-size:11px;letter-spacing:0;font-weight:400}
@media(min-width:761px) and (max-width:1000px){.magazine-stage{aspect-ratio:.96}.magazine-book{top:19%}.magazine-controls{gap:12px}.magazine-controls button{font-size:10px}body[data-page=index] main .hero-magazine>.magazine-caption{align-items:flex-start;flex-wrap:wrap;gap:4px}}
@media(max-width:760px){.magazine-stage{aspect-ratio:1.12}.magazine-book{top:16%;left:3%;width:94%}.magazine-stage-heading{top:7%}.magazine-stage-foot{bottom:6%}body[data-page=index] main .hero-magazine>.magazine-caption{padding-top:12px;gap:8px;align-items:flex-start;flex-wrap:wrap}.magazine-caption>div:first-child{gap:1px}.magazine-controls{gap:18px}.magazine-controls button{font-size:11px}.magazine-reader-copy{padding-top:28px}.magazine-reader-toolbar{padding-inline:20px}.magazine-reader{max-height:calc(100dvh - 24px);width:calc(100% - 24px)}.magazine-reader-image{aspect-ratio:1.6}}
@media(max-width:374px){.magazine-stage{aspect-ratio:1.08}.magazine-book{top:16%}.magazine-controls{gap:16px}}
@media(prefers-reduced-motion:reduce){.magazine-stage *{animation:none!important}.magazine-enhanced .magazine-leaf{display:none!important}.magazine-enhanced .magazine-book{opacity:1!important;transform:rotateX(12deg) rotateY(-7deg) rotateZ(-5deg)!important}.magazine-enhanced .magazine-base-left,.magazine-page-stack-left{opacity:1!important}.magazine-replay{display:none!important}}
@media print{.magazine-stage *{animation:none!important}.magazine-enhanced .magazine-leaf{display:none}.magazine-enhanced .magazine-book{opacity:1!important;transform:rotateZ(-4deg)!important}.magazine-enhanced .magazine-base-left,.magazine-page-stack-left{opacity:1!important}.magazine-controls{display:none}}

/* The object rests directly on the page; depth belongs to the paper. */
body[data-page=index] main .hero-magazine{background:transparent;border:0;box-shadow:none}
body[data-page=index] main .hero-magazine>.magazine-caption{padding-top:0;padding-inline:3%;gap:12px}
.magazine-controls button{transition:color .25s ease,background-color .25s ease;border-radius:24px;padding-inline:10px;margin-inline:-10px}
.magazine-controls button:hover{color:#203b2b;background:#2b4d3610}
.magazine-phase{font-size:11px;color:#6b7566}
.magazine-static .magazine-page-stack-left{opacity:1!important}
@media(prefers-reduced-motion:reduce){.magazine-enhanced .magazine-page-stack-left{opacity:1!important}}

.magazine-running:not(.magazine-static) .magazine-leaf-one>.magazine-face{animation:folio-flat-one 22s step-end both}
.magazine-running:not(.magazine-static) .magazine-leaf-one>.paper-panel{animation:folio-panels-one 22s step-end both}
@keyframes folio-flat-one{0%{visibility:visible}10%{visibility:hidden}29%,100%{visibility:visible}}
@keyframes folio-panels-one{0%{visibility:hidden}10%{visibility:visible}29%,100%{visibility:hidden}}

.magazine-running:not(.magazine-static) .magazine-leaf-two>.magazine-face{animation:folio-flat-two 22s step-end both}
.magazine-running:not(.magazine-static) .magazine-leaf-two>.paper-panel{animation:folio-panels-two 22s step-end both}
@keyframes folio-flat-two{0%{visibility:visible}31%{visibility:hidden}50%,100%{visibility:visible}}
@keyframes folio-panels-two{0%{visibility:hidden}31%{visibility:visible}50%,100%{visibility:hidden}}

.magazine-running:not(.magazine-static) .magazine-leaf-three>.magazine-face{animation:folio-flat-three 22s step-end both}
.magazine-running:not(.magazine-static) .magazine-leaf-three>.paper-panel{animation:folio-panels-three 22s step-end both}
@keyframes folio-flat-three{0%{visibility:visible}52%{visibility:hidden}71%,100%{visibility:visible}}
@keyframes folio-panels-three{0%{visibility:hidden}52%{visibility:visible}71%,100%{visibility:hidden}}

.magazine-running:not(.magazine-static) .magazine-leaf-four>.magazine-face{animation:folio-flat-four 22s step-end both}
.magazine-running:not(.magazine-static) .magazine-leaf-four>.paper-panel{animation:folio-panels-four 22s step-end both}
@keyframes folio-flat-four{0%{visibility:visible}73%{visibility:hidden}92%,100%{visibility:visible}}
@keyframes folio-panels-four{0%{visibility:hidden}73%{visibility:visible}92%,100%{visibility:hidden}}
/* Keep the caption footprint stable as Pause becomes Replay. */
body[data-page=index] main .hero-magazine>.magazine-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:44px}
@media(max-width:480px){body[data-page=index] main .hero-magazine>.magazine-caption{grid-template-columns:minmax(0,1fr);gap:0;min-height:64px;align-items:start}.magazine-caption>div:first-child{min-height:20px}.magazine-controls{justify-self:start}}