/* Wind: the homage. Same type system as the rest (Kaisei Tokumin, Newsreader upright), on the dark of the bench. */
.wind_wrap {
  --paper: #ece5d4; --sumi: #191613; --sumi-2: #4a423a; --beni: #c24a32; --ink: #efe8d8; --ink-2: rgba(239, 232, 216, 0.66);
  --jp: 'MS Kaisei', 'Hiragino Mincho ProN', 'Yu Mincho', serif; --la: 'MS News', 'Iowan Old Style', Georgia, serif;
  --gut: clamp(16px, 2.6vw, 40px);
  position: relative; color: var(--ink); background: none; font-family: var(--la); font-variation-settings: 'opsz' 14; font-size: 17px; line-height: 1.5; -webkit-font-smoothing: antialiased;
}
.wind_wrap .wind_contain { position: relative; }
.wind_wrap [lang='ja'] { font-family: var(--jp); font-variation-settings: normal; }
.wind_wrap .wind_stage, .wind_wrap .wind_page { position: relative; z-index: 2; margin-top: -100vh; pointer-events: none; }
.wind_wrap .wind_hold { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: clip; -webkit-user-select: none; user-select: none; }
.wind_wrap .wind_hold a, .wind_wrap .wind_hold button { pointer-events: auto; }
.wind_wrap .wind_scrim { position: absolute; inset: auto 0 0 0; height: 46vh; background: linear-gradient(to top, rgba(10, 7, 5, 0.78), rgba(10, 7, 5, 0.42) 45%, transparent); opacity: 0; }
.wind_wrap .wind_card { --rise: 0px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-50% + var(--rise))); display: flex; align-items: center; gap: clamp(20px, 3vw, 48px); color: var(--sumi); opacity: 0; visibility: hidden; }
.wind_wrap .wind_card_k { font-size: clamp(160px, 26vh, 300px); line-height: 1; font-weight: 800; }
.wind_wrap .wind_card_meta { display: flex; flex-direction: column; gap: 6px; }
.wind_wrap .wind_card_n, .wind_wrap .wind_card_when { font-size: 14px; color: var(--sumi-2); }
.wind_wrap .wind_card_name { font-size: clamp(48px, 6vw, 92px); line-height: 0.95; font-weight: 250; font-variation-settings: 'opsz' 72; letter-spacing: -0.035em; }
.wind_wrap .wind_sub, .wind_wrap .wind_credit { position: absolute; left: var(--gut); bottom: calc(var(--gut) + 54px); max-width: min(620px, calc(100vw - 2 * var(--gut))); margin: 0; opacity: 0; visibility: hidden; }
.wind_wrap .wind_sub_t { margin: 0; font-size: clamp(21px, 1.75vw, 30px); line-height: 1.3; font-weight: 300; font-variation-settings: 'opsz' 36; letter-spacing: -0.012em; text-wrap: pretty; }
.wind_wrap .wind_sub_jp { margin: 0 0 12px; font-size: clamp(15px, 1.1vw, 18px); line-height: 1.7; font-weight: 500; letter-spacing: 0.06em; color: var(--ink-2); }
.wind_wrap .wind_sub_src { margin: 12px 0 0; font-size: 13px; color: var(--ink-2); }
.wind_wrap .wind_credit { max-width: 440px; font-size: 13px; line-height: 1.5; color: var(--ink-2); }
.wind_wrap .wind_credit_t { color: var(--ink); }
.wind_wrap .wind_it { font-style: italic; }

