@font-face{font-family:Shippori Mincho B1;font-style:normal;font-display:swap;font-weight:800;src:url(./shippori-mincho-b1-latin-800-normal-DjnzjV6P.woff2)format("woff2"),url(./shippori-mincho-b1-latin-800-normal-7JmsOFf_.woff)format("woff")}@font-face{font-family:Shippori Mincho B1;font-style:normal;font-display:swap;font-weight:600;src:url(./shippori-mincho-b1-latin-600-normal-C00BJ6hm.woff2)format("woff2"),url(./shippori-mincho-b1-latin-600-normal-BqnQAmdf.woff)format("woff")}:root{--sumi:#0b0c0d;--indigo:#161d23;--washi:#d1c7b6;--wash:#6b6a67;--blood:#842f22;--petal:#dcc3bf;--serif:"Shippori Mincho B1", "Hiragino Mincho ProN", "Yu Mincho", serif}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{background:var(--sumi);scrollbar-width:none}html::-webkit-scrollbar{display:none}body{background:var(--sumi);overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#track{pointer-events:none;width:1px}#stage{background:var(--sumi);-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.scene{visibility:hidden;opacity:0;background-color:var(--sumi);position:absolute;inset:0;overflow:hidden;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.scene.on{visibility:visible}.backdrop{filter:blur(32px);background-position:50%;background-size:cover;position:absolute;inset:-10%}.plate{position:absolute;inset:0}.plate img{transform-origin:0 0;opacity:0;max-width:none;transition:opacity .9s;position:absolute;top:0;left:0}.plate img.loaded{opacity:1}.plate img.feather{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 9% 91%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 9% 91%,#0000 100%)}.scene.on .plate img,.scene.on .page,.scene.on .sheet,.scene.on .book,.scene.on .loose{will-change:transform}.vignette{pointer-events:none;background:radial-gradient(135% 100% at 50% 45%,#0b0c0d00 55%,#0b0c0d8c 100%);position:absolute;inset:0}.ink-title{width:100%;height:auto;display:block;overflow:visible}.ink-title text{font-family:var(--serif);letter-spacing:.12em;text-anchor:middle;font-size:92px;font-weight:800}.ink-title .blood{fill:var(--blood)}.ink-title .blossom{fill:var(--sumi)}.ink-title .bloom{fill:var(--washi);opacity:.62}.ink-title .drops{fill:var(--blood)}.title{left:calc(var(--tx,.5) * 100%);top:calc(var(--ty,.05) * 100%);pointer-events:none;position:absolute}.title h1{width:clamp(250px,38vw,660px);font-size:0;transform:translate(-50%)}.tall .title h1{width:min(78vw,520px)}.title-intro .letters,.title-intro .bloom{opacity:0;transition:opacity 2.6s}.title-intro .drops{opacity:0;transition:opacity 1.2s 1.6s,transform 1.4s cubic-bezier(.3,.6,.2,1) 1.6s;transform:translateY(-8px)}.ready .title-intro .letters{opacity:1}.ready .title-intro .bloom{opacity:.62}.ready .title-intro .drops{opacity:1;transform:none}.pip{left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);width:calc(var(--w) * 100vw);aspect-ratio:16/9;transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,0px)));pointer-events:none;position:absolute;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:118% 118%;mask-size:118% 118%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pip video{object-fit:cover;width:100%;height:100%;display:block}.tall .pip{width:76vw}.book{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.page{background:var(--washi) url(../img/washi.webp);background-size:512px 512px;flex:none;padding:3.2%;position:relative}.portrait .page{aspect-ratio:.7;height:min(84vh,58vw)}.square .page{aspect-ratio:.94;height:min(72vh,44vw)}.page picture,.page img{width:100%;height:100%;display:block}.page img{object-fit:contain;opacity:0;transition:opacity .9s}.page img.loaded{opacity:1}.page .frame{pointer-events:none;border:1px solid #0b0c0d6b;position:absolute;inset:2.1%;box-shadow:inset 0 0 0 3px #d1c7b699,inset 0 0 0 4px #0b0c0d38}.page.left{box-shadow:-18px 22px 40px -22px #000000e6}.page.right{box-shadow:18px 22px 40px -22px #000000e6}.page.left:after,.page.right:after{content:"";pointer-events:none;width:9%;position:absolute;top:0;bottom:0}.page.left:after{background:linear-gradient(90deg,#0b0c0d00,#0b0c0d57);right:0}.page.right:after{background:linear-gradient(270deg,#0b0c0d00,#0b0c0d66);left:0}.loose{justify-content:center;align-items:center;gap:4vw;display:flex;position:absolute;inset:0}.sheet{transform:rotate(var(--r,0deg));flex:none;position:relative;box-shadow:0 2px 2px #0006,0 26px 50px -24px #000000f2}.sheet picture,.sheet img{width:100%;height:100%;display:block}.sheet img{opacity:0;transition:opacity .9s}.sheet img.loaded{opacity:1}.sheets.portrait .sheet{aspect-ratio:2/3;height:min(80vh,54vw)}.sheets.square .sheet{aspect-ratio:1;height:min(62vh,30vw)}.sheets.landscape .sheet{aspect-ratio:3/2;width:min(80vw,112vh)}.tall .book,.tall .loose{flex-direction:column;justify-content:flex-start;gap:3vh;inset:0 0 auto}.tall .book{gap:0}.tall .portrait .page{width:80vw;height:auto}.tall .square .page{width:70vw;height:auto}.tall .sheets.portrait .sheet{width:78vw;height:auto}.tall .sheets.square .sheet{width:68vw;height:auto}.tall .sheets.landscape .sheet{width:92vw}html.gated{overflow:hidden}.gated #rail,.gated #sound{opacity:0!important;pointer-events:none!important}#gate{z-index:40;perspective:2200px;touch-action:none;cursor:pointer;position:fixed;inset:0}.cover{background:var(--indigo) url(../img/cover.webp);transform-origin:100%;backface-visibility:hidden;background-size:512px 512px;transition:transform 1.9s cubic-bezier(.55,.05,.3,1),opacity 1.2s .8s;position:absolute;inset:0;box-shadow:inset 40px 0 80px -60px #000000e6,inset -30px 0 60px -40px #000000b3}.opening .cover{opacity:0;transform:rotateY(96deg)}.cover .print{aspect-ratio:1;filter:invert()grayscale()contrast(1.6);mix-blend-mode:screen;opacity:.1;background:url(../img/p06-blossom-branch-wip.webp) 50%/contain no-repeat;width:min(62vw,110vh);position:absolute;top:50%;right:4%;transform:translateY(-50%);-webkit-mask-image:radial-gradient(closest-side,#000 60%,#0000 100%);mask-image:radial-gradient(closest-side,#000 60%,#0000 100%)}.binding{background:linear-gradient(90deg,#0000,#00000047 40%,#ffffff08 70%,#00000059);width:clamp(40px,4.4vw,64px);height:100%;position:absolute;top:0;bottom:0;right:0}.binding .spine{stroke:#0009;stroke-width:1.5px;vector-effect:non-scaling-stroke}.binding .thread{fill:none;stroke:#d1c7b6e6;stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 1px #000000b3)}.binding .hole{fill:var(--sumi)}#enter{white-space:nowrap;font-family:var(--serif);letter-spacing:.28em;text-transform:uppercase;color:var(--sumi);background:var(--washi) url(../img/washi.webp);box-shadow:inset 0 0 0 4px var(--washi), inset 0 0 0 5px #0b0c0d59, 0 8px 20px -10px #000000e6;cursor:pointer;opacity:0;background-size:512px 512px;border:0;padding:1.1em 1.4em 1.1em 1.68em;font-size:clamp(12px,1.2vw,17px);font-weight:600;transition:opacity 1.4s .6s,transform .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fonts #enter{opacity:1}#enter .accent{color:var(--blood)}#enter:hover,#enter:focus-visible{outline:none;transform:translate(-50%,calc(-50% - 2px))}#enter:focus-visible{box-shadow:inset 0 0 0 4px var(--washi), inset 0 0 0 5px var(--sumi), 0 8px 20px -10px #000000e6}#petals{z-index:20;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.gated #petals,.opening #petals{z-index:45}.grain{z-index:25;pointer-events:none;opacity:.55;background:url(../img/grain.png) 0 0/256px 256px;position:fixed;inset:0}#sound{z-index:30;cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;justify-content:center;align-items:center;gap:4px;width:48px;height:48px;transition:opacity 1.2s;display:flex;position:fixed;top:12px;right:14px}#sound.show{opacity:.88;pointer-events:auto}#sound:hover{opacity:1}#sound:focus-visible{outline:1px solid var(--washi);outline-offset:2px}#sound i{background:var(--washi);border-radius:3px 3px 1px 1px/8px 8px 2px 2px;width:3px;height:18px;transition:transform .6s;display:block;transform:scaleY(.2);box-shadow:0 0 0 1px #0b0c0d59}#sound.on i{animation:1.9s ease-in-out infinite bar}#sound.on i:nth-child(2){animation-delay:-.65s}#sound.on i:nth-child(3){animation-delay:-1.3s}@keyframes bar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}#rail{z-index:30;cursor:pointer;touch-action:none;opacity:0;width:30px;height:46vh;margin-top:-23vh;transition:opacity 1.4s;position:fixed;top:50%;right:16px}.ready #rail{opacity:.92}#rail:hover,#rail.drag{opacity:1}#rail .line{background:linear-gradient(#d1c7b600,#d1c7b6b3 6% 94%,#d1c7b600);width:1px;position:absolute;top:0;bottom:0;left:50%;box-shadow:1px 0 #0b0c0d4d}#rail .tick{background:#d1c7b666;width:7px;height:1px;margin-left:-3px;transition:background .6s;position:absolute;left:50%;box-shadow:0 1px #0b0c0d40}#rail .tick.past{background:#d1c7b6f2}#rail .mark{will-change:transform;width:16px;height:20px;margin:-10px 0 0 -8px;position:absolute;top:0;left:50%}#rail .mark svg{display:block}#rotate{display:none}@media (orientation:portrait) and (width<=540px) and (pointer:coarse){html{overflow:hidden}#rotate{z-index:100;background:var(--sumi);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#rotate .ph{transform-origin:60px 60px;animation:3.2s cubic-bezier(.45,0,.2,1) infinite turn}@keyframes turn{0%,22%{transform:rotate(0)}58%,86%{transform:rotate(-90deg)}to{transform:rotate(0)}}}@media (height<=520px){#enter{font-size:11px}.title h1{width:clamp(220px,36vw,480px)}}@media (prefers-reduced-motion:reduce){.cover{transition:opacity .4s}.opening .cover{transform:none}#sound.on i{animation:none;transform:scaleY(.8)}#rotate .ph{animation:none;transform:rotate(-90deg)}.title-intro .letters,.title-intro .bloom,.title-intro .drops{transition:opacity .4s}}
/*$vite$:1*/