.button01{color:#f9f4eb;letter-spacing:-.02em;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.875rem;line-height:1em;text-decoration:none;display:grid}.dark .button01{color:#000}.button01_bg{grid-area:1/1;grid-template-columns:1fr auto;display:grid}.button01_bg-mid{background-color:#000}.dark .button01_bg-mid{background-color:#fff}.button01_bg-right{grid-area:1/2;grid-template-rows:1fr 1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr 1fr;display:grid}.button01_bg-pixel{aspect-ratio:1;background-color:#000;width:100%;height:100%}.dark .button01_bg-pixel{background-color:#fff}.button01_bg-right-overlay{grid-area:1/2;grid-template-rows:1fr 1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr 1fr;display:grid}.button01_inner{grid-area:1/1;padding:.875rem 3.75rem .875rem 1rem;display:grid;overflow:clip}.button01_text{grid-area:1/1}.button01{--characters:10;-webkit-tap-highlight-color:transparent}.button01_bg-pixel{transition:opacity 0s;transition-delay:calc(var(--index) * .06s)}.button01_bg-pixel:is(:nth-child(13)){opacity:0}.button01_bg-right-overlay .button01_bg-pixel{opacity:0;transition-delay:0s}.button01_inner:after{content:attr(data-text);grid-area:1/1;pointer-events:none;transition:width 0s;white-space:nowrap;width:0;overflow:clip;opacity:0}.button01_bg-right-overlay .button01_bg-pixel:first-child{grid-area:1/2}.button01_bg-right-overlay .button01_bg-pixel:nth-child(2){grid-area:1/3}.button01_bg-right-overlay .button01_bg-pixel:nth-child(3){grid-area:1/4}.button01_bg-right-overlay .button01_bg-pixel:nth-child(4){grid-area:1/5}.button01_bg-right-overlay .button01_bg-pixel:nth-child(5){grid-area:2/4}.button01_bg-right-overlay .button01_bg-pixel:nth-child(6){grid-area:2/5}.button01_bg-right-overlay .button01_bg-pixel:nth-child(7){grid-area:3/3}.button01_bg-right-overlay .button01_bg-pixel:nth-child(8){grid-area:3/5}.button01_bg-right-overlay .button01_bg-pixel:nth-child(9){grid-area:4/2}.button01_bg-right-overlay .button01_bg-pixel:nth-child(10){grid-area:4/5}.button01_bg-right-overlay .button01_bg-pixel:nth-child(11){grid-area:5/1}@media (hover:hover) and (pointer:fine){.button01:is(:hover,:focus-visible) .button01_inner:after{width:100%;opacity:1;transition:width .5s steps(var(--characters))}.button01:is(:hover,:focus-visible) .button01_text{opacity:0}.button01:is(:hover,:focus-visible) .button01_bg-right .button01_bg-pixel{opacity:0}.button01:is(:hover,:focus-visible) .button01_bg-right-overlay .button01_bg-pixel{opacity:1;transition-delay:calc(var(--index) * .06s)}}@media (hover:none) or (pointer:coarse){.button-pixel-broke_bg-pixel{transition:opacity .2s}.button01:active .button01_bg-right .button01_bg-pixel{opacity:0;transition:opacity 0s}.button01:active .button01_bg-right-overlay .button01_bg-pixel{opacity:1;transition:opacity 0s}}.button02{color:#f9f4eb;letter-spacing:-.02em;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.875rem;line-height:1em;text-decoration:none;display:grid}.button02_bg{grid-area:1/1;grid-template-columns:auto 1fr auto;display:grid}.button02_bg-left{grid-template-rows:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr;display:grid}.button02_bg-pixel{aspect-ratio:1;width:100%;height:100%}.button02_bg-mid,.button02_bg-pixel{background-color:#000}.button02_bg-right{grid-template-rows:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr;display:grid}.button02_inner{grid-area:1/1;padding:.875rem 2.25rem;display:grid;overflow:clip}.button02{-webkit-tap-highlight-color:transparent}.button02_bg-pixel{transition:translate .25s steps(2)}.button02_bg-left .button02_bg-pixel:is(:first-child,:nth-child(2),:nth-child(3),:nth-child(4)){opacity:0}.button02_bg-right .button02_bg-pixel:is(:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8)){opacity:0}.button02_inner:before{content:attr(data-text);grid-area:1/1;pointer-events:none;white-space:nowrap;translate:0 -200%}.button02_text{transform-origin:bottom center}@media (hover:hover) and (pointer:fine){.button02:is(:hover,:focus-visible) .button02_bg-left .button02_bg-pixel:is(:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8)){translate:0 -200%}.button02:is(:hover,:focus-visible) .button02_bg-right .button02_bg-pixel:is(:first-child,:nth-child(2),:nth-child(3),:nth-child(4)){translate:0 200%}.button02:is(:hover,:focus-visible) .button02_inner:before{translate:0 0;transition:translate .35s steps(4)}.button02:is(:hover,:focus-visible) .button02_text{scale:1 0;transition:scale .3s steps(2);transition-delay:.06s}}@media (hover:none) or (pointer:coarse){.button02:active .button02_bg-left .button02_bg-pixel:is(:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8)){translate:0 -200%;transition:translate 0s}.button02:active .button02_bg-right .button02_bg-pixel:is(:first-child,:nth-child(2),:nth-child(3),:nth-child(4)){translate:0 200%;transition:translate 0s}}.button03{color:#f9f4eb;letter-spacing:-.02em;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.875rem;line-height:1em;text-decoration:none;display:grid}.button03_bg{grid-area:1/1;grid-template-columns:auto 1fr auto;display:grid}.button03_bg-left{grid-template-rows:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;display:grid}.button03_bg-pixel{aspect-ratio:1;width:100%;height:100%}.button03_bg-mid,.button03_bg-pixel{background-color:#000}.button03_bg-right{grid-template-rows:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;display:grid}.button03_inner{grid-area:1/1;padding:.875rem 3rem;display:grid}.button03_text{grid-area:1/1}.button03{--characters:11;-webkit-tap-highlight-color:transparent}.button03_bg-pixel{transition:opacity 0s;transition-delay:calc(var(--index) * .04s)}.button03_bg-left .button03_bg-pixel:first-child,.button03_bg-right .button03_bg-pixel:nth-child(12){opacity:0}.button03_inner:after{content:attr(data-text);grid-area:1/1;pointer-events:none;transition:width 0s;white-space:nowrap;margin:0 auto;width:0;overflow:clip;opacity:0}@media (hover:hover) and (pointer:fine){.button03:is(:hover,:focus-visible) .button03_bg-left .button03_bg-pixel:is(:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(8),:nth-child(12)){opacity:0}.button03:is(:hover,:focus-visible) .button03_bg-right .button03_bg-pixel:is(:first-child,:nth-child(5),:nth-child(8),:nth-child(9),:nth-child(10)){opacity:0}.button03:is(:hover,:focus-visible) .button03_inner:after{width:100%;opacity:1;transition:width .5s steps(var(--characters))}.button03:is(:hover,:focus-visible) .button03_text{opacity:0}}@media (hover:none) or (pointer:coarse){.button03_bg-pixel{transition:opacity .2s}.button03:active .button03_bg-left .button03_bg-pixel:is(:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(8),:nth-child(12)){opacity:0;transition:opacity 0s}.button03:active .button03_bg-right .button03_bg-pixel:is(:first-child,:nth-child(5),:nth-child(8),:nth-child(9),:nth-child(10)){opacity:0;transition:opacity 0s}}.button04{color:#f9f4eb;letter-spacing:-.02em;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-style:preserve-3d;font-size:.875rem;line-height:1em;text-decoration:none;display:grid}.button04_bg{background-color:#000;border-radius:.3125rem;grid-area:1/1;overflow:clip}.button04_inner{grid-gap:.625rem;grid-area:1/1;padding:.875rem .625rem .875rem .75rem;display:grid;translate:0}.button04_text{grid-area:1/1}.button04_icon-wrap{grid-row:1;display:grid}.button04_icon{grid-gap:.0625rem;grid-area:1/1;grid-template-columns:1fr 1fr 1fr 1fr 1fr;display:grid}.button04_dot{background-color:#f9f4eb;border-radius:.0625rem;width:.125rem;height:.125rem;display:block}.button04{--elastic-ease-out:linear(0,0.5737 7.6%,0.8382 11.87%,0.9463 14.19%,1.0292 16.54%,1.0886 18.97%,1.1258 21.53%,1.137 22.97%,1.1424 24.48%,1.1423 26.1%,1.1366 27.86%,1.1165 31.01%,1.0507 38.62%,1.0219 42.57%,0.9995 46.99%,0.9872 51.63%,0.9842 58.77%,1.0011 81.26%,1);--smooth-ease:cubic-bezier(.32,.72,0,1);--color-ease:cubic-bezier(.215,.61,.355,1);transition:transform .45s var(--elastic-ease-out);-webkit-tap-highlight-color:transparent}.button04:active{transform:scaleX(.955) scaleY(.954)}.button04_bg{transition:scale .45s var(--smooth-ease),background-color .2s var(--color-ease)}.button04_dot{transition:scale .4s var(--smooth-ease);transition-delay:calc(var(--index) * .04s)}.button04_icon.is-arrow .button04_dot{scale:0;transition-delay:0s}.button04_text{transform-origin:center top}.button04_inner:before,.button04_text{transition:scale .45s var(--smooth-ease)}.button04_inner:before{content:attr(data-text);grid-area:1/1;scale:1 0;pointer-events:none;transform-origin:center bottom}.button04_icon.is-arrow .button04_dot:first-child{grid-area:3/1}.button04_icon.is-arrow .button04_dot:nth-child(2){grid-area:3/2}.button04_icon.is-arrow .button04_dot:nth-child(3){grid-area:3/3}.button04_icon.is-arrow .button04_dot:nth-child(4){grid-area:3/4}.button04_icon.is-arrow .button04_dot:nth-child(5){grid-area:3/5}.button04_icon.is-arrow .button04_dot:nth-child(6){grid-area:2/4}.button04_icon.is-arrow .button04_dot:nth-child(7){grid-area:1/3}.button04_icon.is-arrow .button04_dot:nth-child(8){grid-area:4/4}.button04_icon.is-arrow .button04_dot:nth-child(9){grid-area:5/3}@media (hover:hover) and (pointer:fine){.button04:is(:hover,:focus-visible) .button04_text{scale:1 0}.button04:is(:hover,:focus-visible) .button04_inner:before{scale:1 1}.button04:is(:hover,:focus-visible) .button04_dot{scale:0;transition-delay:calc((var(--index) * .04s) + (var(--index-parent) * .07s))}.button04:is(:hover,:focus-visible) .button04_icon.is-arrow .button04_dot{scale:1}}@media (hover:none) or (pointer:coarse){.button04:active .button04_bg{background-color:#4D4D4D;transition-duration:0s}.button04_dot{scale:0}.button04_icon.is-arrow .button04_dot{scale:1}}.button05{color:#f9f4eb;letter-spacing:-.02em;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-style:preserve-3d;font-size:.875rem;line-height:1em;text-decoration:none;display:grid}.button05_bg{background-color:#000;border-radius:.3125rem;grid-area:1/1;overflow:clip}.button05_inner{grid-gap:.625rem;grid-area:1/1;padding:.875rem .625rem .875rem .75rem;display:grid;translate:0}.button05_text{grid-area:1/1}.button05_icon-wrap{grid-column-gap:.125rem;grid-row-gap:.125rem;grid-row:1;display:flex}.button05_icon{grid-column-gap:.0625rem;grid-row-gap:.0625rem;flex-flow:column;justify-content:center;align-items:flex-end;display:flex}.button05_dot{margin-right:calc(var(--index)*.1875rem);background-color:#f9f4eb;border-radius:.0625rem;width:.125rem;height:.125rem;display:block}.button05{--elastic-ease-out:linear(0,0.5737 7.6%,0.8382 11.87%,0.9463 14.19%,1.0292 16.54%,1.0886 18.97%,1.1258 21.53%,1.137 22.97%,1.1424 24.48%,1.1423 26.1%,1.1366 27.86%,1.1165 31.01%,1.0507 38.62%,1.0219 42.57%,0.9995 46.99%,0.9872 51.63%,0.9842 58.77%,1.0011 81.26%,1);--smooth-ease:cubic-bezier(.32,.72,0,1);--color-ease:cubic-bezier(.215,.61,.355,1);transition:transform .45s var(--elastic-ease-out);-webkit-tap-highlight-color:transparent}.button05:active{transform:scaleX(.955) scaleY(.954)}.button05_bg{transition:background-color .2s var(--color-ease)}.button05_dot{transition:scale .4s var(--smooth-ease),translate .45s var(--smooth-ease)}.button05_icon:first-child .button05_dot{scale:0}.button05_text{transform-origin:right center}.button05_inner:before,.button05_text{transition:scale .45s var(--smooth-ease)}.button05_inner:before{content:attr(data-text);grid-area:1/1;scale:0;pointer-events:none;transform-origin:left center}@media (hover:hover) and (pointer:fine){.button05:is(:hover,:focus-visible) .button05_text{scale:0}.button05:is(:hover,:focus-visible) .button05_inner:before{scale:1}.button05:is(:hover,:focus-visible) .button05_icon:last-child .button05_dot{scale:0;translate:.5625rem 0 0;transition-delay:calc(var(--index) * .04s)}.button05:is(:hover,:focus-visible) .button05_icon:nth-child(-n+3) .button05_dot{scale:1;translate:.5625rem 0 0;transition-delay:calc((var(--index) * .04s) + (var(--index-parent) * .07s))}}@media (hover:none) or (pointer:coarse){.button05:active .button05_bg{background-color:#4D4D4D;transition-duration:0s}}.button06_icon-svg{height:1rem}.button06_icon{color:#000;place-self:center flex-end;height:1rem;display:flex;transform:translate(calc(100% + .375rem))}.button06_bg,.button06_icon{pointer-events:none;grid-area:1/1}.button06_bg{background-color:#000;border-radius:.3125rem;overflow:clip}.button06_icon-mid{transform-origin:0;background-color:currentColor;flex:none;width:.0625rem}.button06{color:#f9f4eb;letter-spacing:-.02em;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-style:preserve-3d;font-size:.875rem;line-height:1em;text-decoration:none;display:grid}.button06_icon-end{flex:none;margin-left:-.03125rem}.button06_icon-start{flex:none;margin-right:-.03125rem}.button06_inner{grid-column-gap:.625rem;grid-row-gap:.625rem;grid-area:1/1;padding:.875rem 1rem;display:grid;translate:0}.button06_text{grid-area:1/1;display:block}.button06{--elastic-ease-out:linear(0,0.5737 7.6%,0.8382 11.87%,0.9463 14.19%,1.0292 16.54%,1.0886 18.97%,1.1258 21.53%,1.137 22.97%,1.1424 24.48%,1.1423 26.1%,1.1366 27.86%,1.1165 31.01%,1.0507 38.62%,1.0219 42.57%,0.9995 46.99%,0.9872 51.63%,0.9842 58.77%,1.0011 81.26%,1);--animation-ease:cubic-bezier(.65,.06,.33,.89);--smooth-ease:cubic-bezier(.32,.72,0,1);--color-ease:cubic-bezier(.215,.61,.355,1);transition:transform .65s var(--elastic-ease-out);-webkit-tap-highlight-color:transparent}.button06:active{transform:scaleX(.955) scaleY(.954)}.button06_bg{transition:scale .75s var(--elastic-ease-out),background-color .2s var(--color-ease)}.button06_icon{transition:translate .85s var(--elastic-ease-out),opacity .15s ease-out;translate:3rem 0 0;opacity:0;animation:right .6s var(--animation-ease) none infinite;animation-play-state:running}.button06_icon-mid{transform:scaleX(33)}.button06_icon-end,.button06_icon-mid{transition:transform .375s var(--smooth-ease)}.button06_icon-end{transform:translateX(2rem)}.button06_inner:before{content:attr(data-text);grid-area:1/1;scale:0 1;pointer-events:none;transform-origin:right center}.button06_inner:before,.button06_text{transition:scale .45s var(--smooth-ease)}.button06_text{transform-origin:left center}@media (hover:hover) and (pointer:fine){.button06:is(:hover,:focus-visible) .button06_icon{translate:0 0 0;transition:translate .85s var(--elastic-ease-out),opacity 25ms ease-in;opacity:1}.button06:is(:hover,:focus-visible) .button06_icon-mid{transform:scaleX(1)}.button06:is(:hover,:focus-visible) .button06_icon-end{transform:translateX(0)}.button06:is(:hover,:focus-visible) .button06_bg{scale:.955 .954;transition-delay:.05s}.button06_icon{animation:none}.button06:is(:hover,:focus-visible) .button06_icon{animation:right .85s var(--animation-ease) none infinite;animation-delay:.25s}.button06:is(:hover,:focus-visible) .button06_text{scale:0 1;transition-delay:.07s}.button06:is(:hover,:focus-visible) .button06_inner:before{scale:1 1;transition-delay:.07s}}@media (hover:none) or (pointer:coarse){.button06:active .button06_bg{background-color:#4D4D4D;transition-duration:0s}.button06_icon{animation:right .85s var(--animation-ease) none infinite;animation-delay:0s;translate:0 0 0;opacity:1}.button06_icon-mid{transform:scaleX(1)}.button06_icon-end{transform:translateX(0)}}@keyframes right{0%{transform:translateX(calc(100% + .375rem))}50%{transform:translateX(calc(100% + .375rem + .25rem))}to{transform:translateX(calc(100% + .375rem))}}