.od404{--od404-accent: var(--od-accent, 255, 90, 35);--od404-gap: .4rem;display:block;position:relative;overflow:hidden}.od404--pt-no-indent{padding-top:0}.od404--pt-xs{padding-top:2.4rem}.od404--pt-s{padding-top:4rem}.od404--pt-m{padding-top:6rem}.od404--pt-l{padding-top:10rem}.od404--pb-no-indent{padding-bottom:0}.od404--pb-xs{padding-bottom:2.4rem}.od404--pb-s{padding-bottom:4rem}.od404--pb-m{padding-bottom:6rem}.od404--pb-l{padding-bottom:10rem}.od404__head{display:grid;gap:1.6rem 4rem;align-items:end;margin-bottom:3.2rem}@media screen and (min-width:990px){.od404__head{grid-template-columns:auto minmax(0,46rem)}}.od404__title{margin:0;display:flex;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(9rem,24vw,24rem);line-height:.82;letter-spacing:-.04em}.od404__digit{display:inline-block;transform-origin:50% 90%;animation:od404-drop .7s cubic-bezier(.2,1.4,.4,1) both;animation-delay:calc(var(--d, 0) * 90ms)}.od404__digit:nth-child(2){--d: 1}.od404__digit:nth-child(3){--d: 2}.od404__digit.is-hit{color:rgb(var(--od404-accent))}@keyframes od404-drop{0%{transform:translateY(-40%) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}.od404__subheading{margin:0 0 1rem}.od404__text p{margin:0 0 .8rem}.od404__machine[hidden]{display:none}.od404__controls{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 2.4rem;margin-bottom:2rem}.od404__play{display:inline-flex;align-items:center;gap:1rem;min-height:5.2rem;padding:0 2.4rem 0 1.8rem;border:0;border-radius:999px;background:rgb(var(--od404-accent));color:rgb(var(--od-ink, 31, 30, 32));font:inherit;font-weight:600;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:transform .15s ease}.od404__play:hover{transform:scale(1.04)}.od404__play:active{transform:scale(.97)}.od404__play-icon{width:0;height:0;border-style:solid;border-width:.8rem 0 .8rem 1.3rem;border-color:transparent transparent transparent currentColor}.od404__play[aria-pressed=true] .od404__play-icon{width:1.3rem;height:1.3rem;border:0;background:currentColor}.od404__tempo{display:inline-flex;align-items:center;gap:1rem}.od404__tempo input{accent-color:rgb(var(--od404-accent));width:14rem}.od404__tempo output{min-width:7.2rem;font-variant-numeric:tabular-nums}.od404__tools{display:inline-flex;flex-wrap:wrap;gap:.8rem}.od404__tool{min-height:4rem;padding:0 1.6rem;border:1px solid rgba(var(--color-foreground),.3);border-radius:999px;background:transparent;color:inherit;font:inherit;cursor:pointer;transition:border-color .2s ease,color .2s ease}.od404__tool:hover{border-color:rgb(var(--od404-accent));color:rgb(var(--od404-accent))}.od404__grid{display:grid;gap:var(--od404-gap);user-select:none;-webkit-user-select:none;touch-action:manipulation}.od404__row{display:grid;grid-template-columns:9rem minmax(0,1fr);align-items:center;gap:1.2rem}.od404__label{opacity:.6;text-transform:uppercase;letter-spacing:.06em}.od404__steps{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:var(--od404-gap)}.od404__cell:nth-child(8n+1),.od404__cell:nth-child(8n+2),.od404__cell:nth-child(8n+3),.od404__cell:nth-child(8n+4){--od404-off: .14}.od404__cell{aspect-ratio:1;width:100%;padding:0;border:0;border-radius:.6rem;background:rgba(var(--color-foreground),var(--od404-off, .07));cursor:pointer;transition:background-color .12s ease,transform .12s ease}.od404__cell:hover{background:rgba(var(--color-foreground),.18)}.od404__cell.is-on{background:rgb(var(--od404-accent));animation:od404-pop .5s cubic-bezier(.2,1.5,.4,1) both;animation-delay:calc(var(--i) * 28ms + var(--r) * 40ms + .3s)}.od404.is-touched .od404__cell.is-on{animation:none}.od404__cell.is-head{background:rgba(var(--color-foreground),.26)}.od404__cell.is-on.is-head{background:rgb(var(--color-foreground));transform:scale(1.12)}.od404__cell:focus-visible{outline:2px solid rgb(var(--od404-accent));outline-offset:2px}@keyframes od404-pop{0%{transform:scale(.2);opacity:0}to{transform:none;opacity:1}}.od404__hint{margin:1.6rem 0 0;opacity:.6}.od404__button{margin-top:4rem}@media screen and (max-width:749px){.od404{--od404-gap: .2rem}.od404__row{grid-template-columns:minmax(0,1fr);gap:.2rem}.od404__label{font-size:1.1rem}.od404__cell{border-radius:.3rem}.od404__tempo input{width:11rem}.od404__hint{display:none}}@media(prefers-reduced-motion:reduce){.od404__digit,.od404__cell.is-on{animation:none}.od404__cell.is-on.is-head{transform:none}}.od-timeline{--od-tl-accent: var(--od-accent, 255, 90, 35);--od-tl-line: 2px;--od-tl-gutter: 3.2rem;position:relative}.od-timeline--pt-no-indent{padding-top:0}.od-timeline--pt-s{padding-top:4rem}.od-timeline--pt-m{padding-top:6rem}.od-timeline--pt-l{padding-top:10rem}.od-timeline--pb-no-indent{padding-bottom:0}.od-timeline--pb-s{padding-bottom:4rem}.od-timeline--pb-m{padding-bottom:6rem}.od-timeline--pb-l{padding-bottom:10rem}.od-timeline__grid{display:block}.od-timeline__aside{margin-bottom:4rem}.od-timeline__subheading{margin:0 0 1.2rem}.od-timeline__heading{margin:0 0 1.6rem}.od-timeline__intro{max-width:48rem}.od-timeline__intro p{margin:0 0 1rem}.od-timeline__year-display{display:none}.od-timeline__track{position:relative;padding-left:var(--od-tl-gutter)}.od-timeline__line{position:absolute;top:.6rem;bottom:0;left:calc(.7rem - var(--od-tl-line) / 2);width:var(--od-tl-line);background:rgba(var(--color-foreground),.15);border-radius:var(--od-tl-line);overflow:hidden}.od-timeline__line-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--od-tl-accent));transform-origin:top center;transform:scaleY(var(--od-progress, 1))}.od-timeline__list{list-style:none;margin:0;padding:0}.od-timeline__year{position:relative;margin:0 0 2.4rem}.od-timeline__year:not(:first-child){margin-top:5.6rem}.od-timeline__year-label{display:inline-block;margin:0;line-height:1;color:rgb(var(--color-foreground-title))}.od-timeline__year:before{content:"";position:absolute;left:calc(-1 * var(--od-tl-gutter) + .7rem - .9rem);top:50%;width:1.8rem;height:1.8rem;margin-top:-.9rem;border-radius:50%;background:rgb(var(--color-background));border:var(--od-tl-line) solid rgb(var(--color-foreground-title))}.od-timeline__entry{position:relative;margin:0 0 3.2rem}.od-timeline__dot{position:absolute;left:calc(-1 * var(--od-tl-gutter) + .7rem - .6rem);top:.5rem;width:1.2rem;height:1.2rem;border-radius:50%;background:rgb(var(--color-background));border:var(--od-tl-line) solid rgba(var(--color-foreground),.35);transition:background-color .3s ease,border-color .3s ease,transform .3s ease}.od-timeline__entry.is-active .od-timeline__dot,.od-timeline__entry.is-passed .od-timeline__dot{background:rgb(var(--od-tl-accent));border-color:rgb(var(--od-tl-accent))}.od-timeline__entry.is-active .od-timeline__dot{transform:scale(1.35)}.od-timeline__card{max-width:64rem}.od-timeline__date{margin:0 0 .6rem;font-family:var(--font-header-menu-family, inherit);text-transform:uppercase;letter-spacing:.04em;font-size:1.3rem;color:rgb(var(--od-tl-accent))}.od-timeline__title{margin:0 0 .8rem}.od-timeline__media{margin:1.2rem 0;border-radius:var(--media-radius, 0);overflow:hidden}.od-timeline__media img{display:block;width:100%;height:auto}.od-timeline__text p{margin:0 0 .8rem}.od-timeline__text p:last-child{margin-bottom:0}.od-timeline__button{margin-top:1.6rem}@media(prefers-reduced-motion:no-preference){.od-timeline.is-ready [data-od-item]{opacity:0;transform:translateY(2.4rem);transition:opacity .6s ease,transform .6s cubic-bezier(.17,.84,.44,1)}.od-timeline.is-ready [data-od-item].is-visible{opacity:1;transform:none}.od-timeline__year-current{display:inline-block;transition:opacity .25s ease,transform .35s cubic-bezier(.17,.84,.44,1)}.od-timeline__year-current.is-changing{opacity:0;transform:translateY(-.25em)}}@media screen and (min-width:990px){.od-timeline{--od-tl-gutter: 4.8rem}.od-timeline__grid--sticky{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:6.4rem;align-items:start}.od-timeline__grid--sticky .od-timeline__aside{position:sticky;top:calc(var(--header-height, 0px) + 4rem);margin-bottom:0}.od-timeline__grid--sticky .od-timeline__year-display{display:block;margin-top:3.2rem;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(9rem,13vw,20rem);line-height:.9;letter-spacing:-.04em;color:rgb(var(--od-tl-accent));overflow:hidden}.od-timeline__entry{margin-bottom:4.8rem}}
/*# sourceMappingURL=/cdn/shop/t/28/compiled_assets/styles.css.map */