:root{--paper:#f4f1ea;--paper2:#ebe6da;--ink:#2b2a26;--ink2:#5a564d;--ink3:#8c877a;--line:#d9d3c4;--matcha:#2f4028;--matcha2:#4f6a43;--matcha3:#8fa27d;--gold:#8a7a52;--vermilion:#b4413a;--display:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif;--body:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif}.story{color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--body);letter-spacing:.08em;line-height:2;overflow-x:hidden;background:#f4f1ea!important}.story *{box-sizing:border-box}.story h1,.story h2,.story .display{font-family:var(--display);margin:0;font-weight:400}.story a{color:inherit}.chapter{grid-template-columns:1fr;align-items:center;gap:40px;min-height:100svh;padding:96px 20px;display:grid;position:relative}@media (min-width:900px){.chapter{grid-template-columns:1fr 1fr;gap:6vw;padding:96px 8vw}.chapter.flip .text{order:-1}}@media (max-width:899px){.chapter .art{max-width:min(78vw,420px)}}.chapter .art{aspect-ratio:1;width:100%;max-width:560px;margin:0 auto;position:relative}.chapter .art svg{width:100%;height:100%;overflow:visible}.chapter .text{max-width:440px;margin:0 auto}@media (min-width:900px){.chapter .text{margin:0}}.eyebrow{letter-spacing:.34em;color:var(--gold);margin-bottom:22px;font-size:11px}.year{font-family:var(--display);letter-spacing:.06em;color:var(--ink);font-variant-numeric:tabular-nums;margin-bottom:26px;font-size:clamp(44px,6vw,72px);line-height:1}.year small{letter-spacing:.2em;color:var(--ink3);margin-left:14px;font-size:.4em}.chapter h2{letter-spacing:.18em;text-wrap:balance;margin-bottom:22px;font-size:clamp(24px,2.6vw,32px);line-height:1.8}.chapter p{color:var(--ink2);margin:0 0 14px;font-size:15px;font-weight:300}.line{display:block}.quote{border-left:1px solid var(--matcha2);font-family:var(--display);letter-spacing:.16em;color:var(--matcha);margin:30px 0 0;padding-left:18px;font-size:17px}.svg-label{font-family:var(--display);fill:var(--ink2);letter-spacing:2px;font-size:13px}.story .art img.ink,.story .drop img.ink{object-fit:contain;pointer-events:none;--r:0;width:100%;height:100%;-webkit-mask-image:linear-gradient(102deg,#000 calc(var(--r) * 152% - 52%),#0000 calc(var(--r) * 152%));-webkit-mask-image:linear-gradient(102deg,#000 calc(var(--r) * 152% - 52%),#0000 calc(var(--r) * 152%));mask-image:linear-gradient(102deg,#000 calc(var(--r) * 152% - 52%),#0000 calc(var(--r) * 152%));position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.story .art img.ink.radial{-webkit-mask-image:radial-gradient(circle at var(--cx,50%) var(--cy,50%),#000 calc(var(--r) * 118% - 18%),#0000 calc(var(--r) * 118%));-webkit-mask-image:radial-gradient(circle at var(--cx,50%) var(--cy,50%),#000 calc(var(--r) * 118% - 18%),#0000 calc(var(--r) * 118%));mask-image:radial-gradient(circle at var(--cx,50%) var(--cy,50%),#000 calc(var(--r) * 118% - 18%),#0000 calc(var(--r) * 118%))}.story .art img.ink.inner{width:44%;height:44%;inset:28% auto auto 28%}.story .art .frames{pointer-events:none;transform-origin:50%;position:absolute;inset:0}.story .art .frames[data-wipe] .frame{--a:0;--b:0;--ang:101deg;-webkit-mask-image:linear-gradient(var(--ang), #000 calc(var(--a) * 150% - 50%), #0000 calc(var(--a) * 150%)), linear-gradient(var(--ang), #0000 calc(var(--b) * 150% - 50%), #000 calc(var(--b) * 150%));-webkit-mask-image:linear-gradient(var(--ang), #000 calc(var(--a) * 150% - 50%), #0000 calc(var(--a) * 150%)), linear-gradient(var(--ang), #0000 calc(var(--b) * 150% - 50%), #000 calc(var(--b) * 150%));mask-image:linear-gradient(var(--ang), #000 calc(var(--a) * 150% - 50%), #0000 calc(var(--a) * 150%)), linear-gradient(var(--ang), #0000 calc(var(--b) * 150% - 50%), #000 calc(var(--b) * 150%));-webkit-mask-composite:source-in;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}.story .art .frames[data-ink]{--r:0;-webkit-mask-image:linear-gradient(102deg,#000 calc(var(--r) * 152% - 52%),#0000 calc(var(--r) * 152%));-webkit-mask-image:linear-gradient(102deg,#000 calc(var(--r) * 152% - 52%),#0000 calc(var(--r) * 152%));mask-image:linear-gradient(102deg,#000 calc(var(--r) * 152% - 52%),#0000 calc(var(--r) * 152%));-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.story .art .frames .frame,.story .art .frames video.frame{object-fit:contain;--r:1;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:none;mask-image:none}.story .art .labels{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.story .drop{position:relative}.story .drop>svg,.story .epilogue .art>svg{width:100%;height:100%;display:block;position:absolute;inset:0}.stroke{fill:none;stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.stroke.thin{stroke-width:1px}.stroke.matcha{stroke:var(--matcha2)}.stroke.faint{stroke:var(--line)}.fill-ink{fill:var(--ink)}.fill-matcha{fill:var(--matcha2)}.dot{fill:var(--matcha2);opacity:0}.hero{text-align:center;background:#f4f1ea;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:80px 20px;display:flex;position:relative;overflow:hidden}.hero .drop{aspect-ratio:1;width:min(60vw,360px)}.hero h1{letter-spacing:.3em;margin-top:36px;font-size:clamp(30px,4vw,48px)}.hero .sub{letter-spacing:.28em;color:var(--ink3);margin-top:16px;font-size:13px}.hero .hint{opacity:0;letter-spacing:.3em;color:var(--ink3);flex-direction:column;align-items:center;gap:12px;font-size:11px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.hero .hint i{background:var(--ink3);transform-origin:top;width:1px;height:48px;animation:2.2s ease-in-out infinite hint;display:block}@keyframes hint{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}.story .timeline{background:var(--line);z-index:20;width:1px;height:min(56vh,480px);display:none;position:fixed;top:50%;right:18px;transform:translateY(-50%)}@media (min-width:900px){.timeline{display:block}}.timeline .fill{background:var(--matcha2);width:1px;height:0;position:absolute;top:0;left:0}.timeline .knob{background:var(--matcha2);border-radius:50%;width:9px;height:9px;position:absolute;top:0;left:-4px}.timeline .mark{letter-spacing:.2em;color:var(--ink3);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;font-size:10px;position:absolute;right:16px;transform:translateY(-50%)}.timeline .mark:after{content:"";background:var(--line);width:6px;height:1px;position:absolute;top:50%;right:-16px}.timeline .mark.on{color:var(--ink)}.story .now{letter-spacing:.3em;color:var(--ink3);z-index:20;font-variant-numeric:tabular-nums;font-size:10px;position:fixed;bottom:18px;left:18px}.divider{pointer-events:none;justify-content:center;align-items:center;height:26vh;display:flex}.divider svg{width:min(60vw,400px);height:40px;overflow:visible}.divider .rule{fill:none;stroke:var(--ink3);stroke-width:1px;opacity:.6}.divider .knot{fill:var(--matcha2);opacity:0}.epilogue{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:96px 20px;display:flex;position:relative;overflow:hidden}.epilogue .art{aspect-ratio:1;width:min(64vw,380px);position:relative}.epilogue h2{letter-spacing:.24em;margin-top:32px;font-size:clamp(24px,3vw,34px)}.epilogue p{color:var(--ink2);letter-spacing:.12em;margin:14px 0 0;font-size:14px;font-weight:300}.epilogue .cta{border:1px solid var(--ink);letter-spacing:.22em;align-items:center;gap:16px;margin-top:40px;padding:15px 30px;font-size:13px;text-decoration:none;transition:all .2s;display:inline-flex}.epilogue .cta:hover{background:var(--ink);color:#f7f4ec}.epilogue .credit{letter-spacing:.24em;color:var(--ink3);margin-top:56px;font-size:10px}@media (prefers-reduced-motion:reduce){.hero .hint i{animation:none}}.story .bar{z-index:30;padding:14px 20px;padding-top:calc(14px + env(safe-area-inset-top,0px));pointer-events:none;background:linear-gradient(#f4f1eaf2,#f4f1ea00);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.story .bar>*{pointer-events:auto}.story .bar .brand{font-family:var(--display);letter-spacing:.14em;align-items:center;gap:10px;font-size:15px;text-decoration:none;display:flex}.story .bar .brand img{border-radius:50%;width:30px;height:30px}.story .bar .skip{letter-spacing:.24em;border:1px solid var(--ink);cursor:pointer;color:var(--ink);background:#f4f1eacc;padding:10px 18px;font-family:inherit;font-size:12px;text-decoration:none;transition:all .2s}.story .bar .skip:hover{background:var(--ink);color:var(--cream,#f7f4ec)}.story .epilogue .cta{background:var(--matcha);color:#f7f4ec;border-color:var(--matcha)}.story .epilogue .cta.sub{color:var(--ink);border-color:var(--ink);background:0 0;margin-left:12px}.bs{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round}.story .drop>svg.bowl,.story .epilogue .art>svg.bowl{width:100%;height:100%;display:block;position:absolute;inset:0}.story .epilogue .art>svg.bowl.inner{width:44%;height:44%;inset:28% auto auto 28%}