:root{--paper: #eee8dc;--ink: #171412;--muted: #6b6259;--vermilion: #c23b22;--line: rgba(23, 20, 18, .16)}html{scroll-behavior:smooth}body{margin:0;background:var(--paper)}a{color:var(--ink)}a:hover{color:var(--vermilion)}::-moz-selection{background:var(--ink);color:var(--paper)}::selection{background:var(--ink);color:var(--paper)}.vb{background:var(--paper);color:var(--ink);font-family:Zen Kaku Gothic New,sans-serif;overflow-x:hidden}.vb *{box-sizing:border-box}.wrap{max-width:1360px;margin:0 auto;padding-left:32px;padding-right:32px}.muted{color:var(--muted)}.disp{font-family:"Instrument Serif",serif;font-weight:400;letter-spacing:-.015em}.jp{font-family:Shippori Mincho,serif}.mono{font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.navl{text-decoration:none;padding:12px 0;display:inline-block}.hero{position:relative;height:860px;overflow:hidden;background:var(--paper);touch-action:pan-y;cursor:crosshair}.hero canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-in{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:28px 32px 40px}.hero-nav{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:flex-start;justify-content:space-between;pointer-events:auto}.brand{display:flex;align-items:center;gap:14px;text-decoration:none}.brand-mark{width:44px;height:44px;background:var(--vermilion);color:var(--paper);display:grid;place-items:center;font-size:22px;font-weight:800}.brand-txt{display:flex;flex-direction:column;gap:3px;line-height:1.3}.hero-foot{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px}.hero-title{margin:0;font-size:clamp(68px,12.5vw,210px);line-height:.86}.hero-vert{position:absolute;right:36px;top:132px;writing-mode:vertical-rl;font-size:15px;letter-spacing:.6em;pointer-events:none;animation-delay:1.2s}.ln{display:block;overflow:hidden;padding-bottom:.06em}.ln>span{display:block;animation:up 1.5s cubic-bezier(.2,.8,.1,1) both}.fade-in{animation:fadein 1.6s ease both}.scrollbar{width:1px;height:56px;background:#17141233;position:relative;overflow:hidden}.scrollbar:after{content:"";position:absolute;left:0;top:0;width:1px;height:20px;background:var(--ink);animation:drip 2.4s cubic-bezier(.6,0,.3,1) infinite}.mq{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.mq-track{display:flex;width:-moz-max-content;width:max-content;animation:mq 46s linear infinite}.mq-item{display:flex;align-items:center;gap:40px;padding-right:40px;white-space:nowrap;font-size:64px;line-height:1}.mq-jp{font-size:52px}.mq-dot{width:14px;height:14px;border-radius:50%;background:var(--vermilion)}.mq-sushi{flex:none;width:auto;height:56px}.outline{color:transparent;-webkit-text-stroke:1px var(--ink)}.index-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:56px}.index-title{margin:0;font-size:clamp(64px,9vw,150px);line-height:.9}.index-title sup{font-size:14px;vertical-align:top;margin-left:10px;letter-spacing:.04em}.row{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 28px;padding:30px 12px;border-top:1px solid var(--line);text-decoration:none;color:var(--ink);overflow:hidden}.row:last-of-type{border-bottom:1px solid var(--line)}.row:before{content:"";position:absolute;inset:0;background:var(--ink);transform:scaleY(0);transform-origin:bottom;transition:transform .7s cubic-bezier(.7,0,.2,1);z-index:0}.row:hover:before{transform:scaleY(1)}.row>*{position:relative;z-index:1;transition:color .5s,transform .8s cubic-bezier(.2,.8,.1,1)}.row:hover>*{color:var(--paper)}.row:hover .ttl{transform:translate(28px);font-style:italic}.row:hover .arr{transform:rotate(-45deg)}.ttl{flex:1 1 auto;font-size:clamp(48px,8vw,128px);line-height:.95}.row-meta{display:flex;flex-direction:column;gap:4px;text-align:right}.arr{font-size:28px}.pv{position:absolute;left:0;top:0;width:340px;pointer-events:none;z-index:6;will-change:transform}.pv-in{aspect-ratio:4 / 5;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:22px;box-shadow:0 30px 60px #17141240;opacity:0;transform:scale(.6) rotate(-6deg);transition:opacity .45s ease,transform .7s cubic-bezier(.2,.8,.1,1)}.pv.on .pv-in{opacity:1;transform:none}.pv-kanji{font-size:190px;line-height:1;align-self:center}.pv-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.pv-name{font-size:34px;line-height:1}.pv-dot{flex:0 0 26px;height:26px;border-radius:50%}@media (hover: none){.pv{display:none}}.scene{position:relative;overflow:hidden;cursor:crosshair;touch-action:pan-y}.scene canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.cap{position:absolute;pointer-events:none}.cap-vert{right:36px;top:40px;writing-mode:vertical-rl;letter-spacing:.6em;font-size:15px}.chapter{padding-top:120px;padding-bottom:160px;display:flex;flex-wrap:wrap;gap:64px}.chapter-aside{position:sticky;top:48px;display:flex;flex-direction:column;gap:16px}.chapter-scene{width:100%;max-width:540px;aspect-ratio:4 / 5;background:#e6e2d4}.chapter-kanji{right:16px;bottom:16px;width:46px;height:46px;background:var(--vermilion);color:var(--paper);display:grid;place-items:center;font-size:24px;font-weight:800}.chapter-cap{display:flex;justify-content:space-between;gap:16px;max-width:540px}.chapter-body{flex:1.35 1 520px;min-width:0;display:flex;flex-direction:column;gap:44px}.chapter-title{margin:0;font-size:clamp(56px,7.4vw,124px);line-height:.9}.chapter-desc{margin:0;font-size:21px;line-height:1.6;max-width:600px}.browser{border:1px solid rgba(23,20,18,.18);overflow:hidden;background:#e6dfd2}.browser-bar{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(23,20,18,.12)}.browser-dot{width:9px;height:9px;border-radius:50%;background:#17141238}.browser-view{aspect-ratio:16 / 10;overflow:hidden}.browser-view img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.ul{text-decoration:none;border-bottom:1px solid rgba(23,20,18,.35);padding:12px 0 6px;display:inline-flex;gap:10px;align-items:center;transition:color .3s,border-color .3s}.ul:hover{color:var(--vermilion);border-color:var(--vermilion)}.endsec{min-height:900px}.endin{position:relative;z-index:1;min-height:900px;max-width:1360px;margin:0 auto;padding:120px 32px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:28px;pointer-events:none}.endin>*{max-width:560px}.end-kanji{font-size:clamp(120px,14vw,220px);line-height:1;color:var(--vermilion);font-weight:600}.end-txt{margin:0;font-size:clamp(36px,4.6vw,72px);line-height:1.05}.end-links{display:flex;flex-wrap:wrap;gap:8px 36px;pointer-events:auto}.site-foot{background:#e4dccd;color:var(--muted);padding:18px 32px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}@media (max-width: 760px){.endsec{min-height:1180px}.endin{min-height:0;justify-content:flex-start;padding-top:96px}}@keyframes up{0%{transform:translateY(105%)}to{transform:none}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes drip{0%{transform:translateY(-20px)}to{transform:translateY(56px)}}@keyframes mq{to{transform:translate(-50%)}}@keyframes rv{0%{opacity:0;transform:translateY(70px)}to{opacity:1;transform:none}}@supports (animation-timeline: view()){.rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% cover 26%}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.vb *{animation:none!important}}