@keyframes _rise_4245b0c{to{opacity:1;transform:none}}@keyframes _fade_4245b0c{to{opacity:1}}@keyframes _pop_4245b0c{to{opacity:1;transform:scale(1)}}@keyframes _cue_4245b0c{0%{opacity:.9;transform:scaleY(0)}55%{opacity:.9;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}._HanademiStory_4245b0c{--vh:calc(var(--story-vh,100dvh) / 100);background:var(--hanademi-night-bg);width:100%;height:calc(100dvh - 168px);color:var(--hanademi-night-ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;position:relative;overflow:hidden auto;container:hanademi/inline-size}@media (min-width:64rem){._HanademiStory_4245b0c{height:auto;overflow:clip visible}}._HanademiStory_4245b0c .night{--bg:var(--hanademi-night-bg);--ink:var(--hanademi-night-ink);--muted:var(--hanademi-night-muted);--faint:var(--hanademi-night-faint);--soft:var(--hanademi-night-soft);--line:var(--hanademi-night-line);--coral:var(--hanademi-night-coral);--green:var(--hanademi-night-green);--gold:var(--hanademi-night-gold);--blue:var(--hanademi-night-blue);--aqua:var(--hanademi-night-aqua);--orange:var(--hanademi-night-orange);--card:var(--hanademi-night-card)}._HanademiStory_4245b0c .paper{--bg:var(--hanademi-paper-bg);--ink:var(--hanademi-paper-ink);--muted:var(--hanademi-paper-muted);--faint:var(--hanademi-paper-faint);--soft:var(--hanademi-paper-soft);--line:var(--hanademi-paper-line);--coral:var(--hanademi-paper-coral);--green:var(--hanademi-paper-green);--gold:var(--hanademi-paper-gold);--blue:var(--hanademi-paper-blue);--aqua:var(--hanademi-paper-aqua);--orange:var(--hanademi-paper-orange);--card:var(--hanademi-paper-card)}._HanademiStory_4245b0c *{box-sizing:border-box;margin:0;padding:0}._HanademiStory_4245b0c .ch{background:var(--bg);color:var(--ink);position:relative}._HanademiStory_4245b0c .stage{height:var(--story-vh,100svh);position:sticky;top:0;overflow:hidden}._HanademiStory_4245b0c .viz{top:calc(6 * var(--vh));bottom:calc(7 * var(--vh));position:absolute;left:41%;right:3%}._HanademiStory_4245b0c .viz svg{display:block;overflow:visible}._HanademiStory_4245b0c .credit{right:3%;bottom:calc(2 * var(--vh));color:var(--muted);text-align:right;max-width:56%;font-size:clamp(11px,.75cqw,16px);line-height:1.35;position:absolute}._HanademiStory_4245b0c .steps{margin-top:calc(-1 * var(--story-vh,100svh));z-index:2;pointer-events:none;position:relative}._HanademiStory_4245b0c .step{height:var(--story-vh,100svh);align-items:center;padding:0 0 0 4.5cqw;display:flex}._HanademiStory_4245b0c .card{pointer-events:auto;width:min(34cqw,760px)}._HanademiStory_4245b0c h2{font-family:var(--serif);letter-spacing:-.025em;font-variation-settings:"opsz" 144, "SOFT" 40;margin-bottom:.4em;font-size:clamp(46px,4.6cqw,108px);font-weight:380;line-height:.95}._HanademiStory_4245b0c .fact{font-family:var(--serif);letter-spacing:-.006em;font-variation-settings:"opsz" 36;font-size:clamp(26px,2.55cqw,58px);font-weight:420;line-height:1.18}._HanademiStory_4245b0c .fact b{font-weight:650}._HanademiStory_4245b0c .note{color:var(--muted);max-width:32em;margin-top:.8em;font-size:clamp(16px,1.3cqw,29px);line-height:1.42}._HanademiStory_4245b0c b.c{color:var(--coral)}._HanademiStory_4245b0c b.g{color:var(--green)}._HanademiStory_4245b0c b.y{color:var(--gold)}._HanademiStory_4245b0c b.a{color:var(--blue)}._HanademiStory_4245b0c b.q{color:var(--aqua)}._HanademiStory_4245b0c b.o{color:var(--orange)}._HanademiStory_4245b0c .credit .by{margin-bottom:.25em;display:block}._HanademiStory_4245b0c .credit a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:2px}._HanademiStory_4245b0c .keep li:nth-child(6n+1) .k{color:var(--coral)}._HanademiStory_4245b0c .keep li:nth-child(6n+2) .k{color:var(--gold)}._HanademiStory_4245b0c .keep li:nth-child(6n+3) .k{color:var(--green)}._HanademiStory_4245b0c .keep li:nth-child(6n+4) .k{color:var(--blue)}._HanademiStory_4245b0c .keep li:nth-child(6n+5) .k{color:var(--aqua)}._HanademiStory_4245b0c .keep li:nth-child(6n+6) .k{color:var(--orange)}._HanademiStory_4245b0c .cover{height:var(--story-vh,100svh);background:var(--bg);color:var(--ink);align-items:center;padding:0 7cqw;display:flex;position:relative;overflow:hidden}._HanademiStory_4245b0c .cover-in{z-index:1;max-width:min(92cqw,1500px);position:relative}._HanademiStory_4245b0c .cover .kick{font:500 clamp(13px, .95cqw, 20px)/1 var(--mono);letter-spacing:.04em;color:var(--muted);margin-bottom:calc(3.2 * var(--vh))}._HanademiStory_4245b0c .cover .ttl{font-family:var(--serif);letter-spacing:-.035em;font-variation-settings:"opsz" 144, "SOFT" 30;max-width:17ch;margin:0;font-size:clamp(46px,6.2cqw,158px);font-weight:420;line-height:.97}._HanademiStory_4245b0c .cover .ttl .w{opacity:0;animation:.9s cubic-bezier(.2,.7,.2,1) forwards _rise_4245b0c;animation-delay:calc(var(--i) * 55ms + .15s);display:inline-block;transform:translateY(.28em)}._HanademiStory_4245b0c .toc{margin-top:calc(6 * var(--vh));flex-wrap:wrap;gap:clamp(8px,.7cqw,14px);display:flex}._HanademiStory_4245b0c .toc a{background:var(--h);opacity:0;width:clamp(10px,.8cqw,16px);height:clamp(10px,.8cqw,16px);animation:.5s cubic-bezier(.3,1.6,.5,1) forwards _pop_4245b0c;animation-delay:calc(var(--i) * 70ms + 1.5s);border-radius:50%;transition:transform .15s;transform:scale(.2)}._HanademiStory_4245b0c .toc a:nth-child(6n+1){--h:var(--coral)}._HanademiStory_4245b0c .toc a:nth-child(6n+2){--h:var(--gold)}._HanademiStory_4245b0c .toc a:nth-child(6n+3){--h:var(--green)}._HanademiStory_4245b0c .toc a:nth-child(6n+4){--h:var(--blue)}._HanademiStory_4245b0c .toc a:nth-child(6n+5){--h:var(--aqua)}._HanademiStory_4245b0c .toc a:nth-child(6n+6){--h:var(--orange)}._HanademiStory_4245b0c .toc a:hover{transform:scale(1.35)}._HanademiStory_4245b0c .cover .cue{z-index:1;left:50%;bottom:calc(4 * var(--vh));width:1.5px;height:calc(9 * var(--vh));background:linear-gradient(var(--ink), transparent);transform-origin:top;opacity:0;animation:2.4s ease-in-out 2.4s infinite _cue_4245b0c;position:absolute}._HanademiStory_4245b0c .cover .shot{will-change:transform;position:absolute;inset:0;transform:scale(1.06)}._HanademiStory_4245b0c .cover .shot img{object-fit:cover;opacity:0;width:100%;height:100%;animation:1.4s forwards _fade_4245b0c;display:block}._HanademiStory_4245b0c .cover .shot:after,._HanademiStory_4245b0c .cover.shot:after{content:"";pointer-events:none;position:absolute;inset:0}._HanademiStory_4245b0c .cover.shot:after{background:linear-gradient(0deg, var(--bg) 0%, transparent 28%)}._HanademiStory_4245b0c .cover .shot:after{background:linear-gradient(90deg, color-mix(in srgb, var(--bg) 90%, transparent) 0%, color-mix(in srgb, var(--bg) 62%, transparent) 45%, color-mix(in srgb, var(--bg) 10%, transparent) 80%)}._HanademiStory_4245b0c .cover.shot .ttl{text-shadow:0 2px 40px color-mix(in srgb, var(--bg) 70%, transparent)}._HanademiStory_4245b0c .cover.shot .kick{color:var(--ink);opacity:.8}._HanademiStory_4245b0c .cover .credit{z-index:1;color:var(--ink);opacity:.75}._HanademiStory_4245b0c .photo .viz{inset:0}._HanademiStory_4245b0c .photo .viz img{object-fit:cover;will-change:transform;width:100%;height:100%;position:absolute;inset:0}._HanademiStory_4245b0c .photo .viz:after{content:"";background:linear-gradient(90deg,#08090de0 0%,#08090d8c 38%,#08090d00 70%);position:absolute;inset:0}._HanademiStory_4245b0c .photo .credit{z-index:3;color:#d0d3da}._HanademiStory_4245b0c .box{font-family:var(--sans);color:var(--ink);font-size:15px;line-height:1.35}._HanademiStory_4245b0c .broken{color:var(--muted);justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}._HanademiStory_4245b0c .t{font-family:var(--sans);font-size:15px}._HanademiStory_4245b0c .t:not([fill]){fill:var(--ink)}._HanademiStory_4245b0c .m{font-family:var(--mono)}._HanademiStory_4245b0c .s{font-family:var(--serif)}._HanademiStory_4245b0c .mu:not([fill]){fill:var(--muted)}._HanademiStory_4245b0c .b{font-weight:600}._HanademiStory_4245b0c .halo{paint-order:stroke;stroke:var(--bg);stroke-width:5px;stroke-linejoin:round}._HanademiStory_4245b0c .end{padding:calc(18 * var(--vh)) 4.5cqw calc(12 * var(--vh))}._HanademiStory_4245b0c .keep{margin-top:calc(5 * var(--vh));max-width:1700px;list-style:none}._HanademiStory_4245b0c .keep li{border-top:1px solid var(--line);grid-template-columns:minmax(120px,24cqw) 1fr;align-items:baseline;gap:28px;padding:28px 0;display:grid}._HanademiStory_4245b0c .keep .k{font-family:var(--serif);letter-spacing:-.03em;font-variation-settings:"opsz" 144;font-size:clamp(48px,6cqw,140px);font-weight:400;line-height:.9}._HanademiStory_4245b0c .keep p{font-family:var(--serif);font-variation-settings:"opsz" 30;max-width:30em;font-size:clamp(21px,2.2cqw,48px);line-height:1.28}._HanademiStory_4245b0c .src{margin-top:calc(10 * var(--vh));color:var(--muted);max-width:70em;font-size:clamp(14px,1cqw,20px);line-height:1.7}._HanademiStory_4245b0c .src a{color:var(--ink);word-break:break-word}._HanademiStory_4245b0c .sig{margin-top:calc(6 * var(--vh));font-family:var(--serif);font-size:clamp(21px,1.6cqw,32px);font-style:italic}@media (prefers-reduced-motion:reduce){._HanademiStory_4245b0c .cover .ttl .w,._HanademiStory_4245b0c .toc a,._HanademiStory_4245b0c .cover .shot img{opacity:1;animation:none;transform:none}._HanademiStory_4245b0c .cover .cue{display:none}}@container hanademi (width<=760px){._HanademiStory_4245b0c .viz{top:54px;left:14px;right:14px;bottom:calc(37 * var(--vh))}._HanademiStory_4245b0c .credit{bottom:auto;left:14px;right:14px;top:calc(63 * var(--vh) - 2px);text-align:left;max-width:none;font-size:10.5px}._HanademiStory_4245b0c .photo .viz:after{background:linear-gradient(#08090d00 0%,#08090d33 45%,#08090de6 100%)}._HanademiStory_4245b0c .photo .credit{top:auto;bottom:calc(40 * var(--vh));color:#e6e8ec}._HanademiStory_4245b0c .step{padding:0 10px calc(3.5 * var(--vh));align-items:flex-end}._HanademiStory_4245b0c .card{background:var(--card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;width:100%;padding:18px 18px 20px}._HanademiStory_4245b0c h2{margin-bottom:12px;font-size:38px}._HanademiStory_4245b0c .ch:first-of-type .step:first-child .note{display:none}._HanademiStory_4245b0c .fact{font-size:21px}._HanademiStory_4245b0c .note{margin-top:10px;font-size:15px}._HanademiStory_4245b0c .cover{padding:0 20px}._HanademiStory_4245b0c .cover .ttl{font-size:40px}._HanademiStory_4245b0c .cover.shot{padding-bottom:calc(15 * var(--vh));align-items:flex-end}._HanademiStory_4245b0c .cover .credit{top:auto;bottom:calc(2.2 * var(--vh));text-align:right;left:auto}._HanademiStory_4245b0c .cover.shot:after{background:linear-gradient(0deg, var(--bg) 0%, color-mix(in srgb, var(--bg) 82%, transparent) 30%, color-mix(in srgb, var(--bg) 20%, transparent) 62%, transparent 100%)}._HanademiStory_4245b0c .cover .shot:after{background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 45%, transparent) 0%, transparent 30%)}._HanademiStory_4245b0c .keep li{grid-template-columns:1fr;gap:8px;padding:22px 0}._HanademiStory_4245b0c .end{padding:calc(14 * var(--vh)) 18px calc(10 * var(--vh))}}