.bk-stage{--pw:min(86vw, 26rem);--shade:#291f18;--paper:color-mix(in oklab, var(--elevated) 90%, var(--case-acc));--paper-edge:color-mix(in oklab, var(--paper) 88%, var(--case-acc));--board:color-mix(in oklab, var(--brand) 58%, var(--shade));--fox:color-mix(in oklab, var(--case-acc) 16%, transparent);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .25 0 0 0 0 .18 0 0 0 0 .1 0 0 0 -.5 .3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@supports (color:lab(0% 0 0)){.bk-stage{--shade:lab(12.9465% 3.69321 6.93115)}}:root[data-theme=dark] .bk-stage{--shade:#000;--paper:color-mix(in oklab, var(--elevated) 96%, var(--case-acc));--board:color-mix(in oklab, var(--brand) 38%, var(--bg));--fox:color-mix(in oklab, var(--shade) 22%, transparent);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .95 0 0 0 0 .9 0 0 0 0 .8 0 0 0 -.25 .12'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .bk-stage{--shade:lab(0% 0 0)}}.bk{width:calc(var(--pw) * 2);height:calc(var(--pw) * 1.48);perspective:2800px;flex:none;position:relative}@media (max-width:47.99rem){.bk{translate:-25%}}.bk-board{background:linear-gradient(90deg, transparent 47%, color-mix(in oklab, var(--shade) 35%, transparent) 50%, transparent 53%), var(--grain), var(--board);box-shadow:var(--sh-lg), 0 2rem 3rem -1.5rem color-mix(in oklab, var(--shade) 35%, transparent);background-size:auto,200px,auto;border-radius:.3125rem;position:absolute;inset:-.5rem -.625rem -.625rem}.bk-side{width:50%;position:absolute;top:0;bottom:0}.bk-side-l{left:0}.bk-side-r{left:50%}.bk-side:before,.bk-side:after{content:"";background:var(--paper-edge);clip-path:var(--dk-r);position:absolute;inset:0;translate:.3rem .1rem}.bk-side:after{background:var(--paper);filter:brightness(.97);translate:.15rem .05rem}.bk-side-l:before,.bk-side-l:after{clip-path:var(--dk-l);translate:-.3rem .1rem}.bk-side-l:after{translate:-.15rem .05rem}.bk-pg{z-index:1;color:var(--text);background:linear-gradient(90deg, color-mix(in oklab, var(--shade) 20%, transparent), transparent 9%), radial-gradient(120% 95% at 55% 42%, transparent 58%, var(--fox)), var(--grain), repeating-linear-gradient(90deg, transparent 0 2.25rem, color-mix(in oklab, var(--shade) 4%, transparent) 2.25rem calc(2.25rem + 1px)), repeating-linear-gradient(0deg, color-mix(in oklab, var(--shade) 2.5%, transparent) 0 1px, transparent 1px 3px), var(--paper);clip-path:var(--dk-r);background-size:auto,auto,200px,auto,auto,auto;flex-direction:column;padding:9% 11% 8% 12%;display:flex;position:absolute;inset:0;container-type:inline-size}.bk-pg-l{background:linear-gradient(270deg, color-mix(in oklab, var(--shade) 20%, transparent), transparent 9%), radial-gradient(120% 95% at 45% 42%, transparent 58%, var(--fox)), var(--grain), repeating-linear-gradient(90deg, transparent 0 2.25rem, color-mix(in oklab, var(--shade) 4%, transparent) 2.25rem calc(2.25rem + 1px)), repeating-linear-gradient(0deg, color-mix(in oklab, var(--shade) 2.5%, transparent) 0 1px, transparent 1px 3px), var(--paper);clip-path:var(--dk-l);background-size:auto,auto,200px,auto,auto,auto;padding:9% 12% 8% 11%}.bk-pg-leaf{clip-path:var(--dk-leaf)}.bk-endpaper:before{content:"";background:color-mix(in oklab, var(--brand) 26%, transparent);position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='28'%3E%3Cpath d='M4 26 C10 6 46 6 52 26' fill='none' stroke='black' stroke-width='1.2'/%3E%3C/svg%3E") 0 0/3rem 1.5rem;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='28'%3E%3Cpath d='M4 26 C10 6 46 6 52 26' fill='none' stroke='black' stroke-width='1.2'/%3E%3C/svg%3E") 0 0/3rem 1.5rem}.bk-caps{font:600 2.6cqi / 1.2 var(--ff-display);letter-spacing:.24em;text-transform:uppercase;color:var(--text-muted)}.bk-rubric{color:var(--brand)}.bk-head{justify-content:center;display:flex;position:relative}.bk-folio{color:var(--text-secondary);font-size:4.2cqi;position:absolute;top:-.2em;right:0}.bk-incipit{text-align:center;margin:9cqi 0 4cqi;font-size:2.9cqi}.bk-line{border-radius:var(--radius-sm);outline-offset:.2em;font-size:8.4cqi;font-weight:500;line-height:1.95;display:block}.bk-line:first-letter{float:left;color:var(--brand);margin:.14em .03em 0 -.02em;font-size:2.95em;font-weight:600;line-height:.76}.bk-w{color:var(--c);position:relative}.bk-gl{width:max-content;font:italic 500 .42em / 1 var(--font-cormorant-italic), var(--ff-display);color:var(--text-secondary);pointer-events:none;position:absolute;top:calc(100% - .12em);left:50%;translate:-50%}.bk-line:hover .bk-gl{color:var(--text)}.bk-rest{text-align:justify;-webkit-hyphens:auto;hyphens:auto;min-height:0;color:color-mix(in oklab, var(--text) 88%, transparent);flex:1;margin-top:1cqi;font-size:4.4cqi;line-height:1.42;overflow:hidden;-webkit-mask-image:linear-gradient(#000 30%,#0000 92%);mask-image:linear-gradient(#000 30%,#0000 92%)}.bk-note{color:var(--text-secondary);margin-top:3cqi;font-size:4.3cqi;line-height:1.35}.bk-note:before{content:"";background:var(--border-strong);width:24%;height:1px;margin-bottom:2.5cqi;display:block}.bk-title{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.bk-title>:first-child{margin-top:22cqi}.bk-title-work{color:var(--text-secondary);margin-top:6cqi;font-size:6cqi}.bk-title-name{margin-top:1cqi;font-size:9.5cqi;font-weight:500;line-height:1.05}.bk-device{width:20cqi;color:var(--brand);margin-top:9cqi}.bk-title .bk-rubric{margin-top:6cqi}.bk-imprint{margin-top:auto;font-size:2.2cqi}.bk-ghost{opacity:.05;flex:1;display:flex;transform:scaleX(-1)}.bk-key{position:absolute;inset:auto 12% 9% 11%}.bk-key dl{border-top:1px solid var(--border);margin-top:3cqi}.bk-key dl>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:4cqi;padding-block:1.6cqi;font-size:4.4cqi;display:flex}.bk-key dt{color:var(--text-secondary)}:root[data-theme=dark] .bk-ghost{opacity:.03}.bk-ribbon{background:linear-gradient(90deg, color-mix(in oklab, var(--brand) 78%, var(--shade)), var(--brand) 45%, color-mix(in oklab, var(--brand) 82%, var(--shade)));clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - .5rem),0 100%);transform-origin:top;width:.75rem;height:5.25rem;position:absolute;top:calc(100% - 2rem);left:7%;rotate:6deg}.bk-shade{z-index:1;background:linear-gradient(90deg, color-mix(in oklab, var(--shade) 45%, transparent), transparent 70%);opacity:0;pointer-events:none;position:absolute;inset:0}.bk-leaf{z-index:2;transform-origin:0;transform-style:preserve-3d;position:absolute;inset:0 0 0 50%;transform:rotateY(-180deg)}.bk-face,.bk-flap{position:absolute;inset:0 calc(50% - 1px) 0 0}.bk-face{backface-visibility:hidden;overflow:hidden}.bk-flap{transform-origin:0;transform-style:preserve-3d;inset:0 0 0 50%}.bk-flap>.bk-face{inset:0}.bk-face>.bk-pg{width:200%;right:auto}.bk-far>.bk-pg{left:-100%}.bk-back{transform:rotateY(180deg)}.bk-face:after{content:"";background:linear-gradient(90deg, color-mix(in oklab, var(--shade) 30%, transparent), color-mix(in oklab, var(--shade) 8%, transparent));opacity:0;position:absolute;inset:0}.bk-back:after{background:linear-gradient(270deg, color-mix(in oklab, var(--shade) 30%, transparent), color-mix(in oklab, var(--shade) 8%, transparent))}@supports (animation-timeline:view()){:root:not([data-calm]) .bk-stage{view-timeline:--bk block}:root:not([data-calm]) :is(.bk-leaf,.bk-flap,.bk-shade,.bk-w,.bk-gl),:root:not([data-calm]) .bk-face:after{animation-fill-mode:both;animation-timeline:--bk}:root:not([data-calm]) .bk-leaf{animation-name:bk-turn;animation-timing-function:var(--ease-in-out);animation-range:entry 35% contain 8%}:root:not([data-calm]) .bk-flap{animation-name:bk-bend;animation-timing-function:linear;animation-range:entry 35% contain 8%}:root:not([data-calm]) .bk-front:after{animation-name:bk-dim;animation-timing-function:linear;animation-range:entry 35% contain 8%}:root:not([data-calm]) .bk-back:after{animation-name:bk-dim;animation-timing-function:linear;animation-direction:reverse;animation-range:entry 35% contain 8%}:root:not([data-calm]) .bk-shade{animation-name:bk-cast;animation-timing-function:linear;animation-range:entry 35% contain 8%}:root:not([data-calm]) .bk-w{animation-name:bk-ink;animation-timing-function:var(--ease-out);animation-range:contain calc(10% + var(--k) * 4.5%) contain calc(22% + var(--k) * 4.5%)}:root:not([data-calm]) .bk-gl{animation-name:bk-gloss;animation-timing-function:var(--ease-out);animation-range:contain calc(13% + var(--k) * 4.5%) contain calc(26% + var(--k) * 4.5%)}@keyframes bk-turn{0%{transform:rotateY(0)}}@keyframes bk-bend{30%{transform:rotateY(-24deg)}72%{transform:rotateY(16deg)}}@keyframes bk-dim{0%{opacity:0}50%,to{opacity:1}}@keyframes bk-cast{35%{opacity:1}70%{opacity:0}}@keyframes bk-ink{0%{color:var(--text)}}@keyframes bk-gloss{0%{opacity:0;transform:translateY(.5em)}}}
