@font-face{font-family:jost;src:url(../media/Jost-s.p.3a837ggik5ry2.woff2)format("woff2");font-display:swap;font-weight:700 900}@font-face{font-family:jost Fallback;src:local(Arial);ascent-override:100.84%;descent-override:35.34%;line-gap-override:0.0%;size-adjust:106.11%}.jost_a71897ba-module__pJMLXq__className{font-family:jost,jost Fallback}
:root{--px:calc(min(100vw, 1920px) / 1440)}body{color:#000;font-variant-ligatures:no-common-ligatures;background:#fff;margin:0;font-weight:900}a{color:inherit;text-decoration:none}h1,p{font-size:inherit;margin:0}img{max-width:100%;height:auto;display:block}.slide-video::-webkit-media-controls-start-playback-button{display:none!important}.slides{--tone:#fff;--size:clamp(18px, 3.4vw, 54px);--flower:calc(var(--size) * 1.15);color:var(--tone);flex-direction:column;display:flex;position:fixed;inset:0}.slides.white{--tone:#000}.slide{cursor:none;-webkit-user-select:none;user-select:none;touch-action:pan-y;flex:1;min-height:0;position:relative;overflow:hidden}.track{height:100%;transition:transform .55s cubic-bezier(.2,.7,.2,1);display:flex}.item{background:#000;flex-direction:column;flex:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.item .loop{position:absolute;inset:0}.slide-video{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;background:#000;display:block}.home{background:#fff;container-type:size}.slide-flower{cursor:pointer;background:0 0;border:0;width:clamp(90px,9vw,180px);padding:0}.slide-flower img{-webkit-user-drag:none;width:100%}.poster{aspect-ratio:2/3;background:url(/landing-poster.jpg) 50%/contain no-repeat;width:min(100cqw,66.6667cqh)}.grid{min-height:0;padding:calc(48px + var(--flower)) max(24px, env(safe-area-inset-right,0px)) calc(var(--size) + 60px) max(24px, env(safe-area-inset-left,0px));cursor:pointer;background:#fff;flex:1;grid-template-columns:repeat(3,1fr);align-content:start;gap:36px 24px;display:grid;overflow:auto}.tile{color:#000;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:10px;padding:0;display:flex}.tile .item{aspect-ratio:16/10;height:auto}.tile .slide-flower{width:16%}.caption{min-height:1.2em;font-size:clamp(12px,1.1vw,18px)}.tile:hover .caption{color:#e55c30}.grid{scrollbar-width:none}.grid::-webkit-scrollbar{display:none}.tile.flying{z-index:1;position:relative}.arrow{z-index:5;aspect-ratio:30/18;background:var(--tone);width:clamp(36px,3.2vw,54px);-webkit-mask:var(--shape) center / contain no-repeat;-webkit-mask:var(--shape) center / contain no-repeat;mask:var(--shape) center / contain no-repeat;--shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 18'%3E%3Cpath d='M0 9h26.5M18.5 1.5 26 9l-7.5 7.5' fill='none' stroke='%23000' stroke-width='3.6'/%3E%3C/svg%3E");opacity:0;pointer-events:none;transition:opacity .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.arrow.on{opacity:1}.arrow.left{transform:translate(-50%,-50%)scaleX(-1)}.slide.opens{cursor:pointer}@media (hover:none){.slide{cursor:auto}.arrow{display:none}}.bar{z-index:3;padding:0 max(24px, env(safe-area-inset-right,0px)) max(22px, env(safe-area-inset-bottom,0px)) max(24px, env(safe-area-inset-left,0px));font-size:var(--size);letter-spacing:-.01em;pointer-events:none;will-change:transform;grid-template-columns:1fr auto;align-items:end;gap:4vw;line-height:1;transition:opacity .3s;display:grid;position:absolute;bottom:0;left:0;right:0}.tools{white-space:nowrap}.bar a,.bar button{color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0;padding:0}.bar a:hover,.tools>button:hover{text-underline-offset:.12em;text-decoration:underline;text-decoration-thickness:.06em}.tools{font-variant-numeric:tabular-nums;align-items:end;gap:.6em;display:flex}.bar .help-button{letter-spacing:0;border:1px solid;margin-bottom:.1em;padding:3px 8px;font-size:max(12px,.3em)}.bar .help-button:hover{background:#8080804d}.logo{z-index:6;top:24px;left:max(24px, env(safe-area-inset-left,0px));cursor:pointer;background:0 0;border:0;padding:0;position:fixed}.logo img{height:var(--flower);width:auto}.index{--inferno:#e55c30;z-index:5;padding:calc(48px + var(--flower)) max(24px, env(safe-area-inset-right,0px)) 24px max(24px, env(safe-area-inset-left,0px));-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);color:var(--tone);font-size:calc(var(--size) * .66);cursor:pointer;flex-direction:column;align-items:flex-start;gap:1.2em;line-height:1.1;display:flex;position:fixed;inset:0}.index ul{margin:0;padding:0;list-style:none}.index button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;transition:color .15s}.index button:hover,.index a:hover,.index [aria-current]{color:var(--inferno)}.index .text{max-width:24em;padding:inherit;padding-block:0;position:absolute;top:50svh;left:0;right:0}.index .list li{justify-content:space-between;gap:1em;display:flex}.exit{z-index:7;top:24px;right:max(24px, env(safe-area-inset-right,0px));width:30px;height:30px;position:fixed}.exit i{background:var(--tone);height:3px;margin-top:-1.5px;position:absolute;top:50%;left:0;right:0;transform:rotate(45deg)}.exit i+i{transform:rotate(-45deg)}.index-on .exit{display:none}.film{flex:1;justify-content:center;align-items:center;margin:72px 24px 0;display:flex;container-type:size}.film iframe{aspect-ratio:16/9;border:0;width:min(100cqw,177.778cqh)}.open{z-index:2;box-sizing:border-box;padding-bottom:calc(var(--size) + 50px);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);cursor:pointer;flex-direction:column;animation:.3s ease-out frost;display:flex;position:fixed;inset:0;overflow:auto}.open.closing{animation:.3s ease-in forwards thaw}@keyframes frost{0%{opacity:0}}@keyframes thaw{to{opacity:0}}.slide .ink{object-fit:cover;background:#fff;width:100%;height:100%;position:absolute;inset:0}.open>*>*{cursor:auto}.help-window{color:#000;background:silver;border:1px solid #000;width:min(680px,100vw - 24px);max-height:calc(100svh - 24px);padding:0;box-shadow:inset 1px 1px #fff,inset -1px -1px gray,6px 6px #000}.help-window::backdrop{background:#ffffff80}.help-window form{flex-direction:column;max-height:calc(100svh - 26px);display:flex}.help-title{color:#fff;background:linear-gradient(90deg,#262626,#8c8c8c);justify-content:space-between;align-items:center;padding:4px 8px;font-size:14px;display:flex}.help-title button{color:#fff;font:inherit;cursor:pointer;background:0 0;border:1px solid #fff;padding:0 5px;font-size:11px}.help-page{background:#fff;border:1px solid gray;min-height:0;margin:12px 12px 0;overflow:auto;box-shadow:inset 1px 1px gray}.help-buttons{justify-content:flex-end;padding:12px;display:flex}.push{color:#000;font:inherit;cursor:pointer;background:silver;border:1px solid #000;padding:5px 18px;font-size:14px;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.push:active{box-shadow:inset 1px 1px gray}.band{display:none}@media (max-width:700px){.slides{--band:calc(52px + env(safe-area-inset-top,0px))}.band{z-index:6;box-sizing:border-box;height:var(--band);padding:0 0 12px max(16px, env(safe-area-inset-left,0px));background:#fff;flex:none;align-items:flex-end;display:flex;position:relative}.burger{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:space-between;width:20px;height:12px;padding:0;display:flex}.burger i{background:#000;height:2px;transition:transform .25s,opacity .2s}.index-on .burger i:first-child{transform:translateY(5px)rotate(45deg)}.index-on .burger i:nth-child(2){opacity:0}.index-on .burger i:nth-child(3){transform:translateY(-5px)rotate(-45deg)}.index{inset:var(--band) 0 0;padding:26px max(20px, env(safe-area-inset-right,0px)) 40px max(20px, env(safe-area-inset-left,0px));gap:1em;font-size:15px;line-height:1.2}.index .text{top:calc(50svh - var(--band))}.index>ul>li+li{margin-top:8px}.index-on .bar{opacity:0}.logo{display:none}.slides{--size:22px}.bar{gap:14px}.grid{padding:16px max(16px, env(safe-area-inset-right,0px)) 90px max(16px, env(safe-area-inset-left,0px));grid-template-columns:repeat(2,1fr);gap:20px 12px}.caption{font-size:12px}.opened .tools{flex-direction:column;align-items:flex-end;gap:8px}.open{top:var(--band);padding-bottom:100px}.film{flex:1 0 auto;margin:0 16px;container-type:normal}.film iframe{width:100%}.exit{top:calc(var(--band) - 24px);right:max(16px, env(safe-area-inset-right,0px));width:20px;height:12px}.exit i{background:#000;height:2px;margin-top:-1px}}