body:has(.motion-book) .site-footer,body:has(.motion-book) .site-header{display:none}.motion-book{height:100vh;height:100dvh;min-height:320px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:#fbf6eb url(/art/paper.webp) repeat;background-size:543px 724px;background-blend-mode:multiply;color:var(--foreground)}.motion-header{width:100%;max-width:1240px;margin:0 auto;padding:10px 24px 2px;display:grid;grid-template-columns:minmax(44px,1fr) auto minmax(44px,1fr);align-items:center;gap:8px}.motion-heading{text-align:center;min-width:0}.motion-heading p{margin:0 0 2px;font-size:.75rem;color:var(--muted-foreground)}.motion-heading h1{font-size:1.4rem;line-height:1.25;letter-spacing:-.02em;overflow-wrap:anywhere}.motion-menu-button{justify-self:end}.motion-sheet-read{margin-top:18px}.motion-stage{width:100%;max-width:1240px;margin:0 auto;padding:8px 24px;display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.45fr);grid-template-rows:minmax(0,1fr);gap:28px;align-items:center}.motion-picture,.motion-stage{position:relative;min-height:0}.motion-picture{grid-column:2;grid-row:1;height:100%;cursor:pointer}.motion-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:motion-fade-in .9s ease both}.motion-art.is-leaving{animation:motion-fade-out .9s ease both}.motion-art img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent),linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent),linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent);mask-composite:intersect;animation:24s ease-in-out infinite alternate both;will-change:transform}.motion-art img.motion-zoom-in{animation-name:motion-zoom-in}.motion-art img.motion-zoom-out{animation-name:motion-zoom-out}.motion-art img.motion-pan-right{animation-name:motion-pan-right}.motion-art img.motion-pan-left{animation-name:motion-pan-left}.motion-art img.motion-drift-up{animation-name:motion-drift-up}.motion-book.is-paused .motion-art img{animation-play-state:paused}.motion-art-empty .spiral{width:120px;height:120px;margin:0;opacity:.18}.motion-text{grid-column:1;grid-row:1;align-self:center;max-height:100%;overflow-y:auto;padding:26px 30px;background:#fffdf7e8;border:1px solid #e3dccb;border-radius:10px;box-shadow:0 10px 30px #38472c14;font-family:var(--serif);font-size:clamp(1.05rem,1.35vw,1.3rem);line-height:1.65;color:#2c3138}.motion-text p+p{margin-top:.65em}.motion-text p{font-size:calc(var(--fit, 1) * 1em)}.motion-note{font-family:var(--sans);font-weight:700;font-size:.8em;letter-spacing:.07em;color:var(--teal)}.motion-sentence{animation:motion-quick .3s ease both}.motion-book.is-revealing .motion-sentence{animation:motion-sentence .8s ease both;animation-delay:var(--delay)}.motion-title{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;text-align:center;overflow:hidden;background:radial-gradient(ellipse at center,#fbf6ebf5 0,#fbf6ebd6 45%,#fbf6eb00 78%)}.motion-title p{font-weight:700;font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:var(--berry);animation:motion-rise .8s ease .35s both}.motion-title h2{max-width:16ch;font-size:clamp(2rem,5vw,3.6rem);line-height:1.12;letter-spacing:-.03em;color:var(--teal);animation:motion-rise .9s ease .6s both}.motion-title .motion-title-spiral{width:76px;height:76px;margin:0;animation:motion-spin 2.4s cubic-bezier(.25,.7,.3,1) both}.motion-walker{position:absolute;left:0;bottom:14%;animation:motion-walk 3.2s linear both}.motion-walker svg{display:block;animation:motion-hop .4s ease-in-out infinite alternate}.motion-walker-hook{fill:none;stroke:#2c3138;stroke-width:5;stroke-linecap:round}.motion-walker-string{fill:none;stroke:#2c3138;stroke-width:1.3;stroke-dasharray:2 3}.motion-walker-dot{fill:#2c3138}.is-title .motion-picture{grid-column:1/-1;opacity:.45}.kind-cover .motion-picture{grid-column:1/-1}.kind-talk .motion-picture{position:absolute;inset:0;pointer-events:none}.kind-talk .motion-text{grid-column:1/-1;justify-self:center;max-width:760px}.kind-closing .motion-text,.kind-dedication .motion-text{text-align:center}.kind-closing .motion-text p:first-child{font-size:1.8em;font-weight:700;color:var(--teal);line-height:1.2}.motion-start{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(ellipse at center,#fbf6ebeb 0,#fbf6ebc2 50%,#fbf6eb00 85%)}.motion-start-card{max-width:440px;display:grid;justify-items:center;gap:12px;padding:28px 26px 22px;text-align:center;background:#fffdf7;border:1px solid #e3dccb;border-radius:12px;box-shadow:0 18px 40px #38472c1f}.motion-start-card .eyebrow{margin:0}.motion-start-card h2{font-size:2rem}.motion-start-card .small-note,.motion-start-card .spiral{margin:0}.motion-start-button{min-width:230px}.motion-controls{width:100%;max-width:1240px;margin:0 auto;padding:6px 24px 12px}.motion-progress{height:4px;margin-bottom:8px;overflow:hidden;border-radius:4px;background:#174c511a}.motion-progress span{display:block;height:100%;background:var(--gold);transition:width .4s ease}.motion-buttons{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.motion-play{min-width:150px}.motion-counter{min-width:150px;text-align:center;font-size:.85rem;color:var(--muted-foreground)}.motion-speed-mark{font-weight:700;font-variant-numeric:tabular-nums}@keyframes motion-fade-in{0%{opacity:0}to{opacity:1}}@keyframes motion-fade-out{0%{opacity:1}to{opacity:0}}@keyframes motion-zoom-in{0%{transform:scale(1)}to{transform:scale(1.09)}}@keyframes motion-zoom-out{0%{transform:scale(1.09)}to{transform:scale(1)}}@keyframes motion-pan-right{0%{transform:scale(1.08) translateX(-3%)}to{transform:scale(1.08) translateX(3%)}}@keyframes motion-pan-left{0%{transform:scale(1.08) translateX(3%)}to{transform:scale(1.08) translateX(-3%)}}@keyframes motion-drift-up{0%{transform:scale(1.06) translateY(2.5%)}to{transform:scale(1.06) translateY(-2.5%)}}@keyframes motion-sentence{0%{opacity:0}to{opacity:1}}@keyframes motion-quick{0%{opacity:.4}to{opacity:1}}@keyframes motion-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes motion-spin{0%{opacity:0;transform:rotate(-200deg) scale(.6)}to{opacity:1;transform:none}}@keyframes motion-walk{0%{transform:translateX(-80px)}to{transform:translateX(calc(100vw + 80px))}}@keyframes motion-hop{0%{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-7px) rotate(4deg)}}@media (max-width:720px){.motion-header{padding:6px 12px 0}.motion-menu-button>span{display:none}.motion-heading h1{font-size:1.08rem}.motion-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:10px;padding:4px 14px}.motion-picture{grid-column:1;grid-row:1}.motion-text{grid-column:1;grid-row:2;align-self:end;max-height:60dvh;padding:14px 16px;font-size:1.02rem;line-height:1.55}.motion-text p+p{margin-top:.5em}.is-title .motion-picture,.kind-cover .motion-picture{grid-row:1/-1}.kind-talk .motion-text{grid-row:1/-1;align-self:center;max-height:100%}.motion-controls{padding:4px 12px 10px}.motion-buttons{gap:6px}.motion-counter{order:-1;width:100%;min-width:0;font-size:.78rem}.motion-tool-label{display:none}.motion-play{min-width:128px}.motion-read-link{display:none}}@media (max-width:720px) and (max-height:700px){.motion-heading p{display:none}.motion-text{font-size:.94rem;line-height:1.5;padding:12px 14px}.motion-buttons .icon-button{width:42px;height:42px}.motion-play{min-height:44px;padding-block:8px}}@media (max-height:520px) and (orientation:landscape){.motion-header{padding-top:4px}.motion-heading p{display:none}.motion-heading h1{font-size:1rem}.motion-stage{gap:14px;padding:2px 16px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.motion-text{padding:10px 14px;font-size:.9rem;line-height:1.45}.motion-text p+p{margin-top:.4em}.motion-header .reader-back,.motion-menu-button{min-height:36px}.motion-controls{padding:2px 16px 6px}.motion-progress{margin-bottom:4px}.motion-counter{min-width:0}.motion-tool-label{display:none}.motion-title h2{font-size:2rem}}@media (prefers-reduced-motion:reduce){.motion-art,.motion-art img,.motion-sentence,.motion-title *,.motion-walker,.motion-walker svg{animation:none!important}.motion-walker{display:none}}