nav[aria-label=Main]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:root{--pastel-pink:#ffc6de;--pastel-lav:#d9c8ff;--pastel-blue:#b9e3ff;--pastel-mint:#c3ffec;--pastel-yellow:#fff3b0;--pastel-peach:#ffd9bd;--chrome-50:#fff;--chrome-100:#eef1f4;--chrome-200:#cfd7de;--chrome-300:#a9b4bd;--chrome-400:#7c8894;--chrome-500:#5a6570;--chrome-600:#3d4650;--chrome-700:#262d35;--sea-deep:#061c33;--sea-bright:#3fd0f2}*,:before,:after{box-sizing:border-box}html,body{background:var(--chrome-700);width:100%;margin:0;padding:0}body{font-family:Poppins,sans-serif}.phase{width:100%;height:100vh;position:relative;overflow:hidden}.sky{background:linear-gradient(180deg, var(--pastel-blue) 0%, #cfe9ff 16%, #e6d6ff 34%, var(--pastel-lav) 48%, var(--pastel-pink) 66%, var(--pastel-yellow) 84%, var(--pastel-peach) 100%);position:absolute;inset:0;overflow:hidden}.sky:before{content:"";opacity:.35;pointer-events:none;background-image:radial-gradient(#ffffff8c 1.5px,#0000 1.6px);background-size:46px 46px;animation:70s linear infinite driftDots;position:absolute;inset:-20%}@keyframes driftDots{0%{background-position:0 0}to{background-position:460px 230px}}.sun-glow{pointer-events:none;background:radial-gradient(circle,#fff7d6bf 0%,#ffe8be59 30%,#0000 68%);width:90vmax;height:90vmax;animation:6s ease-in-out infinite glowPulse;position:absolute;top:-14%;left:116%;transform:translate(-50%,-50%)}@keyframes glowPulse{0%,to{opacity:.75}50%{opacity:1}}.sun-rays{opacity:.6;will-change:transform;pointer-events:none;background:repeating-conic-gradient(#fff4be99 0deg 1.6deg,#0000 1.6deg 9deg);width:300vmax;height:300vmax;animation:55s linear infinite spinRays;position:absolute;top:-14%;left:116%;transform:translate(-50%,-50%)rotate(0)}@keyframes spinRays{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.sparkle{clip-path:polygon(50% 0%,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0% 50%,39% 39%);pointer-events:none;width:18px;height:18px;animation:3.4s ease-in-out infinite twinkle;position:absolute}.s1{background:var(--pastel-pink);width:16px;height:16px;animation-delay:0s;top:12%;left:8%}.s2{background:var(--pastel-mint);width:22px;height:22px;animation-delay:.6s;top:28%;left:20%}.s3{background:var(--pastel-yellow);width:14px;height:14px;animation-delay:1.2s;top:66%;left:12%}.s4{background:var(--pastel-lav);width:18px;height:18px;animation-delay:1.8s;top:22%;left:62%}.s5{background:var(--pastel-blue);width:20px;height:20px;animation-delay:.3s;top:72%;left:74%}.s6{background:var(--pastel-pink);width:14px;height:14px;animation-delay:2.1s;top:47%;left:92%}@keyframes twinkle{0%,to{opacity:.35;transform:scale(.75)}50%{opacity:1;transform:scale(1.15)}}.tape{z-index:6;aspect-ratio:3.6;opacity:.85;pointer-events:none;background:repeating-linear-gradient(45deg,#fff9 0 8px,#ffffff47 8px 16px);width:13%;position:absolute;box-shadow:0 2px 8px #262d352e}.tape-left{background-color:#ffc6de73;top:-26%;left:7%;transform:rotate(-13deg)}.tape-right{background-color:#c3ffec73;top:-26%;right:5%;transform:rotate(11deg)}.welcome-wrap{z-index:5;position:absolute;top:33%;left:50%;transform:translate(-50%,-50%)}.welcome{white-space:nowrap;align-items:center;gap:clamp(6px,1.5vw,22px);margin:0;line-height:1;display:flex;position:relative}.welcome span{transform:translateY(var(--dy,0)) rotate(var(--rot,0deg));animation:3.8s ease-in-out infinite letterBob;animation-delay:calc(var(--i) * .13s);display:inline-block;box-shadow:3px 5px #14100a47,0 2px 4px #14100a33}@keyframes letterBob{0%,to{transform:translateY(var(--dy,0)) rotate(var(--rot,0deg))}50%{transform:translateY(calc(var(--dy,0px) - 12px)) rotate(var(--rot,0deg))}}.welcome span:first-child{--rot:-7deg;--dy:8px;clip-path:polygon(5% 11%,26% 2%,52% 8%,79% 0%,96% 12%,100% 38%,94% 61%,100% 84%,82% 98%,55% 92%,28% 100%,8% 90%,0% 62%,7% 34%);background:var(--chrome-700);color:var(--chrome-50);padding:.1em .3em .26em .16em;font-family:Anton,sans-serif;font-size:clamp(2.5rem,6.4vw,4.8rem)}.welcome span:nth-child(2){--rot:6deg;--dy:-12px;clip-path:polygon(3% 20%,22% 6%,48% 0%,71% 9%,92% 3%,100% 26%,96% 52%,100% 72%,88% 94%,63% 100%,37% 91%,14% 100%,2% 76%,8% 47%);color:#fff;background:#ff3d8a;padding:.3em .14em .1em .34em;font-family:Playfair Display,serif;font-size:clamp(1.7rem,4.5vw,3.3rem);font-style:italic;font-weight:700}.welcome span:nth-child(3){--rot:-4deg;--dy:6px;clip-path:polygon(2% 8%,24% 0%,46% 6%,68% 1%,91% 7%,100% 27%,93% 48%,99% 71%,90% 92%,66% 100%,41% 94%,17% 100%,4% 83%,0% 44%);background:var(--pastel-mint);color:var(--chrome-700);padding:.06em .34em .3em .1em;font-family:Archivo Black,sans-serif;font-size:clamp(3.6rem,9.8vw,7.4rem)}.welcome span:nth-child(4){--rot:9deg;--dy:14px;clip-path:polygon(6% 14%,31% 4%,57% 11%,84% 2%,100% 21%,94% 46%,100% 68%,85% 90%,58% 100%,30% 92%,6% 99%,0% 70%,4% 41%);background:var(--sea-bright);color:var(--chrome-700);padding:.34em .12em .16em .3em;font-family:Bebas Neue,sans-serif;font-size:clamp(2.2rem,5.6vw,4.1rem)}.welcome span:nth-child(5){--rot:-10deg;--dy:-6px;clip-path:polygon(4% 6%,29% 2%,55% 9%,82% 0%,98% 18%,100% 44%,95% 66%,100% 88%,74% 97%,47% 100%,21% 93%,3% 97%,0% 66%,6% 33%);background:var(--chrome-50);color:var(--chrome-700);padding:.12em .26em .12em .24em;font-family:Playfair Display,serif;font-size:clamp(2.6rem,7.4vw,5.6rem);font-weight:700}.welcome span:nth-child(6){--rot:5deg;--dy:12px;clip-path:polygon(7% 4%,33% 12%,59% 3%,86% 9%,100% 31%,92% 55%,98% 77%,79% 96%,52% 89%,24% 100%,2% 88%,0% 57%,9% 28%);color:#fff;background:#8a4dff;padding:.3em .16em .28em .12em;font-family:Anton,sans-serif;font-size:clamp(1.9rem,5vw,3.6rem)}.welcome span:nth-child(7){--rot:-6deg;--dy:-10px;clip-path:polygon(3% 16%,27% 5%,51% 12%,77% 3%,97% 14%,100% 41%,93% 63%,100% 82%,81% 100%,54% 93%,27% 99%,5% 88%,0% 58%,8% 36%);background:var(--pastel-yellow);color:var(--chrome-700);padding:.14em .34em .18em .12em;font-family:Archivo Black,sans-serif;font-size:clamp(2.4rem,6.6vw,5rem)}.scroll-cue{z-index:5;color:var(--chrome-600);background:#ffffff80;border:2px solid #ffffffd9;border-radius:999px;align-items:center;gap:.45em;margin:0;padding:.55em 1.2em;font-family:Kalam,cursive;font-size:1.05rem;display:flex;position:absolute;bottom:6%;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #262d3526}.scroll-cue .arrow{animation:1.6s ease-in-out infinite arrowBounce;display:inline-block}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.sea{background:var(--sea-deep);height:clamp(220px,38vh,460px);position:absolute;bottom:0;left:0;right:0;overflow:hidden}.sea-floor{background-image:url(./sea-8j3N_Qkd.webp);background-position:top;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.sea:before{content:"";z-index:2;background:linear-gradient(180deg, var(--pastel-pink), #ffc6de00);opacity:.85;pointer-events:none;height:26px;position:absolute;top:-1px;left:0;right:0}.phase-2{view-timeline-name:--p2;view-timeline-axis:block;background:#14171a;height:725vh;overflow:visible}.stage{height:100vh;position:sticky;top:0;overflow:hidden}.room{position:absolute;inset:0}.room-back{background-image:url(./room-back-DyxGosoR.webp);background-position:50%;background-size:cover;position:absolute;inset:0}.world{pointer-events:none;position:absolute;inset:0}.block{--from:-1300px;--rest:0px;--x:0px;--rot0:-14deg;--rot1:0deg;--pop-a:#ff8ecb;--pop-b:#7fe6ff;width:var(--w,360px);height:var(--h,170px);transform:translateX(-50%) translate(var(--x), var(--rest)) rotate(var(--rot1));animation-name:drop,flash;animation-timing-function:linear,linear;animation-fill-mode:both,both;animation-timeline:--p2,--p2;position:absolute;bottom:0;left:50%}@keyframes flash{0%{filter:invert(0)}34%{filter:invert()}66%{filter:invert()}to{filter:invert(0)}}@keyframes drop{0%{transform:translateX(-50%) translate(var(--x), var(--from)) rotate(var(--rot0));animation-timing-function:cubic-bezier(.52,0,.9,.42)}62%{transform:translateX(-50%) translate(var(--x), var(--rest)) rotate(var(--rot1));animation-timing-function:cubic-bezier(.2,.6,.4,1)}74%{transform:translateX(-50%) translate(var(--x), calc(var(--rest) - 26px)) rotate(var(--rot1));animation-timing-function:cubic-bezier(.5,0,.9,.5)}86%{transform:translateX(-50%) translate(var(--x), var(--rest)) rotate(var(--rot1));animation-timing-function:cubic-bezier(.2,.6,.4,1)}94%{transform:translateX(-50%) translate(var(--x), calc(var(--rest) - 8px)) rotate(var(--rot1))}to{transform:translateX(-50%) translate(var(--x), var(--rest)) rotate(var(--rot1))}}.b1{--w:590px;--h:167px;--x:165px;--rest:-38px;--rot0:-15deg;--rot1:-3.5deg;z-index:5;animation-range:contain contain 12.5%,contain 57.5% contain 77%}.b2{--w:490px;--h:143px;--x:-230px;--rest:-167px;--rot0:9deg;--rot1:2deg;z-index:4;animation-range:contain 9.5% contain 22%,contain 57.5% contain 77%}.b3{--w:620px;--h:177px;--x:-55px;--rest:-262px;--rot0:-7deg;--rot1:-1.5deg;z-index:3;--hs:4.1cqw;--hzmin:11.4cqw;animation-range:contain 19% contain 31.5%,contain 57.5% contain 77%}.b4{--w:520px;--h:152px;--x:210px;--rest:-395px;--rot0:16deg;--rot1:4deg;z-index:2;--hzmin:11.6cqw;animation-range:contain 28.5% contain 41%,contain 57.5% contain 77%}.b5{--w:565px;--h:162px;--x:-195px;--rest:-505px;--rot0:-12deg;--rot1:-2.5deg;z-index:1;animation-range:contain 38.5% contain 51%,contain 57.5% contain 77%}.block .paper,.block .pop{clip-path:var(--tear);position:absolute;inset:0}.pop{z-index:0}.pop-a{background:var(--pop-a);transform:translate(9px,11px)}.pop-b{background:var(--pop-b);transform:translate(17px,21px)}.paper{z-index:1;background-blend-mode:multiply;color:#23201a;background-color:#f3eee1;background-image:url(./paper-qJr4B7AB.webp);background-size:260px 260px;flex-direction:column;padding:1.5% 2.2% 1.2%;display:flex;overflow:hidden;container-type:inline-size}.paper:after{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff59,#0000 42%),radial-gradient(120% 90% at 30% 8%,#0000 55%,#544a3616);position:absolute;inset:0}.block .washi{z-index:3;opacity:.9;background:repeating-linear-gradient(45deg,#ffffff8c 0 6px,#fff3 6px 12px);width:74px;height:22px;position:absolute;box-shadow:0 1px 4px #14100a47}.w-a{background-color:#ffc6debf;top:-9px;left:-14px;transform:rotate(-38deg)}.w-b{background-color:#c3ffecbf;top:-11px;right:-16px;transform:rotate(31deg)}.w-c{background-color:#fff3b0c7;bottom:-9px;right:-13px;transform:rotate(-27deg)}.slug{letter-spacing:.14em;text-transform:uppercase;opacity:.82;border-top:2px solid #23201a;flex:none;justify-content:space-between;align-items:baseline;margin-top:.7cqw;padding-top:.5cqw;font-family:Oswald,sans-serif;font-size:1.75cqw;font-weight:600;display:flex}.urlbar{letter-spacing:.02em;color:#55504a;background:#e8e4da;border:1px solid #c8c2b2;border-radius:9px;flex:none;align-items:center;gap:1.4cqw;margin:.8cqw -.6cqw .2cqw;padding:1cqw 1.7cqw;font-family:Poppins,sans-serif;font-size:1.7cqw;display:flex}.urlbar .dot{background:#9aa3ad;border-radius:50%;width:1.5cqw;height:1.5cqw}.by{letter-spacing:.07em;text-transform:uppercase;opacity:.6;border-bottom:1px solid #23201a59;flex:none;margin:0 0 .5cqw;padding-bottom:.45cqw;font-family:Oswald,sans-serif;font-size:1.5cqw}.headzone{min-height:var(--hzmin,0);flex:none;padding:0 0 .6cqw;position:relative}.head,.confess{margin:0}.head{font-family:Playfair Display,serif;font-weight:900;font-size:var(--hs,5.1cqw);letter-spacing:-.012em;line-height:1.03}.as-print .head{font-family:Oswald,sans-serif;font-weight:600;font-size:var(--hs,5.2cqw);letter-spacing:-.005em;line-height:1.06}.confess{color:#b3126b;opacity:0;align-items:center;font-family:Kalam,cursive;font-size:4.4cqw;font-weight:700;line-height:1.15;display:flex;position:absolute;inset:0 0 .6cqw .9cqw}.cols{column-count:2;column-rule:1px solid #23201a47;column-fill:auto;flex:1;column-gap:2.2cqw;min-height:0;overflow:hidden}.cols.one{column-count:1}.cols p{text-align:justify;-webkit-hyphens:auto;hyphens:auto;opacity:.78;margin:0 0 1cqw;font-family:Libre Baskerville,serif;font-size:1.25cqw;line-height:1.5}.as-print .cols p{opacity:.72;font-family:Poppins,sans-serif;font-size:1.25cqw}.head{animation-name:head-out;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--p2}.confess{animation-name:conf-in;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--p2}@keyframes head-out{0%,40%{opacity:1}54%,to{opacity:0}}@keyframes conf-in{0%,48%{opacity:0}82%,to{opacity:1}}.head,.confess{animation-range:contain 57.5% contain 77%}.b1,.b4{--tear:polygon(0.6% 3%, 8% 0.6%, 17% 3%, 26% 0.8%, 35% 3%, 44% 1%, 53% 3%, 62% 0.6%, 71% 3%, 80% 1.2%, 89% 3%, 97% 1%, 99.4% 9%, 98% 19%, 99.4% 29%, 98% 39%, 99.4% 49%, 98% 59%, 99.4% 69%, 98% 79%, 99.4% 89%, 97% 97.4%, 89% 99.2%, 80% 97%, 71% 99.4%, 62% 97%, 53% 99.2%, 44% 97.2%, 35% 99.4%, 26% 97%, 17% 99.2%, 8% 97.4%, 1.2% 99%, 0.6% 89%, 2% 79%, 0.6% 69%, 2% 59%, 0.6% 49%, 2% 39%, 0.6% 29%, 2% 19%)}.b2,.b5{--tear:polygon(1.4% 2%, 10% 0.4%, 19% 2.6%, 28% 0.5%, 37% 2.4%, 47% 0.8%, 56% 2.8%, 65% 0.5%, 74% 2.6%, 83% 1%, 92% 2.8%, 98.6% 6%, 97.4% 16%, 99% 26%, 97.6% 36%, 99.2% 46%, 97.4% 56%, 99% 66%, 97.6% 76%, 99.2% 86%, 98% 96%, 91% 99.4%, 82% 97.2%, 73% 99.4%, 64% 97%, 55% 99.2%, 46% 97.4%, 37% 99.4%, 28% 97.2%, 19% 99%, 10% 97.4%, 2% 98.6%, 1% 88%, 2.4% 78%, 0.8% 68%, 2.2% 58%, 0.6% 48%, 2.4% 38%, 1% 28%, 2.6% 18%, 0.8% 8%)}.b3{--tear:polygon(0.8% 4%, 9% 1.2%, 18% 3.4%, 27% 0.6%, 36% 2.8%, 45% 0.4%, 54% 2.6%, 63% 1%, 72% 3.2%, 81% 0.6%, 90% 2.8%, 98% 2%, 99.2% 12%, 97.6% 22%, 99.4% 32%, 97.8% 42%, 99.2% 52%, 97.4% 62%, 99.4% 72%, 97.8% 82%, 99% 92%, 96.6% 98.8%, 88% 97.2%, 79% 99.4%, 70% 97%, 61% 99.2%, 52% 97.4%, 43% 99.4%, 34% 97%, 25% 99.2%, 16% 97.4%, 7% 99.4%, 1.4% 96%, 0.6% 86%, 2.2% 76%, 0.8% 66%, 2.4% 56%, 0.6% 46%, 2.2% 36%, 0.8% 26%, 2.4% 16%)}.b2{--pop-a:#b7a8ff;--pop-b:#c3ffec}.b3{--pop-a:#7fe6ff;--pop-b:#fff3b0}.b4{--pop-a:#ffb0d4;--pop-b:#b7a8ff}.b5{--pop-a:#c3ffec;--pop-b:#ff8ecb}.hell{z-index:0;background:#000;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.hell:before{content:"";pointer-events:none;border:3px solid #fff;position:absolute;inset:clamp(10px,1.6vw,26px)}.hell-line{letter-spacing:-.025em;text-align:center;text-transform:uppercase;color:#fff;margin:0;padding:0 4vw;font-family:Archivo Black,sans-serif;font-size:clamp(1.8rem,7.4vw,6.6rem);line-height:.96}.fire{width:auto;height:clamp(30px,4.6vh,58px);image-rendering:pixelated;pointer-events:none;position:absolute}.f1{bottom:6%;left:5%}.f2{bottom:13%;left:21%}.f3{bottom:4%;left:39%}.f4{bottom:11%;left:57%}.f5{bottom:5%;left:74%}.f6{bottom:12%;left:89%}.f7{top:8%;left:47%}.glass{z-index:1;animation-name:glass-break;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--p2;animation-range:contain 85% contain 94.5%;position:absolute;inset:0}@keyframes glass-break{0%{clip-path:polygon(168.9% 57.3%,144.6% 82.6%,124.1% 152.8%,82.5% 148.6%,17.4% 158.1%,-15.4% 136.7%,-43.6% 112.1%,-59.8% 56.9%,-58% -3.7%,-22.7% -48.9%,6.1% -61.2%,79.8% -73.1%,119.9% -16.4%,148.9% 14.4%);opacity:1;animation-timing-function:cubic-bezier(.2,.9,.3,1);transform:none}7%{clip-path:polygon(168.9% 57.3%,144.6% 82.6%,124.1% 152.8%,82.5% 148.6%,17.4% 158.1%,-15.4% 136.7%,-43.6% 112.1%,-59.8% 56.9%,-58% -3.7%,-22.7% -48.9%,6.1% -61.2%,79.8% -73.1%,119.9% -16.4%,148.9% 14.4%);opacity:1;animation-timing-function:cubic-bezier(.7,0,.9,.4);transform:translate(-5px,4px)rotate(.35deg)}55%{clip-path:polygon(126.5% 54.7%,70.4% 57%,100.8% 120.3%,57.4% 72.3%,29% 119.8%,35.5% 69.2%,-8% 88.5%,29.8% 51.3%,-10.1% 20.1%,35.5% 30.2%,20.8% -24%,55.9% 25.8%,95.7% 6.6%,67.6% 43.7%);opacity:1;transform:translate(-2px,10px)rotate(-.5deg)}to{clip-path:polygon(61.9% 50.7%,51.9% 50.7%,57.4% 60.3%,50.6% 52%,46.7% 60.8%,48.7% 51.7%,40.6% 56.2%,47.8% 50.1%,39.2% 44.6%,48.5% 48%,45.6% 38.9%,50.6% 47.5%,57% 43.4%,52% 49.3%);opacity:0;transform:translateY(26px)scale(.94)rotate(-1.4deg)}}.cracks{z-index:2;pointer-events:none;position:absolute;inset:0}.cracks span{transform-origin:0;width:0;height:3px;transform:rotate(var(--a));background:linear-gradient(90deg,#fffffff2,#ffffff14);animation-name:crack-out;animation-timing-function:cubic-bezier(.05,.85,.2,1);animation-fill-mode:both;animation-timeline:--p2;animation-range:contain 85% contain 91.5%;position:absolute;top:44%;left:50%}@keyframes crack-out{0%{opacity:0;width:0}12%{opacity:1}55%{opacity:1;width:96vmax}to{opacity:0;width:96vmax}}@media (prefers-reduced-motion:reduce){:not(.block,.head,.confess),:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important}.block,.head,.confess,.glass{animation:none!important}.cracks{display:none}.head{opacity:0}.confess{opacity:1}}