.home-page{--home-lilac:#c3bfff;isolation:isolate;max-width:112rem;min-height:100svh;color:var(--paper);background:#101010;margin:auto;position:relative;overflow:clip}.home-page .home-meta{z-index:2;inset:2.25rem var(--space) auto;position:absolute}.home-page .cover-backdrop{--backdrop-ink:#292933;color:var(--backdrop-ink)}.home-page .home-meta p{position:relative}.home-page .home-meta p,.home-page .home-footer{border-top-color:#74718c}.home-page .home-meta p:before,.home-page .home-footer:before{content:"";background:var(--home-lilac);clip-path:polygon(0 0,100% 0,81% 100%,0 100%);width:1.75rem;height:4px;position:absolute;top:-1px;left:0}.home-page .home-meta p:last-child:before{left:auto;right:0;transform:scaleX(-1)}.home-page .cover-side-note{color:var(--home-lilac);letter-spacing:.08em}.home-page .home-meta p.home-lettering{font-size:.72rem;line-height:1.85}.home-footer .cover-edition{letter-spacing:-.08em;font-size:1.75rem;line-height:1.2}.home-footer .entry-description{max-width:19rem;line-height:1.65}.home-lettering-join{white-space:nowrap;display:inline-block}.home-lettering-join>.cutout-letter+.cutout-letter{margin-inline-start:-.12em}.cutout-letter--large{letter-spacing:-.025em;font-size:1.14em}@supports ((-webkit-background-clip:text) or (background-clip:text)){.home-page .cover-backdrop{background:var(--backdrop-ink) url(/media/home/portfolio-halftone.svg) center / 100% 100% no-repeat;color:#0000;-webkit-background-clip:text;background-clip:text}}.home-hero-frame{z-index:1;aspect-ratio:1586/992;outline:none;width:min(90vw,150svh - 420px,1280px);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-hero-art{width:100%;height:100%;display:block}.home-title-svg{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;overflow:visible}.home-readable-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-footer{z-index:2;left:var(--space);bottom:var(--space);width:min(26rem, calc(100% - 2 * var(--space)));position:absolute}.film-menu--home .film-trigger{--film-blue:#3524ed;--film-cyan:#c2bfff;--film-deep:#0c133c;--film-soft:#f1f0e9;--film-light:#f1f0e9;width:17.5rem;height:7.75rem;bottom:clamp(28px,3.3vw,52px);right:clamp(24px,3.5vw,60px)}.film-menu--home .film-trigger:before{content:none}.home-command,.home-command-front{pointer-events:none;display:block;position:absolute;inset:0}.home-command{transform:translate(var(--command-x,0px), var(--command-y,0px));transition:transform .14s cubic-bezier(.16,1,.3,1);container-type:inline-size}.home-command-backing,.home-command-face{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.home-command-blade{fill:var(--film-blue)}.home-command-front{color:var(--film-deep)}.home-command-face path{fill:var(--film-soft)}.home-command-label{z-index:2;letter-spacing:-.06em;transform:rotate(-8deg) skewX(-7deg) scale(var(--command-label-scale,1));transform-origin:0;font:900 18.5cqi/1 Portfolio Display,Microsoft YaHei,sans-serif;transition:transform 70ms cubic-bezier(.16,1,.3,1);position:absolute;top:28%;left:14%}.home-command-letter{isolation:isolate;display:inline-block;position:relative}.home-command-letter--blue{color:#c3bfff}.home-command-letter--reverse{color:var(--film-soft)}.home-command-letter--reverse:before{content:"";z-index:-1;background:var(--film-deep);clip-path:polygon(3% 0,100% 5%,96% 100%,0 95%);pointer-events:none;position:absolute;inset:-.06em -.03em -.08em -.06em}.home-command-kana{z-index:2;letter-spacing:.08em;transform-origin:0;font:800 5.5cqi/1 Yu Gothic,Meiryo,sans-serif;position:absolute;top:72%;left:18%;transform:rotate(-2deg)}.film-menu--home .film-trigger:focus-visible{--command-x:3px;--command-y:-2px;--command-label-scale:1.13}@media (hover:hover){.film-menu--home .film-trigger:hover{--command-x:3px;--command-y:-2px;--command-label-scale:1.13}}@media (prefers-reduced-motion:reduce){.home-command{transform:none}}@media (width<=760px){.home-page .home-meta{top:1.25rem}.home-hero-frame{width:min(96vw,150svh - 360px)}.home-footer{width:min(26rem, calc(100% - var(--space) - 182px));bottom:27px}.film-menu--home .film-trigger{width:9.5rem;height:4.207rem;bottom:27px;right:22px}}@media (height<=520px) and (width>=761px){.home-page .home-meta{top:16px}.home-footer,.film-menu--home .film-trigger{bottom:18px}.home-hero-frame{width:min(80vw,150svh - 270px)}}