:root{--ground:#16389a;--deep:#0d2a78;--paper:#f1efe6;--paper-2:#f1efe6ad;--paper-3:#f1efe66b;--rule:#f1efe63d;--gutter:clamp(16px, 2.4vw, 40px);--font:var(--font-anybody), var(--font-murecho), "Hiragino Sans", system-ui, sans-serif;--font-ja:var(--font-murecho), "Hiragino Sans", sans-serif;--text-s:14px;--text-m:17px;--text-l:clamp(19px, 1.5vw, 22px);--text-xl:clamp(40px, 5.7vw, 108px);--text-plate:clamp(56px, 7.6vw, 144px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--ground);min-height:100svh;color:var(--paper);font-family:var(--font);font-size:var(--text-m);font-variation-settings:"wdth" 100;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.5}html[lang=ja] body{letter-spacing:.02em;line-height:1.85}::selection{background:var(--paper);color:var(--ground)}a{color:inherit;text-underline-offset:.22em;text-decoration-line:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--paper-3);text-decoration-color:var(--paper-3);transition:text-decoration-color .16s}a:hover{text-decoration-color:currentColor}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--paper);outline-offset:4px;border-radius:2px}p{margin:0}.stage{z-index:0;touch-action:pan-y;width:100%;height:100%;display:block;position:fixed;inset:0}.frame{z-index:1;column-gap:var(--gutter);min-height:100svh;padding:var(--gutter);pointer-events:none;grid-template:"top top top""sentence anchor plate"minmax(0,1fr)"about caption plate"/minmax(0,5fr) minmax(0,6fr) auto;row-gap:clamp(20px,4.5vh,56px);display:grid;position:relative}.top,.sentence .project,.about,.caption{pointer-events:auto}.top{grid-area:top;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.mark{font-size:var(--text-m);font-variation-settings:"wdth" 118;letter-spacing:.005em;font-weight:620;text-decoration:none}.langs{font-size:var(--text-s);gap:18px;display:flex}.langs a{color:var(--paper-2);text-decoration:none}.langs a:hover,.langs a[aria-current=page]{color:var(--paper)}.langs a[aria-current=page]{text-decoration:underline}.langs a:lang(ja){font-family:var(--font-ja)}.anchor{grid-area:anchor;place-items:center;min-height:0;display:grid}.index{grid-area:sentence;align-self:end;min-width:0;container-type:inline-size}.sentence{font-size:min(var(--text-xl), 12.4cqi);font-variation-settings:"wdth" 88;letter-spacing:-.022em;text-wrap:balance;margin:0;font-weight:450;line-height:.98}html[lang=ja] .sentence{font-size:min(var(--text-xl), 10.6cqi);letter-spacing:-.01em;word-break:auto-phrase;line-height:1.12}.sentence .line{white-space:nowrap;display:block}.sentence .project{color:var(--paper);font-variation-settings:"wdth" 88;text-underline-offset:.14em;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:.07em;-webkit-text-decoration-color:var(--paper-2);text-decoration-color:var(--paper-2);font-weight:450;transition:font-variation-settings .42s cubic-bezier(.2,.7,.1,1),font-weight .42s cubic-bezier(.2,.7,.1,1),opacity .24s;display:inline-block}.sentence[data-active] .project{opacity:.42}.sentence .project[aria-current=true],.sentence .project[aria-pressed=true]{opacity:1;font-variation-settings:"wdth" 100;font-weight:560;text-decoration-style:solid;text-decoration-color:currentColor}.about{max-width:46ch;color:var(--paper-2);grid-area:about;align-self:end;gap:12px;display:grid}.about .intro{color:var(--paper)}.links{flex-wrap:wrap;gap:4px 18px;margin:0;padding:0;list-style:none;display:flex}.caption{width:min(100%,36ch);min-height:7.5em;color:var(--paper-2);font-size:var(--text-s);grid-area:caption;align-content:end;place-self:end;gap:6px;display:grid}.caption-title{color:var(--paper);font-size:var(--text-l);font-variation-settings:"wdth" 104;flex-wrap:wrap;align-items:baseline;gap:4px 14px;font-weight:560;line-height:1.2;display:flex}.caption-title .status{font-size:var(--text-s);font-variation-settings:"wdth" 100;color:var(--paper-2);font-weight:400}.caption-link{color:var(--paper);text-underline-offset:.22em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--paper-3);text-decoration-color:var(--paper-3);justify-self:start;margin-top:4px}.caption-link:hover{text-decoration-color:currentColor}.plate{writing-mode:vertical-rl;font-family:var(--font-ja);font-size:var(--text-plate);letter-spacing:.08em;color:var(--paper);-webkit-user-select:none;user-select:none;grid-area:2/plate/4;align-self:start;margin:0;font-weight:200;line-height:1}.plate span{animation:.9s cubic-bezier(.2,.7,.1,1) both plate-in;display:block}@keyframes plate-in{0%{clip-path:inset(0 0 100%);opacity:.3}to{clip-path:inset(0);opacity:1}}.still{width:min(100%,520px);color:var(--paper-2);font-size:var(--text-s);gap:12px;margin:0;display:grid}.still svg{width:100%;height:auto;fill:var(--paper)}@media (max-width:820px){.frame{grid-template:"top top""anchor plate""caption caption""sentence sentence""about about"/minmax(0,1fr) auto;row-gap:28px}.anchor{height:min(88vw,56svh)}.plate{grid-row:auto;font-size:clamp(40px,11vw,64px)}.caption{justify-self:start;width:100%;min-height:0}.sentence{font-size:min(64px,12.4cqi)}html[lang=ja] .sentence{font-size:min(56px,10.6cqi)}.about{padding-bottom:12px}}@media (prefers-reduced-motion:reduce){.plate span{animation:none}.sentence .project{transition:none}}