.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-vietnamese-soft-normal.DSA2Kggd.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-ext-soft-normal.DKHvU-YN.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-soft-normal.C-lS_vzd.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-vietnamese-soft-italic.CyEZfaGz.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-ext-soft-italic.CFDsOWEG.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-soft-italic.CIOv5diB.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--step--2: clamp(.69rem, .66rem + .16vw, .79rem);--step--1: clamp(.83rem, .78rem + .24vw, .95rem);--step-0: clamp(1rem, .93rem + .34vw, 1.19rem);--step-1: clamp(1.2rem, 1.09rem + .55vw, 1.48rem);--step-2: clamp(1.44rem, 1.27rem + .85vw, 1.86rem);--step-3: clamp(1.73rem, 1.47rem + 1.29vw, 2.32rem);--step-4: clamp(2.07rem, 1.69rem + 1.91vw, 2.9rem);--step-5: clamp(2.49rem, 1.93rem + 2.79vw, 3.62rem);--step-6: clamp(2.99rem, 2.18rem + 4.02vw, 4.53rem);--sp-2xs: .25rem;--sp-xs: .5rem;--sp-s: .75rem;--sp-m: 1rem;--sp-l: 1.5rem;--sp-xl: 2rem;--sp-2xl: 3rem;--sp-3xl: clamp(3.5rem, 2.5rem + 4vw, 6rem);--sp-4xl: clamp(5rem, 3.5rem + 6vw, 9rem);--measure: 62ch;--container: 30rem;--gutter: clamp(1.25rem, .6rem + 2.6vw, 2.5rem);--leaf-column: min(100% - 2 * var(--gutter), 34rem);--leaf-pad-block: clamp(1rem, 2.4vh, 2rem);--plate-leaf: min(42vw, 27rem);--stanza-leaf: minmax(18rem, 26rem);--spine: clamp(2rem, 5vw, 5rem);--plate-cap: 78svh;--plate-cap-inline: calc(var(--plate-cap) / 1.5);--stanza-lines: 10;--board-pad: clamp(.9rem, 3.2vw, 1.4rem);--foot-row: 48px;--ease: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .14s;--dur: .32s;--dur-slow: .72s;--drift: 1.5rem;--z-header: 100}:root{color-scheme:light;--paper: #FBF7F0;--ink: #23201C;--ink-soft: #6B655C;--line: #E6DFD3;--water: #A8C6DA;--blush: #EBC3C0;--on-ink: #FBF7F0;--accent-spring: #738A6B;--accent-summer: #A77B46;--accent-autumn: #B4563C;--accent-winter: #46587A;--accent: var(--accent-spring);--font-body: "Fraunces Variable", Georgia, serif;--font-display: var(--font-body);--font-mono: ui-monospace, Menlo, Consolas, monospace;--radius: 4px}body{font-variation-settings:"SOFT" 60}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--step-0);line-height:1.6;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-synthesis:none;overflow-x:hidden}img,picture,svg,video{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.1;text-wrap:balance;color:var(--ink)}h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}h3{font-size:var(--step-2)}h4{font-size:var(--step-1)}p{text-wrap:pretty}a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px;border-radius:1px}.leaf{display:grid;grid-template-columns:var(--leaf-column);justify-content:center;block-size:100svh;min-block-size:min-content;padding-block:var(--leaf-pad-block)}.leaf-spread{position:relative;grid-template-columns:100%;grid-template-rows:minmax(0,1fr) auto auto;padding-block:0 2.25rem}.leaf-spread .spine,.leaf-spread .book-edges{display:none}.leaf-spread .plate{grid-row:1;justify-self:stretch;inline-size:100%;block-size:100%;min-block-size:0;aspect-ratio:auto;position:relative;overflow:hidden;container-type:size}.leaf-spread .plate img{inline-size:100%;block-size:auto}@container (min-aspect-ratio: 2/3){.leaf-spread .plate img{position:absolute;inset-block-end:0;inset-inline:0}}.leaf-spread .plate-whole img{position:static;inline-size:100%;block-size:100%;object-fit:contain;object-position:top center}.leaf-spread .stanza{grid-row:2;z-index:1;margin-block-start:.5rem;justify-self:stretch;font-size:1.25rem;line-height:1.5;min-block-size:0;max-inline-size:100%}.leaf-spread .stanza-words{padding-inline:max(var(--gutter),calc((100% - 52ch)/2))}.leaf-spread .foot{grid-row:3;z-index:1;margin-block-start:.5rem;padding-inline:var(--gutter)}.leaf-single{grid-template-rows:auto auto;align-content:center;text-align:center;padding-block-end:calc(var(--leaf-pad-block) + 2.5rem)}.leaf-single .foot{margin-block-start:1.5rem}.plate{margin:0;aspect-ratio:2 / 3;block-size:100%;inline-size:auto;max-inline-size:100%;min-block-size:0;justify-self:center}.plate img{display:block;inline-size:100%;block-size:100%;object-fit:contain}.stanza{min-block-size:calc(var(--stanza-lines) * 1lh);max-inline-size:min(100%,42ch);font-size:var(--step-0);line-height:1.55;color:var(--ink)}.stanza p+p{margin-block-start:.5em}@media(min-width:60rem){.leaf-spread{grid-template-columns:var(--plate-leaf) var(--spine) var(--stanza-leaf);grid-template-rows:auto auto;column-gap:0;align-content:center;align-items:start;padding-block:var(--leaf-pad-block)}.leaf-spread .spine{display:block;grid-area:1 / 2;align-self:stretch;background:linear-gradient(to right,transparent 18%,rgba(38,34,27,.035) 50%,transparent 82%)}.leaf-spread:before,.leaf-spread:after{content:"";grid-row:1;align-self:stretch;inline-size:9px;background:repeating-linear-gradient(to right,rgba(38,34,27,.12) 0 1px,transparent 1px 4px)}.leaf-spread:before{grid-column:1;justify-self:start;margin-inline-start:-1.25rem}.leaf-spread:after{grid-column:3;justify-self:end;margin-inline-end:-1.25rem}.leaf-spread .book-edges{display:block;grid-area:1 / 1 / 2 / -1;align-self:stretch;margin-inline:-1.25rem;border-block:1px solid rgba(38,34,27,.1);pointer-events:none;z-index:1}.leaf-spread .plate{position:static;margin-inline:0;grid-area:1 / 1;justify-self:center;inline-size:min(100%,var(--plate-cap-inline));block-size:auto;max-block-size:var(--plate-cap);aspect-ratio:2 / 3;overflow:visible;container-type:normal}.leaf-spread .plate img,.leaf-spread .plate-whole img{position:static;inline-size:100%;block-size:100%;object-fit:contain;object-position:center}.leaf-spread .stanza{grid-area:1 / 3;align-self:center;margin-block-start:0;min-block-size:calc(var(--stanza-lines) * 1lh);max-inline-size:34ch;justify-self:start;padding-inline:0;display:block;font-size:var(--step-0);line-height:1.55}.leaf-spread .stanza-words{padding:0;background:none}.leaf-spread .foot{grid-area:2 / 1 / 3 / -1;margin-block-start:2rem;padding-inline:0}}.board{border:1px solid var(--accent);padding:var(--board-pad);inline-size:min(100%,calc(var(--plate-cap-inline) + 2 * var(--board-pad) + 2px));margin-inline:auto}.leaf-single .board{--single-cap: min( var(--plate-cap), calc( 100svh - 2 * var(--leaf-pad-block) - 2.5rem - var(--foot-row) - 1.5rem - 2 * var(--board-pad) - 2px ) );inline-size:min(100%,calc(var(--single-cap) / 1.5 + 2 * var(--board-pad) + 2px))}.board-plate{display:grid}.board-plate>*{grid-area:1 / 1}.board-plate .plate{block-size:auto;inline-size:100%}.board-type{display:flex;flex-direction:column;justify-content:space-between;padding-block:3%;pointer-events:none}.foot{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-block-size:var(--foot-row)}.foot-back{justify-self:start}.foot-on{justify-self:end}.foot-centre{justify-self:center;display:flex;align-items:center;gap:var(--sp-s)}.foot a,.foot button{display:grid;place-items:center;inline-size:48px;block-size:48px;color:var(--ink-soft);text-decoration:none}.foot-back,.foot-on{margin-inline:-10px}.foot a:hover,.foot button:hover{color:var(--ink)}.foot svg{inline-size:28px;block-size:28px;fill:currentColor}.foot-count{font-size:var(--step--2);font-weight:500;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--ink-soft)}.pass-on,.download{border:0;background:none;cursor:pointer;display:grid;place-items:center;inline-size:48px;block-size:48px;margin-inline:auto;color:var(--ink-soft)}.pass-on:hover,.pass-on:focus-visible,.download:hover,.download:focus-visible{color:var(--ink)}.pass-on svg,.download svg{inline-size:24px;block-size:24px;fill:currentColor}.pass-on .pass-check,.pass-on[data-state=copied] .pass-share{display:none}.pass-on[data-state=copied] .pass-check{display:block}.foot .pass-on,.foot .download{margin-inline:0}.way-out,.audio{position:fixed;top:0;z-index:10;display:grid;place-items:center;inline-size:max(48px,calc(var(--gutter) + 28px));block-size:max(48px,calc(var(--gutter) + 28px));color:var(--ink-soft);text-decoration:none}.way-out{left:0}.audio{right:0}.way-out:hover,.audio:hover{color:var(--ink)}.way-out svg,.audio svg{inline-size:28px;block-size:28px;fill:currentColor}.leaf-spread .plate{view-transition-name:plate}.leaf-spread .stanza{view-transition-name:stanza}::view-transition-image-pair(root){isolation:auto}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-group(plate),::view-transition-group(stanza){animation-duration:var(--dur-slow);animation-timing-function:var(--ease-out)}::view-transition-old(plate),::view-transition-old(stanza){animation:tide-out var(--dur-slow) var(--ease-out) both}::view-transition-new(plate),::view-transition-new(stanza){animation:tide-in var(--dur-slow) var(--ease-out) both}html[data-turn=back]{--drift: -1.5rem}@keyframes tide-out{0%{opacity:1;translate:0 0}to{opacity:0;translate:calc(-1 * var(--drift)) 0}}@keyframes tide-in{0%{opacity:0;translate:var(--drift) 0}to{opacity:1;translate:0 0}}:root:has(main[data-leaf=end])::view-transition-old(root){animation:end-fade-out 3s var(--ease-out) both}:root:has(main[data-leaf=end])::view-transition-new(root){animation:end-fade-in 3s var(--ease-out) both}:root:has(main[data-leaf=end])::view-transition-old(plate),:root:has(main[data-leaf=end])::view-transition-old(stanza){animation-duration:3s}@keyframes end-fade-out{0%{opacity:1}to{opacity:0}}@keyframes end-fade-in{0%{opacity:0}to{opacity:1}}:root.playall-join::view-transition-old(root){animation:end-fade-out 2.5s var(--ease-out) both}:root.playall-join::view-transition-new(root){animation:end-fade-in 2.5s var(--ease-out) both}:root.playall-final:has(main[data-leaf=end])::view-transition-old(root),:root.playall-final:has(main[data-leaf=end])::view-transition-new(root),:root.playall-final:has(main[data-leaf=end])::view-transition-old(plate),:root.playall-final:has(main[data-leaf=end])::view-transition-old(stanza){animation-duration:6s}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.measure{max-width:var(--measure)}.table-wrap{overflow-x:auto;max-width:100%}.table-wrap table{min-width:32rem;border-collapse:collapse}.tracked{font-size:var(--step--2);font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--sp-m);top:-100px;z-index:200;background:var(--ink);color:var(--on-ink);padding:.7em 1.1em;border-radius:var(--radius);text-decoration:none;font-family:var(--font-mono);font-size:var(--step--1)}.skip-link:focus{top:var(--sp-m);color:var(--on-ink)}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}