/* the line */
.wind_wrap .wind_line_head { position: absolute; left: var(--gut); bottom: calc(var(--gut) + 56px); max-width: 560px; opacity: 0; }
.wind_wrap .wind_kick { margin: 0 0 14px; font-size: 13px; color: var(--ink-2); display: flex; gap: 12px; align-items: baseline; }
.wind_wrap .wind_kick span { color: var(--ink); font-size: 17px; letter-spacing: 0.08em; }
.wind_wrap .wind_h { margin: 0; font-size: clamp(40px, 4.6vw, 76px); line-height: 0.98; font-weight: 250; font-variation-settings: 'opsz' 72; letter-spacing: -0.035em; }
.wind_wrap .wind_h_dim { color: var(--ink-2); }
.wind_wrap .wind_note { margin: 18px 0 0; font-size: 16px; line-height: 1.55; color: var(--ink-2); max-width: 30rem; }
.wind_wrap .is-line .wind_hold { pointer-events: auto; touch-action: pan-y; cursor: grab; }
.wind_wrap .wind_pick { position: absolute; right: var(--gut); top: 50%; transform: translateY(-46%); width: min(400px, 34vw); opacity: 0; visibility: hidden; transition: opacity 0.5s ease, transform 0.5s ease; }
.wind_wrap .wind_pick.is-on { opacity: 1; visibility: visible; transform: translateY(-50%); }
.wind_wrap .wind_pick_n { margin: 0 0 10px; font-size: 13px; color: var(--ink-2); }
.wind_wrap .wind_pick_t { margin: 0; font-size: clamp(28px, 2.6vw, 42px); line-height: 1.04; font-weight: 300; font-variation-settings: 'opsz' 48; letter-spacing: -0.02em; }
.wind_wrap .wind_pick_by { margin: 14px 0 0; font-size: 14px; color: var(--ink-2); }
.wind_wrap .wind_pick_d { margin: 18px 0 0; font-size: 17px; line-height: 1.5; }
.wind_wrap .wind_pick_close { margin-top: 22px; background: none; border: 1px solid rgba(239, 232, 216, 0.6); color: var(--ink); font: inherit; font-size: 14px; padding: 9px 16px; cursor: pointer; }
.wind_wrap .wind_pick_close:hover, .wind_wrap .wind_pick_close:focus-visible { background: var(--ink); color: var(--sumi); }

/* the novel, the films */
.wind_wrap .wind_retold { list-style: none; margin: 0; padding: 0; }
.wind_wrap .wind_told { position: absolute; left: var(--gut); right: var(--gut); top: 50%; transform: translateY(-50%); display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: clamp(24px, 4vw, 72px); row-gap: 14px; align-items: end; opacity: 0; visibility: hidden; }
.wind_wrap .wind_told_y { grid-row: 1 / 3; font-size: clamp(110px, 17vw, 300px); line-height: 0.86; font-weight: 200; font-variation-settings: 'opsz' 72; letter-spacing: -0.06em; font-variant-numeric: lining-nums; }
.wind_wrap .wind_told_dash { font-weight: 200; color: var(--ink-2); }
.wind_wrap .wind_told_jp { font-size: clamp(20px, 2vw, 32px); letter-spacing: 0.1em; font-weight: 500; }
.wind_wrap .wind_told_t { max-width: 32rem; font-size: clamp(17px, 1.3vw, 21px); line-height: 1.5; color: var(--ink-2); padding-bottom: 0.6em; }

/* Vagabond */
.wind_wrap .wind_vb_text { opacity: 0; position: absolute; left: var(--gut); top: calc(var(--gut) + 88px); bottom: calc(var(--gut) + 54px); width: min(40vw, 560px); display: flex; flex-direction: column; }
.wind_wrap .wind_vb_count { margin: 0; display: flex; align-items: baseline; gap: 14px; }
.wind_wrap .wind_vb_n { font-size: clamp(120px, 15vw, 250px); line-height: 0.86; font-weight: 200; font-variation-settings: 'opsz' 72; letter-spacing: -0.06em; font-variant-numeric: tabular-nums lining-nums; }
.wind_wrap .wind_vb_of { font-size: 22px; color: var(--ink-2); }
.wind_wrap .wind_vb_facts { position: relative; flex: 1; margin-top: 24px; }
.wind_wrap .wind_vb_fact { position: absolute; left: 0; right: 0; top: 0; margin: 0; font-size: clamp(19px, 1.55vw, 26px); line-height: 1.35; font-weight: 300; font-variation-settings: 'opsz' 36; letter-spacing: -0.01em; opacity: 0; }
.wind_wrap .wind_vb_hint { margin: 0; font-size: 13px; color: var(--ink-2); }
.wind_wrap .wind_pile { opacity: 0; position: absolute; right: calc(var(--gut) + 16vw); top: 48%; width: min(18vw, 34vh); aspect-ratio: 520 / 740; transform: translateY(-50%); pointer-events: auto; touch-action: pan-y; cursor: grab; }
.wind_wrap .wind_pile:active { cursor: grabbing; }
.wind_wrap .wind_cover { position: absolute; inset: 0; background-repeat: no-repeat; border-radius: 2px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 30px 60px -26px rgba(0, 0, 0, 0.9), 0 2px 6px rgba(0, 0, 0, 0.35); transform-origin: 50% 100%; will-change: transform, opacity; }
.wind_wrap .wind_credit.is-vb { left: auto; right: var(--gut); bottom: var(--gut); text-align: right; opacity: 0; visibility: visible; font-size: 12px; max-width: 520px; }

