:root{--paper:#f3ede2;--paper-dim:#f3ede29e;--paper-faint:#f3ede257;--ink:#0d0c0e;--shu:#c8402a;--shu-glow:#c8402a8c;--jp:"Shippori Mincho B1", "Hiragino Mincho ProN", "Yu Mincho", serif;--en:"Cormorant Garamond", "Times New Roman", serif;--ease-ink:cubic-bezier(.22, .8, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--shadow:0 1px 14px #0000006b, 0 0 2px #00000059}body{font-family:var(--jp);color:var(--paper);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:focus-visible{outline:1px solid var(--paper-dim);outline-offset:4px;border-radius:2px}#ui{pointer-events:none;z-index:3;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#ui>*{pointer-events:auto}.scrim{z-index:0}.chapter,.titlecard{z-index:1}.scroll,.hints{z-index:2}.photo{z-index:5}.paper{z-index:6}.veil{z-index:7}.flash{z-index:8}.about{z-index:10}#ui.hidden .chapter,#ui.hidden .scrim{transition:opacity .6s;opacity:0!important}#ui.idle .chrome:not(:hover):not(:focus-within){opacity:0;transition-duration:1.8s}#ui.hidden .chrome{transform:translateY(8px);opacity:0!important;pointer-events:none!important}.chrome{transition:opacity .8s var(--ease-out), transform .8s var(--ease-out)}#ui.pre .chrome{opacity:0;pointer-events:none}.scrim{position:fixed;left:0;right:0;pointer-events:none!important}.scrim.bottom{background:linear-gradient(#06060900,#0606096b);height:26vh;bottom:0}.scrim.right{opacity:0;background:linear-gradient(270deg,#06060947,#06060900);width:34vw;transition:opacity 1.6s;top:0;bottom:0;left:auto}.scrim.right.on{opacity:1}#load{--gap:clamp(14px, 3.6vmin, 40px);--foot:calc(var(--gap) * 2 + 140px);--s:max(150px, min(520px, 64vmin, 100svh - var(--foot) - 2 * clamp(20px, 6svh, 64px)));background:radial-gradient(120% 90% at 50% 40%,#17131a 0%,#0b0a0d 55%,#060507 100%);place-items:center;display:grid;overflow:hidden}#load .stage{width:var(--s);aspect-ratio:1;margin-bottom:var(--foot);place-items:center;display:grid;position:relative}#load svg.enso{width:100%;height:100%;position:absolute;inset:0;overflow:visible}#load .enso .ink{fill:var(--paper);opacity:.94}#load .title{writing-mode:vertical-rl;font-size:clamp(24px, calc(var(--s) * .123), 64px);letter-spacing:.24em;text-shadow:0 0 40px #ffd2dc24;gap:.06em;font-weight:800;line-height:1;display:flex}#load .title span{opacity:0;filter:blur(14px);transition:opacity 1.6s var(--ease-ink), filter 1.8s var(--ease-ink), transform 1.8s var(--ease-ink);transform:translateY(-.18em)scale(1.08)}#load .title span.in{opacity:1;filter:blur();transform:none}#load .foot{top:calc(100% + var(--gap));white-space:nowrap;flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}#load .sub{font-family:var(--en);letter-spacing:.56em;text-transform:uppercase;color:var(--paper-dim);margin-right:-.56em;font-size:16px;font-style:italic}#load .motto{letter-spacing:.9em;color:var(--paper-faint);margin-right:-.9em;font-size:14px}#load .go{margin-top:var(--gap);opacity:0;pointer-events:none;transition:opacity 1.2s var(--ease-out), transform 1.2s var(--ease-out);align-items:center;gap:18px;padding:12px 8px;display:flex;transform:translateY(10px)}#load .go.on{opacity:1;pointer-events:auto;transform:none}#load .go .seal{background:var(--shu);color:#fbefe6;writing-mode:vertical-rl;width:40px;height:40px;box-shadow:0 0 0 1px #ffffff0f inset, 0 8px 30px var(--shu-glow);transition:transform .6s var(--ease-out), box-shadow .6s;border-radius:3px;place-items:center;font-size:15px;font-weight:800;line-height:1.02;display:grid}#load .go:hover .seal{box-shadow:0 0 0 1px #ffffff1a inset, 0 10px 40px var(--shu-glow);transform:rotate(-6deg)scale(1.06)}#load .go .lbl{flex-direction:column;align-items:flex-start;gap:3px;display:flex}#load .go .lbl b{letter-spacing:.32em;font-size:19px;font-weight:600}#load .go .lbl i{font-family:var(--en);letter-spacing:.34em;text-transform:uppercase;color:var(--paper-dim);font-size:13px}#load .petal{opacity:0;background:linear-gradient(140deg,#ffe3ea,#f2a9bb);border-radius:60% 60% 60% 10%;width:9px;height:7px;animation:linear infinite lpetal;position:absolute}@keyframes lpetal{0%{opacity:0;transform:translateY(-10vh)rotate(0)}10%{opacity:.8}to{opacity:0;transform:translate(-22vw,110vh)rotate(720deg)}}@property --hole{syntax:"<length-percentage>";inherits:false;initial-value:0%}#load.reveal{--hole:0%;--at:50% calc(50% - var(--foot) / 2);-webkit-mask:radial-gradient(circle at var(--at), transparent var(--hole), #000 calc(var(--hole) + 9vmax));-webkit-mask:radial-gradient(circle at var(--at), transparent var(--hole), #000 calc(var(--hole) + 9vmax));mask:radial-gradient(circle at var(--at), transparent var(--hole), #000 calc(var(--hole) + 9vmax));animation:3.4s cubic-bezier(.6,0,.3,1) forwards reveal}#load.reveal .stage{animation:2.6s cubic-bezier(.5,0,.3,1) forwards stageOut}#load.reveal .petal{opacity:0;transition:opacity 1s;animation-play-state:paused}@keyframes reveal{to{--hole:120vmax}}@keyframes stageOut{0%{transform:none}30%{opacity:1}to{opacity:0;filter:blur(8px);transform:scale(2.4)}}#load.done{display:none}.titlecard{justify-content:center;align-items:flex-start;padding-top:11vh;display:flex;position:fixed;inset:0;pointer-events:none!important}.titlecard .wrap{flex-direction:row-reverse;align-items:flex-start;gap:4.2vmin;display:flex}.titlecard .big{writing-mode:vertical-rl;letter-spacing:.12em;text-shadow:0 2px 50px #00000080,0 0 3px #0000004d;font-size:clamp(56px,10.5vmin,128px);font-weight:800;line-height:1}.titlecard .small{writing-mode:vertical-rl;text-shadow:var(--shadow);flex-direction:column;gap:14px;margin-top:1.2em;display:flex}.titlecard .small .a{letter-spacing:.6em;color:var(--paper);font-size:clamp(15px,2.2vmin,21px)}.titlecard .small .b{font-family:var(--en);letter-spacing:.32em;color:var(--paper-dim);text-transform:uppercase;font-size:clamp(13px,1.8vmin,17px);font-style:italic}.titlecard .ch{opacity:0;filter:blur(16px);display:inline-block;transform:translateY(-.12em)scale(1.06)}.titlecard.in .ch{animation:inkIn 2.2s var(--ease-ink) forwards}.titlecard.out .ch{animation:1.8s ease-in forwards smokeOut}@keyframes inkIn{0%{opacity:0;filter:blur(16px);transform:translateY(-.12em)scale(1.06)}45%{opacity:1}to{opacity:1;filter:blur();transform:none}}@keyframes smokeOut{0%{opacity:1;filter:blur();transform:none}to{opacity:0;filter:blur(14px);transform:translateY(-.5em)scale(1.02)}}.chapter{--cr:clamp(22px, 5vw, 86px);--cg:clamp(16px, 2.4vw, 34px);text-shadow:var(--shadow);position:fixed;inset:0;pointer-events:none!important}.chapter .col{top:9vh;right:var(--cr);align-items:flex-start;gap:var(--cg);flex-direction:row-reverse;height:74vh;display:flex;position:absolute}.chapter .stroke{flex:none;width:22px;height:100%;margin-left:-6px}.chapter .stroke path{fill:none;stroke:var(--shu);stroke-width:3.2px;stroke-linecap:round;filter:drop-shadow(0 0 8px var(--shu-glow))}.chapter .name{writing-mode:vertical-rl;letter-spacing:.22em;font-size:clamp(30px,4.6vh,48px);font-weight:800;line-height:1.05}.chapter .kana{writing-mode:vertical-rl;letter-spacing:.5em;color:var(--paper-dim);margin-top:.3em;font-size:clamp(11px,1.5vh,14px)}.chapter .num{writing-mode:vertical-rl;letter-spacing:.4em;color:var(--paper-dim);margin-top:.3em;font-size:14px}.chapter .haiku{flex-direction:row-reverse;gap:.7em;margin-top:4.2em;display:flex}.chapter .haiku .line{writing-mode:vertical-rl;letter-spacing:.24em;font-size:clamp(17px,2.4vh,23px);font-weight:400;line-height:1}.chapter .haiku .line:nth-child(2){margin-top:1.6em}.chapter .haiku .line:nth-child(3){margin-top:3.2em}.chapter .poet{flex-direction:column;align-self:flex-end;align-items:center;gap:12px;margin-right:.5em;display:flex}.chapter .poet .who{writing-mode:vertical-rl;letter-spacing:.4em;color:var(--paper-dim);font-size:14px}.chapter .poet .seal{background:var(--shu);color:#fff3ea;width:26px;height:26px;text-shadow:none;opacity:0;border-radius:2px;place-items:center;font-size:15px;font-weight:800;display:grid;transform:scale(1.7)rotate(-12deg);box-shadow:0 4px 18px #00000059}.chapter .en{right:calc(var(--cr) + 16px + var(--cg));text-align:right;font-family:var(--en);max-width:46vw;position:absolute;bottom:17vh}.chapter .en .place{letter-spacing:.42em;text-transform:uppercase;color:var(--paper-dim);margin-right:-.42em;font-size:clamp(13px,1.6vh,15px)}.chapter .en .verse{color:var(--paper);margin-top:10px;font-size:clamp(16px,2.2vh,21px);font-style:italic;line-height:1.42}.chapter .en .by{letter-spacing:.3em;color:var(--paper-faint);text-transform:uppercase;margin-top:6px;margin-right:-.3em;font-size:13px}.chapter .ch{opacity:0;filter:blur(10px);display:inline-block;transform:translateY(-.25em)}.chapter .mask{clip-path:inset(0 0 0 100%)}.chapter.in .ch{animation:inkIn 1.9s var(--ease-ink) forwards}.chapter.in .seal{animation:stamp .9s var(--ease-out) forwards}.chapter.in .mask{animation:wipeL 2.4s var(--ease-ink) forwards}.chapter.out>*{animation:2.2s ease-in forwards cardOut}@keyframes stamp{0%{opacity:0;transform:scale(1.7)rotate(-12deg)}55%{opacity:1;transform:scale(.94)rotate(-3deg)}to{opacity:1;transform:scale(1)rotate(-4deg)}}@keyframes wipeL{to{clip-path:inset(0)}}@keyframes cardOut{to{opacity:0;filter:blur(10px);transform:translateY(-14px)}}.paper{opacity:0;background-color:#efe7d8;background-image:var(--fibre), radial-gradient(120% 80% at 50% 45%, #fffcf4e6, #e2d6c0e6);background-blend-mode:multiply, normal;color:var(--ink);place-items:center;display:grid;position:fixed;inset:0;pointer-events:none!important}.paper .glyph-wrap{filter:url(#bleed)}.paper .glyph{opacity:0;filter:blur(30px);color:#1a1517;font-size:min(44vmin,360px);font-weight:800;line-height:1;transform:scale(1.1)}.paper .glyph.in{animation:bigInk 2.6s var(--ease-ink) forwards}.paper .cap{white-space:nowrap;opacity:0;align-items:center;gap:22px;transition:opacity 1.4s .9s;display:flex;position:absolute;top:calc(50% + min(28vmin,228px));left:50%;transform:translate(-50%)}.paper .cap .k{letter-spacing:.8em;color:#5a4c46;margin-right:-.8em;font-size:15px}.paper .cap .e{font-family:var(--en);letter-spacing:.3em;color:#5a4c46;text-transform:uppercase;margin-right:-.3em;font-size:17px;font-style:italic}.paper .cap .s{background:var(--shu);border-radius:2px;width:22px;height:22px}.paper.on .cap{opacity:1}@keyframes bigInk{0%{opacity:0;filter:blur(30px);transform:scale(1.12)}40%{opacity:.95}to{opacity:1;filter:blur();transform:scale(1)}}.scroll{width:64px;height:52vh;text-shadow:var(--shadow);flex-direction:column;align-items:center;display:flex;position:fixed;top:50%;left:clamp(18px,2.6vw,40px);transform:translateY(-50%)}.scroll .brand{writing-mode:vertical-rl;letter-spacing:.36em;font-size:19px;font-weight:800;position:absolute;bottom:calc(100% + 30px)}.scroll .brand small{font-family:var(--en);letter-spacing:.36em;color:var(--paper-faint);text-transform:uppercase;margin-top:.8em;font-size:11px;font-style:italic;font-weight:500;display:block}.scroll .rail{background:linear-gradient(to bottom, transparent, var(--paper-faint) 8%, var(--paper-faint) 92%, transparent);width:1px;position:absolute;top:0;bottom:0;left:50%}.scroll .done{background:var(--paper);width:1px;margin-left:0;transition:height .12s linear;position:absolute;top:0;left:50%;box-shadow:0 0 8px #ffffff80}.scroll .boat{z-index:2;background:var(--shu);width:9px;height:9px;box-shadow:0 0 0 3px #c8402a38, 0 0 16px var(--shu-glow);border-radius:50%;margin:-4.5px 0 0 -4px;transition:top .12s linear;position:absolute;left:50%}.scroll .node{height:28px;color:var(--paper-dim);align-items:center;gap:12px;margin-left:-3px;padding:0;transition:color .4s;display:flex;position:absolute;left:50%;transform:translateY(-50%)}.scroll .node .pip{box-sizing:border-box;border:1px solid var(--paper-dim);width:7px;height:7px;transition:background .4s, border-color .4s, transform .5s var(--ease-out);background:#0a090c59;border-radius:50%;flex:none}.scroll .node .g{transition:transform .5s var(--ease-out);font-size:14px;line-height:1}.scroll .node.past{color:var(--paper)}.scroll .node.past .pip{background:var(--paper);border-color:var(--paper)}.scroll .node:hover .pip{border-color:var(--paper);transform:scale(1.5)}.scroll .node:hover .g{color:var(--paper);transform:translate(3px)}.scroll .node .tip{white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .35s, transform .5s var(--ease-out);text-align:left;flex-direction:column;gap:2px;display:flex;transform:translate(-6px)}.scroll .node .tip b{letter-spacing:.2em;color:var(--paper);font-size:15px;font-weight:600}.scroll .node .tip i{font-family:var(--en);letter-spacing:.12em;color:var(--paper-dim);font-size:13px}.scroll .node:hover .tip{opacity:1;transform:none}.scroll .end{background:var(--paper-dim);width:9px;height:1px;margin-left:-4px;position:absolute;bottom:-3px;left:50%}.dock{z-index:4;left:50%;bottom:max(22px, env(safe-area-inset-bottom));text-shadow:var(--shadow);white-space:nowrap;align-items:flex-end;gap:clamp(18px,2.4vw,38px);display:flex;position:fixed;transform:translate(-50%)}.dock .grp{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.dock .cat{letter-spacing:.5em;color:var(--paper-faint);margin-right:-.5em;font-size:11px}.dock .row{align-items:center;gap:2px;display:flex}.dock .sep{background:linear-gradient(to bottom, transparent, var(--paper-faint), transparent);align-self:center;width:1px;height:30px}.dock .b{min-width:34px;height:36px;color:var(--paper-dim);transition:color .35s, transform .4s var(--ease-out);place-items:center;padding:0 6px;font-size:19px;display:grid;position:relative}.dock .b:hover{color:var(--paper);transform:translateY(-2px)}.dock .b.on{color:var(--paper)}.dock .b:after{content:"";background:var(--shu);opacity:0;width:4px;height:4px;transition:opacity .35s, transform .5s var(--ease-out);box-shadow:0 0 8px var(--shu-glow);border-radius:50%;margin-left:-2px;position:absolute;bottom:-3px;left:50%;transform:scale(.2)}.dock .b.on:after{opacity:1;transform:none}.dock .b.auto{min-width:26px;color:var(--paper-faint);font-size:13px}.dock .b.auto.on{color:var(--shu);text-shadow:0 0 10px var(--shu-glow), var(--shadow)}.dock .b.auto:after{display:none}.dock .b .tip{font-family:var(--en);letter-spacing:.14em;color:var(--paper);opacity:0;pointer-events:none;transition:opacity .3s, transform .45s var(--ease-out);font-size:13px;font-style:italic;position:absolute;bottom:calc(100% + 30px);left:50%;transform:translate(-50%,6px)}.dock .b:hover .tip{opacity:1;transform:translate(-50%)}.dock .time{align-items:center;gap:10px;height:36px;display:flex}.dock .time input{appearance:none;cursor:pointer;background:0 0;width:clamp(110px,11vw,170px);height:24px}.dock .time input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#788cc899,#ffc48ce6 25%,#fffaebf2 50%,#ffaa6ee6 75%,#788cc899);height:1px}.dock .time input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--paper);border-radius:50%;width:11px;height:11px;margin-top:-5px;box-shadow:0 0 0 4px #f3ede224,0 0 14px #fff0dcb3}.dock .time input::-moz-range-track{background:var(--paper-faint);height:1px}.dock .time input::-moz-range-thumb{background:var(--paper);border:0;border-radius:50%;width:11px;height:11px}.dock .time .clock{flex-direction:column;align-items:flex-start;gap:3px;min-width:74px;line-height:1.1;display:flex}.dock .time .clock b{letter-spacing:.2em;font-size:15px;font-weight:600}.dock .time .clock i{font-family:var(--en);letter-spacing:.18em;color:var(--paper-dim);font-variant-numeric:tabular-nums;font-size:12px}.hints{letter-spacing:.24em;color:var(--paper-dim);text-shadow:var(--shadow);opacity:0;white-space:nowrap;gap:26px;font-size:13px;transition:opacity 1.2s;display:flex;position:fixed;bottom:106px;left:50%;transform:translate(-50%);pointer-events:none!important}.hints.on{opacity:1}#ui.hidden .hints{opacity:0}.hints kbd{font-family:var(--en);letter-spacing:.1em;color:var(--paper);border-bottom:1px solid var(--paper-faint);margin-right:8px;padding:0 2px 1px;font-size:13px}.photo{opacity:0;transition:opacity .6s;position:fixed;inset:0;pointer-events:none!important}.photo.on{opacity:1}.photo .frame{border:1px solid #f3ede238;position:absolute;inset:5vmin}.photo .frame:before,.photo .frame:after{content:"";border:1px solid #f3ede2bf;width:22px;height:22px;position:absolute}.photo .frame:before{border-bottom:0;border-right:0;top:-1px;left:-1px}.photo .frame:after{border-top:0;border-left:0;bottom:-1px;right:-1px}.photo .bar{pointer-events:auto;text-shadow:var(--shadow);align-items:center;gap:34px;display:flex;position:absolute;bottom:calc(5vmin + 22px);left:50%;transform:translate(-50%)}.photo .shutter{color:#fff4ec;background:var(--shu);width:62px;height:62px;transition:transform .3s var(--ease-out);border-radius:50%;place-items:center;font-size:21px;font-weight:800;display:grid;box-shadow:0 0 0 6px #c8402a2e,0 12px 40px #0006}.photo .shutter:active{transform:scale(.92)}.photo .side{letter-spacing:.3em;color:var(--paper-dim);flex-direction:column;align-items:center;gap:2px;font-size:15px;display:flex}.photo .side i{font-family:var(--en);letter-spacing:.2em;font-size:12px}.photo .side:hover{color:var(--paper)}.photo .note{font-family:var(--en);letter-spacing:.2em;color:var(--paper-dim);text-shadow:var(--shadow);font-size:14px;font-style:italic;position:absolute;top:calc(5vmin + 20px);left:50%;transform:translate(-50%)}.flash{opacity:0;background:#fff;position:fixed;inset:0;pointer-events:none!important}.flash.go{animation:.7s ease-out flash}@keyframes flash{0%{opacity:.85}to{opacity:0}}.about{-webkit-backdrop-filter:blur(6px);opacity:0;background:#08070a8c;place-items:center;transition:opacity .6s;display:grid;position:fixed;inset:0;pointer-events:none!important}.about.on{opacity:1;pointer-events:auto!important}.about .sheet{box-sizing:border-box;background-color:#efe7d8;background-image:var(--fibre);background-blend-mode:multiply;color:#2b2224;width:min(600px,100vw - 32px);max-height:calc(100svh - 32px);padding:44px 46px 38px;position:relative;overflow-y:auto;box-shadow:0 30px 90px #00000080}.about h2{letter-spacing:.3em;margin:0;font-size:30px;font-weight:800}.about h2 small{font-family:var(--en);letter-spacing:.3em;text-transform:uppercase;color:#6b5c56;margin-top:6px;font-size:15px;font-style:italic;font-weight:500;display:block}.about p{font-family:var(--en);color:#3a2f30;margin:18px 0 0;font-size:17px;line-height:1.55}.about p a{color:var(--shu);border-bottom:1px solid #c8402a59;text-decoration:none}.about .colophon{align-items:flex-end;gap:24px;margin-top:20px;display:flex}.about p.credits{color:#6b5c56;flex:1;margin:0;font-size:13px;line-height:1.5}.about p.credits a{color:inherit;border-bottom-color:#6b5c5659}.about .keys{font-family:var(--en);color:#4a3d3d;grid-template-columns:auto 1fr;gap:6px 18px;margin-top:18px;font-size:15px;display:grid}.about .keys b{letter-spacing:.08em;color:#2b2224;font-weight:600}.about .x{color:#6b5c56;padding:6px;font-size:18px;position:absolute;top:16px;right:18px}.about .seal{background:var(--shu);color:#fff3ea;writing-mode:vertical-rl;border-radius:2px;flex:none;place-items:center;width:34px;height:34px;margin:0 0 3px;font-size:13px;font-weight:800;line-height:1;display:grid;transform:rotate(-4deg)}@media (max-width:1040px),(max-height:560px){.dock{left:0;right:0;bottom:max(14px, env(safe-area-inset-bottom));padding:0 max(8px, env(safe-area-inset-left));justify-content:space-around;gap:0;transform:none}.dock .grp{position:static}.dock .grp .row{display:none}.dock .grp.open .row{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);background:#0c0b0eb8;border-radius:22px;justify-content:center;width:min(560px,100% - 24px);padding:10px 12px;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.dock .grp .cat{letter-spacing:0;color:var(--paper);margin:0;padding:8px 10px;font-size:19px}.dock .grp.open .cat{color:var(--shu)}.dock .sep,.dock .b .tip{display:none}.dock .time input{width:min(42vw,300px)}.dock .grp.solo .row{-webkit-backdrop-filter:none;background:0 0;width:auto;padding:0;display:flex;position:static;transform:none}.dock .grp.solo .cat,.hints{display:none}.chapter .en{transition:opacity .4s}#ui:has(.dock .grp.open) .chapter .en{opacity:.08}}@media (max-width:760px),(max-height:560px){.scroll{display:none}}@media (max-width:760px) and (orientation:portrait),(max-width:760px) and (min-height:561px){.chapter .col{gap:12px;height:56vh;top:7vh;right:16px}.chapter .en{max-width:none;bottom:92px;left:16px;right:16px}.chapter .en .place{letter-spacing:.3em;margin-right:-.3em;font-size:11px}.chapter .en .verse{margin-top:6px;font-size:16px}.chapter .en .by{font-size:11px}.scrim.bottom{background:linear-gradient(#06060900,#06060940 45%,#0606098c);height:40vh}.chapter .haiku{margin-top:2.6em}.titlecard .wrap{gap:22px}.paper .glyph{font-size:60vmin}.paper .cap{gap:14px;top:calc(50% + 36vmin)}.paper .cap .k{letter-spacing:.6em;margin-right:-.6em;font-size:13px}.paper .cap .e{letter-spacing:.22em;margin-right:-.22em;font-size:13px}.paper .cap .s{width:16px;height:16px}}@media (max-width:760px),(max-height:560px){.about .sheet{padding:30px 24px 24px}.about h2{font-size:24px}.about h2 small{font-size:13px}.about p{margin-top:12px;font-size:15px;line-height:1.5}.about .keys{gap:4px 14px;margin-top:14px;font-size:14px}.about .colophon{gap:16px;margin-top:14px}.about p.credits{font-size:12px}.about .x{top:10px;right:10px}}@media (max-height:560px) and (orientation:landscape) and (min-width:600px){.about .sheet{grid-template-columns:1.25fr 1fr;align-content:start;column-gap:34px;width:min(880px,100vw - 32px);display:grid}.about .sheet>h2,.about .sheet>p{grid-column:1}.about .colophon{display:contents}.about .sheet>h2{grid-row:1}.about p{font-size:13px;line-height:1.45}.about .keys{grid-area:1/2/span 2;align-self:start;margin-top:6px}.about p.credits{grid-area:3/2;align-self:start;margin-top:12px}.about .seal{grid-area:1/1;place-self:start end;margin:4px 0 0}}@media (max-height:560px) and (orientation:landscape){.chapter .col{gap:14px;height:70vh;top:6vh}.chapter .haiku{margin-top:2.2em}.chapter .haiku .line:nth-child(2){margin-top:1em}.chapter .haiku .line:nth-child(3){margin-top:2em}.chapter .en{left:max(20px, env(safe-area-inset-left));text-align:left;max-width:40vw;bottom:78px;right:auto}.chapter .en .place{letter-spacing:.3em;margin-right:0;font-size:11px}.chapter .en .verse{margin-top:6px;font-size:15px}.chapter .en .by{margin-right:0;font-size:11px}.scrim.bottom{height:45vh}.chapter .en .mask{clip-path:inset(0 100% 0 0)}}
