@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:300;src:url(./jost-cyrillic-300-normal-DcIdRxLM.woff2)format("woff2"),url(./jost-cyrillic-300-normal-Da-u_v9v.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:300;src:url(./jost-latin-ext-300-normal--ixxmfGr.woff2)format("woff2"),url(./jost-latin-ext-300-normal-DIStW2bt.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Jost;font-style:normal;font-display:swap;font-weight:300;src:url(./jost-latin-300-normal-DkBQXsFU.woff2)format("woff2"),url(./jost-latin-300-normal-Ckm9JHl_.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:400;src:url(./jost-cyrillic-400-normal-bVZEi0jL.woff2)format("woff2"),url(./jost-cyrillic-400-normal-Dk3McGkH.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:400;src:url(./jost-latin-ext-400-normal-CpdMQIMr.woff2)format("woff2"),url(./jost-latin-ext-400-normal-Dsyb2mtt.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Jost;font-style:normal;font-display:swap;font-weight:400;src:url(./jost-latin-400-normal-q-RKOgPK.woff2)format("woff2"),url(./jost-latin-400-normal-C7S-3Ky6.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font:"Jost", "Futura", "Avenir Next", "Hiragino Sans", "Yu Gothic", "YuGothic", "Noto Sans JP", "Segoe UI", system-ui, sans-serif;--prose:"Jost", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;--ink:#efebe2;--ink-lift:#f7f4ee;--mat:#f5f2eb;--text:#262422db;--text-soft:#262422ad;--text-strong:#141418f2;--line:#26242238;--line-faint:#2624221f;--accent:#762448;--accent-law:#14183a;--focus:#14183a;--grain-blend:multiply;--grain-opacity:.1;--shadow:#3c301e14}:root[data-theme=sumi]{--accent:#1e1c1e;--accent-law:#1e1c1e}:root[data-theme=night]{--ink:#05070e;--ink-lift:#0b1022;--mat:#080b17;--text:#dee6ffd6;--text-soft:#dee6ff9e;--text-strong:#f0f4fff5;--line:#dee6ff33;--line-faint:#dee6ff1a;--accent:#c49cff;--accent-law:#9ad9ff;--focus:#c4ecff;--grain-blend:normal;--grain-opacity:.05;--shadow:#0006}:root[data-theme=cyanotype]{--ink:#4b7196;--ink-lift:#4f769c;--mat:#52789d;--text:#f6fafff5;--text-soft:#f0f6ffdb;--text-strong:#fff;--line:#f0f6ff66;--line-faint:#f0f6ff33;--accent:#fff;--accent-law:#fff;--focus:#fff;--grain-blend:normal;--grain-opacity:.05;--shadow:#0a1e3c2e}*{box-sizing:border-box}html{background:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}:root[data-theme=night],:root[data-theme=cyanotype]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:radial-gradient(ellipse 70% 60% at 50% 46%, var(--ink-lift) 0%, transparent 70%) fixed, var(--ink);min-height:100vh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-weight:300;transition:background-color 1.2s,color 1.2s;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:10;opacity:var(--grain-opacity);mix-blend-mode:var(--grain-blend);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}:root[data-theme=paper] body:after,:root[data-theme=sumi] body:after{filter:invert()}a{color:inherit}:focus-visible{outline:1px solid var(--focus);outline-offset:4px}.prose{font-family:var(--prose);line-break:strict;overflow-wrap:anywhere}.opening,.question,.subtitle{word-break:auto-phrase}:lang(en) .prose,.prose:lang(en){font-family:var(--font)}.bar,.plate-head,.badge,.specimen-label,.open,.back,.back-top,.switch button,.arc-en{letter-spacing:.32em;text-transform:uppercase;font-size:10px;font-weight:400}.bar{padding:max(18px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-inline:clamp(16px,3.2vw,44px);display:flex}.back-top,.back{min-height:32px;color:var(--text-soft);align-items:center;gap:.6em;text-decoration:none;transition:color .6s;display:inline-flex}.back-top:hover,.back:hover{color:var(--text-strong)}.settings{flex-wrap:wrap;justify-content:flex-end;gap:8px 22px;display:flex}.switch{flex-wrap:wrap;align-items:center;display:flex}.switch button{appearance:none;min-height:32px;font-family:var(--font);color:var(--text-soft);cursor:pointer;border:0;border-left:1px solid var(--line);background:0 0;margin:0;padding:8px .6em 8px .92em;transition:color .6s}.switch button:first-child{border-left:0;padding-left:.3em}.switch button:hover{color:var(--text-strong)}.switch button[aria-pressed=true]{color:var(--text-strong);text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1px}.switch [lang=ja]{letter-spacing:.16em}main{padding-inline:clamp(16px,4vw,56px)}.hero{text-align:center;flex-direction:column;align-items:center;padding-block:clamp(56px,11vh,120px) clamp(44px,8vh,88px);display:flex}.emblem{color:var(--text);margin-bottom:34px}h1{letter-spacing:.48em;text-transform:uppercase;color:var(--text-strong);margin:0 -.48em 0 0;font-size:clamp(15px,2.2vw,22px);font-weight:300;line-height:1.7}.subtitle{letter-spacing:.24em;color:var(--text-soft);margin:18px 0 0;font-size:13px}:lang(en) .subtitle{letter-spacing:.32em;text-transform:uppercase;font-size:11px}.opening{letter-spacing:.06em;max-width:34em;color:var(--text);margin:40px 0 0;font-size:clamp(15px,1.6vw,17px);line-height:2}.arc{margin-top:46px}.arc ol{flex-wrap:wrap;justify-content:center;align-items:flex-start;margin:0;padding:0;list-style:none;display:flex}.arc li{align-items:center;display:flex}.arc li+li:before{content:"";background:var(--line);width:clamp(18px,5vw,56px);height:1px;margin-top:0}.arc a{min-height:32px;color:var(--text);flex-direction:column;align-items:center;gap:6px;padding:8px 12px;text-decoration:none;transition:color .6s;display:flex}.arc a:hover{color:var(--text-strong)}.arc-en{margin-right:-.32em}.arc-ja{letter-spacing:.2em;color:var(--text-soft);font-size:12px}.arc-ja[hidden]{display:none}.shelf{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:clamp(64px,8vw,88px) clamp(28px,3.6vw,52px);max-width:1240px;margin:0 auto;scroll-margin-top:24px;display:grid}.plate{flex-direction:column;min-width:0;scroll-margin-top:28px;display:flex}.plate-head{border-bottom:1px solid var(--line);color:var(--text-soft);justify-content:space-between;gap:12px;margin:0 0 12px;padding-bottom:9px;display:flex}.plate-verb{margin-right:-.32em}:lang(ja) .plate-verb{letter-spacing:.2em;font-size:11px}.frame{background:var(--mat);border:1px solid var(--line);box-shadow:0 1px 0 var(--shadow), 0 18px 40px -28px var(--shadow);padding:clamp(10px,1.4vw,16px);position:relative}.frame:before{content:"";border:1px solid var(--line-faint);pointer-events:none;transition:border-color .9s;position:absolute;inset:clamp(4px,.6vw,6px)}.plate:hover .frame:before,.plate:focus-within .frame:before{border-color:var(--line)}.frame img{aspect-ratio:4/5;object-fit:cover;background:var(--ink);outline:1px solid var(--line-faint);width:100%;height:auto;display:block}.caption{flex-direction:column;flex:1;padding-top:24px;display:flex}.work-title{letter-spacing:.48em;text-transform:uppercase;color:var(--text-strong);margin:0;font-size:12px;font-weight:400}.basis{letter-spacing:.06em;color:var(--text-soft);flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:12px 0 0;font-size:12px;display:flex}.badge{border:1px solid;padding:3px .5em 3px .82em;font-size:9px;line-height:1.3}.badge-law{color:var(--accent-law)}.badge-rule{color:var(--accent)}:lang(ja) .badge{letter-spacing:.2em;font-size:10px}.question{letter-spacing:.04em;color:var(--text-strong);margin:22px 0 0;font-size:15px;line-height:1.85}.note{letter-spacing:.03em;color:var(--text);margin:14px 0 0;font-size:13px;line-height:2}:lang(en) .note{letter-spacing:.01em;line-height:1.8}.ways{z-index:1;margin:18px 0 0;position:relative}.ways-label{letter-spacing:.32em;text-transform:uppercase;color:var(--text-soft);margin:0 0 6px;font-size:10px;font-weight:400}:lang(ja) .ways-label{letter-spacing:.2em;font-size:11px}.ways ul{margin:0;padding:0;list-style:none}.ways li{letter-spacing:.04em;gap:.7em;font-size:12px;line-height:1.6;display:flex}.ways li:before{content:"→";color:var(--text-soft);flex:none;padding-top:5px}.ways a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:4px;padding:5px 0;text-decoration-thickness:1px;transition:color .6s,text-decoration-color .6s;display:inline-block}.ways a:hover{color:var(--text-strong);text-decoration-color:currentColor}.specimen{border-top:1px solid var(--line-faint);letter-spacing:.06em;color:var(--text-soft);margin:16px 0 0;padding-top:12px;font-size:11px;line-height:1.8}.specimen-label{letter-spacing:.2em}.open{color:var(--text-strong);border-bottom:1px solid var(--line);align-self:flex-start;margin-top:auto;padding:18px 0 8px;text-decoration:none;transition:border-color .6s}a.open:hover{border-bottom-color:var(--text-strong)}a.open:after{content:"";position:absolute;inset:0}.plate:has(a.open){position:relative}.plate:has(a.open) .frame{cursor:pointer}.open.soon{color:var(--text-soft);border-bottom-style:dotted}:lang(ja) .open{letter-spacing:.24em;font-size:11px}.key{border-top:1px solid var(--line);max-width:40em;margin:clamp(96px,14vh,150px) auto 0;padding-top:32px}.key h2{letter-spacing:.32em;text-transform:uppercase;color:var(--text-soft);margin:0 0 20px;font-size:11px;font-weight:400}:lang(ja) .key h2{letter-spacing:.24em;font-size:12px}.key dl{grid-template-columns:auto 1fr;gap:14px 18px;margin:0 0 22px;display:grid}.key dt{padding-top:5px}.key dd{letter-spacing:.03em;margin:0;font-size:13px;line-height:2}.key p{letter-spacing:.03em;margin:0 0 14px;font-size:13px;line-height:2}.key .dim{color:var(--text-soft)}.foot{padding:clamp(64px, 10vh, 110px) 16px max(40px, env(safe-area-inset-bottom));justify-content:center;display:flex}.noscript{text-align:center;padding:0 16px 40px;font-size:13px}@keyframes arrive{0%{opacity:0}}.hero{animation:2.4s ease-out both arrive}.ready .plate{animation:1.8s ease-out both arrive;animation-delay:calc(.6s + var(--order,0) * .35s)}.arrived .hero,.arrived .plate{animation:none}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media (width<=560px){.bar,.settings{justify-content:center}.arc li+li:before{width:14px}.arc a{padding-inline:8px}.question{font-size:14px}}