/* pages */
.wind_wrap .wind_spread { position: absolute; inset: calc(var(--gut) + 80px) var(--gut) calc(var(--gut) + 150px); display: flex; justify-content: center; gap: clamp(16px, 2.4vw, 40px); }
.wind_wrap .wind_pagefig { position: relative; margin: 0; height: 100%; aspect-ratio: 728 / 1080; opacity: 0; flex: none; }
.wind_wrap .wind_pagefig.is-b { left: auto; transform: none; }
.wind_wrap .wind_pageimg { width: 100%; height: 100%; object-fit: cover; display: block; filter: sepia(0.2) contrast(1.05); box-shadow: 0 30px 60px -24px rgba(0, 0, 0, 0.8); }
.wind_wrap .wind_pagecap { margin-top: 10px; font-size: 12px; color: var(--ink-2); }
.wind_wrap .wind_pages_line { position: absolute; left: 0; right: 0; bottom: calc(var(--gut) + 30px); margin: 0 auto; width: min(760px, calc(100vw - 2 * var(--gut))); text-align: center; font-size: clamp(21px, 1.8vw, 30px); line-height: 1.3; font-weight: 300; font-variation-settings: 'opsz' 36; letter-spacing: -0.012em; opacity: 0; }

@media (max-width: 767px) {
  .wind_wrap .wind_card { flex-direction: column; align-items: flex-start; gap: 6px; left: var(--gut); transform: translateY(calc(-50% + var(--rise))); }
  .wind_wrap .wind_card_k { font-size: 150px; }
  .wind_wrap .wind_card_name { font-size: 56px; }
  .wind_wrap .wind_sub, .wind_wrap .wind_credit { right: var(--gut); bottom: calc(var(--gut) + 44px); max-width: none; }
  .wind_wrap .wind_sub_t { font-size: 20px; }
  .wind_wrap .wind_line_head { right: var(--gut); top: calc(var(--gut) + 92px); }
  .wind_wrap .wind_note { display: none; }
  .wind_wrap .wind_pick { left: var(--gut); right: var(--gut); width: auto; top: auto; bottom: calc(var(--gut) + 40px); transform: none; }
  .wind_wrap .wind_pick.is-on { transform: none; }
  .wind_wrap .wind_told { grid-template-columns: 1fr; top: auto; bottom: calc(var(--gut) + 60px); transform: none; }
  .wind_wrap .wind_told_y { grid-row: auto; font-size: 96px; }
  .wind_wrap .wind_vb_text { width: auto; right: var(--gut); top: auto; height: 40vh; }
  .wind_wrap .wind_vb_n { font-size: 96px; }
  .wind_wrap .wind_pile { width: 40vw; right: 50%; top: calc(var(--gut) + 90px); transform: translateX(50%); }
  .wind_wrap .wind_spread { flex-direction: column; align-items: center; justify-content: flex-start; }
  .wind_wrap .wind_pagefig { height: 30%; }
}
@media (min-width: 768px) and (max-aspect-ratio: 9/10) {
  .wind_wrap .wind_spread { align-items: center; }
  .wind_wrap .wind_pagefig { height: auto; width: calc((100% - 2 * clamp(16px, 2.4vw, 40px)) / 3); }
}

/* ---------- shared: the book and the map (tools/share.py copies this region) ---------- */
.wind_wrap {
  --gold: #e8cf8f;
  --pg-m: 4vh; --pg-k: 0.75vh; --pg-c: 6.2vh; --pg-pad: clamp(18px, 4.2vh, 46px);
  --pg-in: calc(var(--pg-m) + var(--pg-k) + var(--pg-pad));
}
.wind_wrap .wind_mapcap { position: absolute; left: var(--gut); bottom: calc(var(--gut) + 50px); width: min(460px, calc(100vw - 2 * var(--gut))); box-sizing: border-box; margin: 0; padding: 22px 26px 22px; color: var(--sumi); background: var(--gold); border: 2px solid var(--sumi); box-shadow: inset 0 0 0 3px var(--gold), inset 0 0 0 4px var(--sumi), 0 18px 40px -18px rgba(20, 12, 4, 0.55); opacity: 0; visibility: hidden; }
.wind_wrap .wind_mapcap_k { margin: 0 0 12px; font-size: 13px; color: var(--sumi-2); display: flex; gap: 12px; align-items: baseline; }
.wind_wrap .wind_mapcap_k span { font-size: 24px; color: var(--sumi); font-weight: 800; letter-spacing: 0.08em; }
.wind_wrap .wind_mapcap_t { margin: 0; font-size: clamp(22px, 1.9vw, 32px); line-height: 1.18; font-weight: 320; font-variation-settings: 'opsz' 48; letter-spacing: -0.018em; text-wrap: balance; }
.wind_wrap .wind_mapcap_jp { margin: 0 0 12px; font-size: 17px; letter-spacing: 0.08em; font-weight: 500; }
.wind_wrap .wind_mapcap_src { margin: 14px 0 0; font-size: 12.5px; line-height: 1.45; color: var(--sumi-2); }
.wind_wrap .wind_mapcap.is-title { width: min(620px, calc(100vw - 2 * var(--gut))); padding: 30px 34px 28px; }
.wind_wrap .wind_mapcap.is-title .wind_mapcap_k span { font-size: clamp(30px, 3.4vw, 48px); }
.wind_wrap .wind_mapcap.is-title .wind_mapcap_t { font-size: clamp(34px, 3.6vw, 60px); line-height: 1.02; letter-spacing: -0.03em; font-weight: 280; }
.wind_wrap .wind_pin { position: absolute; left: 0; top: 0; display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto; column-gap: 14px; align-items: start; opacity: 0; visibility: hidden; color: var(--sumi); will-change: transform; }
.wind_wrap .wind_pin::before { content: ''; position: absolute; left: -9px; top: -9px; width: 18px; height: 18px; border-radius: 50%; border: 1.5px solid var(--sumi); box-shadow: 0 0 0 4px rgba(236, 229, 212, 0.6); }
.wind_wrap .wind_pin_jp { grid-row: 1 / 3; margin: 20px 0 0 22px; writing-mode: vertical-rl; font-size: 34px; line-height: 1; letter-spacing: 0.06em; font-weight: 800; padding: 12px 8px; background: var(--gold); border: 2px solid var(--sumi); box-shadow: inset 0 0 0 2px var(--gold), inset 0 0 0 3px var(--sumi), 0 14px 30px -14px rgba(20, 12, 4, 0.6); }
.wind_wrap .wind_pin_n { margin-top: 14px; font-size: clamp(64px, 7vw, 120px); line-height: 0.85; font-weight: 250; font-variation-settings: 'opsz' 72; letter-spacing: -0.05em; color: #fbf6ea; text-shadow: 0 2px 20px rgba(20, 12, 4, 0.55), 0 0 2px rgba(20, 12, 4, 0.4); font-variant-numeric: lining-nums; }
.wind_wrap .wind_pin_t { width: 17em; margin-top: 10px; padding: 10px 14px; font-size: 15px; line-height: 1.4; background: rgba(240, 233, 216, 0.94); box-shadow: 0 10px 24px -14px rgba(20, 12, 4, 0.6); text-wrap: pretty; }
.wind_wrap .wind_pin.is-left { grid-template-columns: auto auto; direction: rtl; }
.wind_wrap .wind_pin.is-left > * { direction: ltr; }
.wind_wrap .wind_pin.is-left .wind_pin_jp { margin: 20px 22px 0 0; }
.wind_wrap .wind_pin.is-left::before { left: auto; right: -9px; }
.wind_wrap .wind_pin.is-under::before { display: none; }
.wind_wrap .wind_pin.is-under .wind_pin_jp { margin: 0 0 0 0; }
.wind_wrap .wind_credit.is-laid { left: auto; right: var(--gut); bottom: calc(var(--gut) + 40px); text-align: right; color: #fbf6ea; text-shadow: 0 1px 14px rgba(20, 12, 4, 0.8); }
.wind_wrap .wind_credit.is-laid .wind_credit_t { color: #fff; }
.wind_wrap .wind_bk_spread { position: absolute; inset: 0; opacity: 0; visibility: hidden; color: var(--sumi); }
.wind_wrap .wind_bk_r, .wind_wrap .wind_bk_l { position: absolute; top: var(--pg-in); bottom: var(--pg-in); box-sizing: border-box; }
.wind_wrap .wind_bk_r { left: calc(50vw + var(--pg-c) / 2 + var(--pg-pad)); right: var(--pg-in); display: flex; flex-direction: row-reverse; align-items: flex-start; gap: clamp(16px, 2.6vh, 36px); }
.wind_wrap .wind_bk_l { left: var(--pg-in); right: calc(50vw + var(--pg-c) / 2 + var(--pg-pad)); display: flex; flex-direction: column; }
.wind_wrap .wind_bk_v { margin: 0; writing-mode: vertical-rl; font-weight: 800; line-height: 1; }
.wind_wrap .wind_bk_v.is-giant { font-size: calc((100vh - 2 * var(--pg-in)) / 4.3); letter-spacing: 0.02em; }
.wind_wrap .wind_bk_v.is-name { font-size: calc((100vh - 2 * var(--pg-in)) / 3.25); letter-spacing: 0.02em; }
.wind_wrap .wind_bk_v.is-scroll { font-size: calc((100vh - 2 * var(--pg-in)) / 3.3); letter-spacing: 0.04em; margin-right: auto; margin-left: auto; }
.wind_wrap .wind_bk_v.is-text { font-size: clamp(16px, 2.3vh, 24px); font-weight: 500; line-height: 2; letter-spacing: 0.1em; max-height: 100%; color: var(--sumi-2); margin-top: 0.4em; }
.wind_wrap .wind_bk_v.is-quote { font-size: clamp(32px, 6.4vh, 72px); line-height: 1.55; letter-spacing: 0.05em; max-height: 100%; }
.wind_wrap .wind_bk_v.is-quote.is-small { font-size: clamp(28px, 5.4vh, 60px); }
.wind_wrap .wind_bk_v.is-quote.is-gaze { font-size: calc((100vh - 2 * var(--pg-in)) / 13.8); }
.wind_wrap .wind_bk_k { margin: 0 0 auto; font-size: 13px; color: var(--sumi-2); display: flex; gap: 12px; align-items: baseline; }
.wind_wrap .wind_bk_k span { font-size: 22px; color: var(--sumi); font-weight: 800; letter-spacing: 0.08em; }
.wind_wrap .wind_bk_display { margin: 0; font-size: clamp(30px, 3.5vw, 64px); line-height: 1.06; font-weight: 290; font-variation-settings: 'opsz' 72; letter-spacing: -0.028em; text-wrap: balance; max-width: 17em; }
.wind_wrap .wind_bk_display.is-mid { font-size: clamp(26px, 2.6vw, 46px); line-height: 1.12; letter-spacing: -0.02em; max-width: 19em; }
.wind_wrap .wind_bk_display.is-huge { font-size: clamp(58px, 7vw, 132px); line-height: 0.9; letter-spacing: -0.045em; }
.wind_wrap .wind_bk_display strong { font-weight: 480; }
.wind_wrap .wind_bk_note { margin: 2.6vh 0 0; max-width: 31rem; font-size: 16px; line-height: 1.55; color: var(--sumi-2); text-wrap: pretty; }
.wind_wrap .wind_bk_src { margin: 2.6vh 0 0; padding-top: 1.4vh; border-top: 1px solid rgba(25, 22, 19, 0.28); max-width: 31rem; font-size: 12.5px; line-height: 1.45; color: var(--sumi-2); }
.wind_wrap .wind_bk_r.is-figure { justify-content: center; }
.wind_wrap .wind_bk_fig { margin: 0; height: 100%; }
.wind_wrap .wind_bk_fig.is-portrait { aspect-ratio: 759 / 2000; }
.wind_wrap .wind_bk_fig_img { width: 100%; height: 100%; object-fit: cover; display: block; mix-blend-mode: multiply; filter: saturate(0.92) contrast(1.02); }
.wind_wrap .wind_bk_title { margin: 0 0 0 -0.06em; font-size: clamp(96px, 13.5vw, 252px); line-height: 0.84; font-weight: 250; font-variation-settings: 'opsz' 72; letter-spacing: -0.055em; }
.wind_wrap .wind_bk_jp { margin: 3.2vh 0 0; font-size: clamp(16px, 2.2vh, 22px); letter-spacing: 0.08em; font-weight: 500; line-height: 1.7; max-width: 26em; }
.wind_wrap .wind_bk_en { margin: 1vh 0 0; font-size: clamp(22px, 2vw, 34px); line-height: 1.2; font-weight: 300; font-style: italic; font-variation-settings: 'opsz' 48; letter-spacing: -0.012em; max-width: 22em; text-wrap: balance; }
.wind_wrap .is-carpenter .wind_bk_k { margin-bottom: 4vh; }
.wind_wrap .is-carpenter .wind_bk_display { margin-top: auto; }
@media (max-width: 767px) {
  .wind_wrap .wind_mapcap { bottom: calc(var(--gut) + 30px); padding: 16px 18px; }
  .wind_wrap .wind_pin_jp { font-size: 26px; }
  .wind_wrap .wind_pin_n { font-size: 60px; }
  .wind_wrap .wind_pin_t { width: 12em; font-size: 14px; }
  .wind_wrap .wind_credit.is-laid { left: var(--gut); text-align: left; }
}
@media (max-aspect-ratio: 11/10) {
  .wind_wrap { --pg-m: 2.6vh; --pg-pad: clamp(16px, 2.6vh, 30px); --pg-c: 5vh; }
  .wind_wrap .wind_bk_r { left: var(--pg-in); right: calc(var(--pg-m) + var(--pg-k) * 2 + var(--pg-c) + var(--pg-pad)); top: calc(var(--pg-in) + 56px); bottom: 54vh; }
  .wind_wrap .wind_bk_l { top: 48vh; left: var(--pg-in); right: calc(var(--pg-m) + var(--pg-k) * 2 + var(--pg-c) + var(--pg-pad)); }
  .wind_wrap .wind_bk_k { position: absolute; top: calc(-48vh + var(--pg-in)); left: 0; right: 0; margin: 0; }
  .wind_wrap .wind_bk_k span { white-space: nowrap; }
  .wind_wrap .wind_bk_v.is-giant { font-size: calc((46vh - var(--pg-in) - 4vh - 56px) / 4.3); }
  .wind_wrap .wind_bk_v.is-name, .wind_wrap .wind_bk_v.is-scroll { font-size: calc((46vh - var(--pg-in) - 4vh - 56px) / 3.3); }
  .wind_wrap .wind_bk_v.is-quote { font-size: clamp(24px, 3.4vh, 44px); }
  .wind_wrap .wind_bk_v.is-quote.is-small { font-size: clamp(22px, 3vh, 38px); }
  .wind_wrap .wind_bk_v.is-quote.is-gaze { font-size: calc((46vh - var(--pg-in) - 4vh - 56px) / 13.6); }
  .wind_wrap .wind_bk_v.is-text { display: none; }
  .wind_wrap .wind_bk_display { font-size: clamp(26px, 6.2vw, 44px); }
  .wind_wrap .wind_bk_display.is-mid { font-size: clamp(21px, 4.8vw, 34px); }
  .wind_wrap .wind_bk_display.is-huge { font-size: clamp(44px, 11vw, 84px); }
  .wind_wrap .wind_bk_title { font-size: clamp(76px, 20vw, 160px); }
  .wind_wrap .wind_bk_note { font-size: 15px; margin-top: 1.8vh; }
  .wind_wrap .wind_bk_src { margin-top: 1.8vh; }
}
/* ---------- end shared ---------- */
@media (min-width: 768px) and (max-aspect-ratio: 11/10) {
  .wind_wrap .wind_pile { right: 50%; top: calc(var(--gut) + 100px); width: min(30vw, 26vh); transform: translateX(50%); }
  .wind_wrap .wind_vb_text { top: auto; bottom: calc(var(--gut) + 54px); height: 40vh; width: auto; right: var(--gut); }
}

/* the editor's canvas (stage.js canvasPosters): each chapter as a still of the live page, in px; the stills of a block
   are one strip (desktop 16:10, phone 390:844), each figure showing its own slice */
.wind_wrap.is-canvas { background: #0d0a08; }
.wind_wrap.is-canvas [data-stage] { margin: 0 !important; height: auto !important; min-height: 0 !important; pointer-events: auto; }
.wind_wrap.is-canvas [data-stage] > :not(.wind_poster) { display: none !important; }
.wind_wrap .wind_poster { position: relative; margin: 0; aspect-ratio: 16 / 10; background: var(--still) 0 var(--at) / 100% auto no-repeat; border-bottom: 1px solid rgba(236, 229, 212, 0.14); }
.wind_wrap .wind_poster figcaption { position: absolute; left: 12px; top: 12px; padding: 5px 9px; font: 500 11px/1.3 ui-monospace, Menlo, Consolas, monospace; letter-spacing: 0.06em; text-transform: uppercase; color: #ece5d4; background: rgba(13, 10, 8, 0.72); }
@media (max-width: 767px) { .wind_wrap .wind_poster { aspect-ratio: 390 / 844; background-image: var(--still-phone); } }