:root{--ground:#04080b;--ink:#ecdfc3;--accent:#7fe3e8;--ink-muted:color-mix(in srgb, var(--ink) 78%, var(--ground));--chalk:#f7f5f0;--film-shadow:#00000073;--film-shadow-soft:#0000002e;--font:var(--font-body), "Iowan Old Style", Georgia, serif;--font-display:var(--font-title), var(--font-body), Georgia, serif;--hairline:1px solid color-mix(in srgb, var(--ink) 35%, transparent);--hairline-current:1px solid color-mix(in srgb, currentColor 28%, transparent);--step-small:clamp(1.125rem, 1.06rem + .25vw, 1.25rem);--weight-small:500;--on-scene:0 1px 2px color-mix(in srgb, var(--ground) 85%, transparent), 0 0 16px color-mix(in srgb, var(--ground) 60%, transparent);--step-body:clamp(1.1875rem, 1.1rem + .3vw, 1.375rem);--step-head:clamp(1.75rem, 1.3rem + 2vw, 2.75rem);--step-display:clamp(2.75rem, 1.5rem + 7vw, 8rem);--gutter:max(16px, env(safe-area-inset-left,0px));--gutter-end:max(16px, env(safe-area-inset-right,0px));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{background:var(--ground)}body{font-family:var(--font);font-size:var(--step-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}img{max-width:100%;height:auto;display:block}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}p{text-wrap:pretty}.page{background:var(--ground);min-height:100svh;color:var(--ink)}.display{font-family:var(--font-display);font-size:var(--step-display);letter-spacing:.04em;text-wrap:balance;margin:0;font-weight:300;line-height:.95}.heading{font-family:var(--font-display);font-size:var(--step-head);letter-spacing:.04em;margin:0;font-weight:400;line-height:1}.lede{font-style:italic}.site-header{z-index:3;padding:calc(12px + env(safe-area-inset-top,0px)) calc(var(--gutter-end) - 12px) 12px calc(var(--gutter) - 12px);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.site-header a{align-items:center;gap:8px;min-height:44px;padding:0 12px;text-decoration:none;display:inline-flex}.site-header__mark{font-family:var(--font-display);letter-spacing:.06em;font-size:1.375rem;font-weight:400}.site-header__link{font-size:var(--step-small);font-weight:var(--weight-small);font-style:italic}.site-header__link[aria-current=page]{text-underline-offset:.25em;text-decoration:underline;text-decoration-thickness:1px}.site-header,.world__caption,.world__marks,.world__next,.album__title,.album__next-link{text-shadow:var(--on-scene)}.home{background:0 0;position:relative}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.world-canvas{z-index:-1;opacity:var(--world-alpha,1);position:fixed;inset:0}.world-canvas .scene-canvas{position:absolute;inset:0}.world-canvas[data-page=album]{height:100lvh;bottom:auto}.world{z-index:0;position:fixed;inset:0}.world__fallback{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.world__track{height:500svh}html.has-js .home[data-world-phase=inside] .world__track{height:0}html.has-js .home[data-world-phase=inside]~.fan-notice{display:none}html.has-js .home[data-world-phase=inside] .world,html.has-js .home[data-world-phase=inside] .world__marks{touch-action:none}.world__albums{z-index:2;left:var(--gutter);right:var(--gutter-end);bottom:calc(24px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--ground) 92%, transparent);max-width:30rem;color:var(--ink);border:var(--hairline);gap:12px;padding:24px;transition:opacity .4s,transform .4s;display:grid;position:fixed}.world__albums p{margin:0;font-style:italic}.world__albums-title{font-family:var(--font-display);font-size:var(--step-head);letter-spacing:.04em;margin:0;font-weight:400;line-height:1}.world__albums ul{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.world__albums a{border:var(--hairline);min-height:44px;color:var(--ink);font-family:var(--font-display);letter-spacing:.04em;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;font-size:1.125rem;text-decoration:none;transition:border-color .2s,color .2s,transform .12s;display:flex}.world__albums a span:first-child{align-items:center;gap:12px;display:inline-flex}.world__albums a:hover{border-color:var(--accent);color:var(--accent)}.world__albums a:active{transform:scale(.97)}.world__albums a[aria-current=true]{border-color:var(--accent);color:var(--accent)}html.has-js .home[data-world-phase=approach] .world__albums,html.has-js .home[data-world-phase=start] .world__albums{opacity:0;pointer-events:none;transform:translateY(12px)}.home:has(.world__fallback) .world__albums{opacity:1;pointer-events:auto;transform:none}.world__caption{z-index:2;left:var(--gutter);bottom:calc(24px + env(safe-area-inset-bottom,0px));max-width:min(30rem, calc(100vw - var(--gutter) - var(--gutter-end)));color:var(--ink);pointer-events:none;opacity:0;gap:8px;padding:20px 24px;transition:opacity .4s;display:grid;position:fixed}.world__caption[data-shown]{opacity:1}.world__caption p{margin:0}.world__caption time{margin-left:.4em}.world__caption .display{line-height:.95}.world__caption-line{max-width:28ch;font-size:var(--step-small);font-weight:var(--weight-small);text-wrap:balance}.world__caption-enter{cursor:pointer;pointer-events:none;min-width:44px;min-height:44px;color:inherit;font:inherit;font-size:var(--step-small);font-weight:var(--weight-small);letter-spacing:.14em;text-transform:uppercase;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:.5em;background:0 0;border:0;justify-self:start;margin:0 0 -12px;padding:0;text-decoration-thickness:1px;transition:text-underline-offset .12s}.world__caption[data-shown] .world__caption-enter{pointer-events:auto}html[data-crossing] .world__caption[data-shown] .world__caption-enter{pointer-events:none}.world__caption-enter:hover{text-underline-offset:.7em}.world__caption-enter:active{opacity:.7}.world__caption-enter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.world__caption-enter{transition:none}}html.has-js .home[data-world-phase=inside] .world__albums{opacity:0;pointer-events:none}html.has-js .home[data-world-phase=inside] .world__albums:focus-within{opacity:1;pointer-events:auto}.world__marks{z-index:2;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));color:var(--ink);opacity:0;pointer-events:none;justify-items:center;gap:10px;transition:opacity .4s;display:grid;position:fixed;transform:translate(-50%)}.world__marks[data-shown]{opacity:1;pointer-events:auto}.world__marks-row{gap:8px;display:flex;position:relative}.world__stepper{align-items:flex-start;gap:4px;display:flex}.world__step{cursor:pointer;width:44px;height:44px;color:var(--ink);background:0 0;border:0;place-items:center;margin-top:-7px;padding:0;transition:transform .12s,opacity .12s;display:grid}.world__step svg{filter:drop-shadow(0 1px 2px color-mix(in srgb, var(--ground) 85%, transparent)) drop-shadow(0 0 16px color-mix(in srgb, var(--ground) 60%, transparent))}.world__step:hover{transform:scale(1.15)}.world__step:active{opacity:.6}.world__step:disabled{opacity:.3;cursor:default;transform:none}.world__step:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.world__rail{background:color-mix(in srgb, var(--ink) 35%, transparent);pointer-events:none;height:1px;position:absolute;top:15px;left:26px;right:26px}.world__rail-dot{top:50%;left:calc(var(--rail,0) * 100%);background:var(--ink);width:9px;height:9px;box-shadow:0 0 0 2px color-mix(in srgb, var(--ground) 60%, transparent);border-radius:50%;margin:-4.5px 0 0 -4.5px;position:absolute}.world__mark{z-index:1;cursor:pointer;width:52px;min-height:44px;font:inherit;font-size:var(--step-small);font-weight:var(--weight-small);color:inherit;background:0 0;border:0;justify-items:center;gap:4px;padding:6px 8px 4px;transition:transform .12s;display:grid;position:relative}.world__mark span{color:var(--ink);opacity:.85}.world__mark[aria-current=true] span{opacity:1}.world__mark:hover{transform:translateY(-2px)}.world__mark:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.world__enter{z-index:2;left:50%;bottom:calc(32px + env(safe-area-inset-bottom,0px));color:var(--ink);text-shadow:var(--on-scene);font-size:var(--step-small);font-weight:var(--weight-small);letter-spacing:.04em;opacity:0;pointer-events:none;justify-items:center;gap:12px;margin:0;font-style:italic;transition:opacity .6s;display:grid;position:fixed;transform:translate(-50%)}html.has-js .home[data-world-phase=start]:has(.world[data-ready]) .world__enter{opacity:.9}.world__enter-cue{transform-origin:top;background:linear-gradient(currentColor,#0000);width:1px;height:32px;animation:2s ease-in-out infinite enter-cue}@keyframes enter-cue{0%{opacity:1;transform:scaleY(0)}60%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.world__enter-cue{animation:none}.world__enter{transition:none}}.world__hint{font-size:var(--step-small);font-weight:var(--weight-small);letter-spacing:.04em;text-shadow:var(--on-scene), var(--on-scene);opacity:0;justify-items:center;gap:12px;margin:0;font-style:italic;transition:opacity .6s;display:grid}.world__hint[data-shown]{opacity:.9}.world__hint .world__enter-cue{height:20px;animation-play-state:paused}.world__hint[data-shown] .world__enter-cue{animation-play-state:running}.world__next{z-index:2;right:max(8px, env(safe-area-inset-right,0px));writing-mode:vertical-rl;font-size:var(--step-small);font-weight:var(--weight-small);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);text-shadow:var(--on-scene), var(--on-scene);opacity:0;pointer-events:none;margin:0;transition:opacity .4s;position:fixed;top:50svh;transform:translateY(-50%)}.world__next[data-shown]{opacity:1}html[data-crossing] .world__next{opacity:0}@media (prefers-reduced-motion:reduce){.world__next{transition:none}}.world__cursor{z-index:3;font-size:var(--step-small);font-weight:var(--weight-small);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);text-shadow:var(--on-scene);opacity:0;pointer-events:none;transition:opacity .12s;display:none;position:fixed;top:0;left:0}@media (hover:hover) and (pointer:fine){.world__cursor{display:block}html[data-ring-hover] .world__cursor{opacity:1}}html[data-crossing] .world__cursor,html[data-record] .world__cursor{opacity:0}@media (prefers-reduced-motion:reduce){.world__cursor{transition:none}}html[data-crossing] .world__marks{opacity:0;pointer-events:none;transition:opacity .4s}@media (max-width:719px){.world__marks{bottom:calc(220px + env(safe-area-inset-bottom,0px))}.world__mark span{display:none}.world__hint{order:-1}}@media (max-height:519px){.world__marks{bottom:calc(24px + env(safe-area-inset-bottom,0px))}.world__mark span{display:none}.world__hint{order:-1}.world__hint .world__enter-cue{display:none}}@media (prefers-reduced-motion:reduce){.world__mark,.world__marks,.world__hint{transition:none}.world__mark:hover{transform:none}.world__step{transition:none}.world__step:hover{transform:none}}.home~.fan-notice,.home+.fan-notice{z-index:1;position:relative}.album__scene{height:100lvh}.album__scene[data-gesture=branches]{height:180lvh}.album__stage{box-sizing:border-box;align-items:end;height:100lvh;padding-bottom:calc(100lvh - 100svh);display:grid;position:sticky;top:0;overflow:hidden}.album{background:0 0}html.has-js:not([data-world-failed]) .album__cover{visibility:hidden}.album__stage:after{content:"";pointer-events:none;background:linear-gradient(to top, color-mix(in srgb, var(--ground) 78%, transparent), color-mix(in srgb, var(--ground) 30%, transparent) 55%, transparent);height:45%;position:absolute;inset:auto 0 0}.album__scene[data-gesture=branches] .album__stage:after{content:none}html[data-crossing] .site-header,html[data-crossing] .world__albums,html[data-crossing] .world__caption,html[data-crossing] .fan-notice,html[data-crossing] .album__next-link{opacity:0;pointer-events:none;transition:opacity .4s}.album__stage{touch-action:pan-y}.album__gesture{z-index:2;top:calc(72px + env(safe-area-inset-top,0px));right:var(--gutter-end);border:var(--hairline);background:color-mix(in srgb, var(--ground) 80%, transparent);min-width:44px;min-height:44px;color:var(--ink);font:inherit;font-size:var(--step-small);letter-spacing:.04em;cursor:pointer;border-radius:999px;padding:0 20px;transition:background-color .2s,color .2s,transform .12s;display:none;position:absolute}.album__gesture:active{transform:scale(.96)}.album__gesture[aria-pressed=true]{background:var(--accent);color:var(--ground);border-color:var(--accent)}@media (pointer:coarse){.album__stage[data-ready] .album__gesture{place-items:center;display:inline-grid}}.album__scene[data-gesturing] .album__stage,.album__scene[data-gesturing] .album__stage canvas{touch-action:none}.album__hint{color:var(--accent);font-size:var(--step-small);font-weight:var(--weight-small);font-style:italic;transition:opacity .6s}.album__scene:not(:has(.album__stage[data-ready])) .album__hint{display:none}.album__scene[data-painted] .album__hint{opacity:0}.album__hint-touch{display:none}@media (pointer:coarse){.album__hint-pointer{display:none}.album__hint-touch{display:inline}}.album__cover{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.album__title{z-index:1;margin:0 var(--gutter-end) 48px var(--gutter);color:var(--ink);justify-self:start;gap:8px;display:grid;position:relative}.album__title p{margin:0}@media (min-aspect-ratio:1){.album__scene[data-gesture=water] .album__title{text-align:right;margin-right:var(--gutter);justify-self:end}}.album__tracks,.album__credits{padding:96px var(--gutter-end) 96px var(--gutter);gap:24px;display:grid}.album__tracks{background:var(--accent);color:var(--ground)}.album__tracks :is(a,button):focus-visible{outline-color:var(--ground)}.album__tracks ol{counter-reset:track;max-width:44rem;margin:0;padding:0;list-style:none}.album__tracks li{counter-increment:track;border-top:var(--hairline-current);grid-template-columns:2.5ch minmax(0,1fr) auto;align-items:baseline;column-gap:16px;padding:8px 0;display:grid}.album__tracks li:last-child{border-bottom:var(--hairline-current)}.album__tracks li:before{content:counter(track);font-variant-numeric:tabular-nums;opacity:.6}.album__duration{font-variant-numeric:tabular-nums;opacity:.8}.album__feat{font-style:italic}.album__credits p{max-width:60ch;margin:0}@media (min-width:60rem){.album__tracks,.album__credits{padding-inline:max(var(--gutter), 6vw) max(var(--gutter-end), 6vw)}.album:not([data-gesture=paint]) :is(.album__tracks,.album__credits){grid-template-columns:minmax(0,1fr) minmax(0,3fr);align-content:start;align-items:start;column-gap:56px}.album:not([data-gesture=paint]) :is(.album__tracks,.album__credits)>h2{grid-row:1/span 3}.album:not([data-gesture=paint]) :is(.album__tracks,.album__credits)>:not(h2){grid-column:2}.album:not([data-gesture=paint]) .album__tracks ol{grid-auto-flow:column;grid-template-rows:repeat(var(--rows), auto);grid-template-columns:1fr 1fr;column-gap:56px;max-width:64rem;display:grid}.album:not([data-gesture=paint]) .album__tracks li[data-column-end]{border-bottom:var(--hairline-current)}.album[data-gesture=paint] .album__credits{grid-template-columns:minmax(0,1fr) minmax(0,3fr);column-gap:56px}.album[data-gesture=paint] .album__credits>h2{grid-row:1/span 2}.album[data-gesture=paint] .album__credits>:not(h2){grid-column:2}}.album__title time{margin-left:.4em}.album__next{min-height:100lvh;color:var(--ink);touch-action:pan-y;align-items:end;display:grid;position:relative}html[data-crossing] .album>section:not(.album__next):not(.album__scene){opacity:0;transition:opacity .4s}.album__loader{opacity:0;pointer-events:none;width:clamp(56px,10vw,84px);height:auto;transition:opacity .4s;position:absolute;top:50%;left:50%;overflow:visible;translate:-50% -50%}.has-js .album__next:not([data-portal]) .album__loader{opacity:1}.album__loader-track,.album__loader-arc{fill:none;stroke-width:2.5px}.album__loader-track{stroke:color-mix(in srgb, var(--ink) 14%, transparent)}.album__loader-arc{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:.22 .78;animation:1.4s linear infinite album-loader}@keyframes album-loader{to{stroke-dashoffset:-1px}}@media (prefers-reduced-motion:reduce){.album__loader-arc{animation:none}}.album__next-link{padding:0 var(--gutter-end) calc(56px + 100lvh - 100svh) var(--gutter);color:inherit;pointer-events:none;gap:4px;text-decoration:none;display:grid;position:relative}.album__next[data-portal=none] .album__next-link,html:not(.has-js) .album__next-link{pointer-events:auto}.album__next-title{font-family:var(--font-display);font-size:var(--step-display);letter-spacing:.04em;font-weight:300;line-height:.95}.credits__body{max-width:46rem;padding:120px var(--gutter-end) 120px var(--gutter);gap:24px;display:grid}.credits__body p,.credits__body ul{margin:0}.credits__body>h2{margin-top:32px}.credits__body>h1+h2{margin-top:48px}.credits__body ul{gap:8px;padding:0;list-style:none;display:grid}.credits__body li{border-top:var(--hairline);padding-top:8px}.preloader{display:none}.has-js .preloader{z-index:60;background:var(--ground);color:var(--ink);place-content:center;justify-items:center;gap:20px;transition:opacity .7s,visibility 0s linear .7s;display:grid;position:fixed;inset:0}.has-js .preloader[data-done]{opacity:0;visibility:hidden;pointer-events:none}.has-js .preloader[hidden]{display:none}html[data-loading]{overflow:hidden}.preloader__ring{width:clamp(88px,14vw,132px);height:auto;overflow:visible}.preloader__track,.preloader__fill{fill:none;stroke-width:2.5px}.preloader__track{stroke:color-mix(in srgb, var(--ink) 14%, transparent)}.preloader__fill{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--accent) 70%, transparent))}.preloader__label{font-family:var(--font-display);font-size:var(--step-head);letter-spacing:.04em;font-variant-numeric:tabular-nums;margin:0;font-weight:300;line-height:1}.preloader__unit{color:var(--ink-muted);margin-left:.08em;font-size:.6em}.preloader__caption{font-size:var(--step-small);color:var(--ink-muted);margin:0;font-style:italic}@media (prefers-reduced-motion:reduce){.has-js .preloader{transition:none}}html[data-record]{cursor:none}html[data-record] :is(.site-header,.fan-notice,.fan-dialog,.world__enter,.world__marks,.world__next,.world__caption,.world__hint,.album__hint,.album__next-link){visibility:hidden!important;pointer-events:none!important}.fan-notice{padding:24px var(--gutter-end) calc(24px + env(safe-area-inset-bottom,0px)) var(--gutter);background:var(--ground);color:var(--ink-muted);font-size:var(--step-small);margin:0;font-style:italic}.fan-dialog{background:var(--ground);max-width:min(440px,100vw - 32px);color:var(--ink);border:0;border:var(--hairline);padding:24px}.fan-dialog[open]{inset:auto 16px calc(16px + env(safe-area-inset-bottom,0px)) auto;z-index:20;position:fixed}.fan-dialog__title{font-family:var(--font-display);letter-spacing:.04em;margin:0 0 12px;font-size:1.5rem;font-weight:400}.fan-dialog__text{font-size:var(--step-small);margin:0 0 12px;line-height:1.5}.fan-dialog__button{border:1px solid color-mix(in srgb, var(--ink) 50%, transparent);min-height:44px;color:var(--ink);font:inherit;font-family:var(--font-display);letter-spacing:.04em;cursor:pointer;background:0 0;border-radius:999px;padding:0 24px;transition:border-color .2s,color .2s,transform .12s}.fan-dialog__button:hover{border-color:var(--accent);color:var(--accent)}.fan-dialog__button:active{transform:scale(.97)}.fan-dialog__button:disabled{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.world__albums a,.fan-dialog__button{transition:none}.album[data-gesture=paint] .album__tracks li:after{transition:opacity .2s;transform:scaleX(1)rotate(-1.5deg)}.world__albums a:active,.fan-dialog__button:active{transform:none}}.album__scene[data-gesture=branches] .album__title{padding:72px var(--gutter) 28px;text-align:center;pointer-events:none;text-shadow:none;grid-template-rows:auto 1fr auto;justify-self:stretch;gap:0;margin:0;position:absolute;inset:0}.album__scene[data-gesture=branches] .album__title h1,.world__caption[data-gesture=branches] .world__caption-title{letter-spacing:0;color:var(--chalk);text-shadow:0 1px 2px var(--film-shadow-soft), 0 2px 18px var(--film-shadow-soft);font-size:clamp(3.4rem,9vw,6.5rem);font-weight:400;line-height:1}.album__scene[data-gesture=branches] .album__title p:not(.album__hint),.world__caption[data-gesture=branches] .world__caption-year{font-family:var(--font);text-transform:uppercase;letter-spacing:.55em;text-indent:.55em;align-self:end;font-size:clamp(.9rem,1.7vw,1.2rem);font-weight:600}.album__scene[data-gesture=branches] .album__title time,.world__caption[data-gesture=branches] time{letter-spacing:.3em;text-indent:.3em;margin:4px 0 0;font-size:.75em;display:block}.album__scene[data-gesture=branches] .album__title p,.world__caption[data-gesture=branches] .world__caption-year{color:var(--chalk);text-shadow:0 1px 3px var(--film-shadow), 0 2px 14px var(--film-shadow-soft)}.world__caption[data-gesture=branches] .world__caption-year,.world__caption[data-gesture=branches] time{text-indent:0}.album__scene[data-gesture=branches] .album__hint{margin-top:12px}.scritta{height:var(--scritta,1em);vertical-align:baseline;width:auto;display:inline-block;overflow:visible}.site-header__mark .scritta{--scritta:.95rem}.album__title p .scritta,.world__caption-year .scritta{--scritta:.68em}.world__albums a .scritta{--scritta:.78em}.lettering{height:var(--lettering,1em);vertical-align:baseline;width:auto;display:inline-block;overflow:visible}.site-header__mark .lettering{--lettering:.8rem}.album__title p .lettering,.world__caption-year .lettering{--lettering:.68em}.album__title h1 .lettering,.world__caption-title .lettering,.album__next-title .lettering{--lettering:1.15em}.world__albums a .lettering{--lettering:1.1em;vertical-align:middle}.album__scene[data-gesture=branches] .album__title p .lettering{--lettering:1em}.album__title h1:has(>.scritta){padding-bottom:.4em}.world__caption-title:has(>.scritta){padding-bottom:.4em}.album__next-title:has(>.scritta){padding-bottom:.4em}.album__lettering{background:#f3f0e8;height:min(80svh,62vw);min-height:260px;position:relative}.album__lettering .scene-canvas{position:absolute;inset:0}.album__lettering-fallback{--scritta:clamp(48px, 14vw, 180px);place-items:center;height:100%;margin:0;display:grid}.album__boxes{background:var(--ground);touch-action:pan-y pinch-zoom;height:100svh;min-height:480px;position:relative}.album__boxes .scene-canvas{position:absolute;inset:0}.album__boxes canvas{touch-action:pan-y pinch-zoom}.album__boxes:has(.album__boxes-closed){display:none}.album__branches{background:var(--ground);height:100svh;min-height:480px;position:relative}.album__branches .scene-canvas{position:absolute;inset:0}.album__branches canvas{touch-action:pan-y pinch-zoom}.album__branches:has(.album__branches-closed){display:none}.album__branches:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(transparent, var(--seam) 33%, transparent);height:18svh;position:absolute;inset:-6svh 0 auto}.album[data-gesture=paint]{--paint-blue:#1f5fd0;--paint-yellow:#f2c230;--paint-red:#e0372b;--paint-green:#2e8b57;--paint-orange:#f07a1a;--paint-sky:#7fb3ff}.album[data-gesture=paint] .album__tracks{color:#161616;background:#f3f0e8;padding-top:24px}.album[data-gesture=paint] .album__tracks ol{aspect-ratio:1;width:min(100%,960px);min-width:0;max-width:none;margin:0 auto 32px;padding:0;position:relative;container-type:inline-size}.album[data-gesture=paint] .album__tracks li{left:var(--x);top:var(--y);width:max-content;max-width:var(--w,9ch);font-family:var(--font-brush), cursive;font-size:calc(4.2cqi * var(--size,1));text-transform:uppercase;transform:rotate(var(--tilt,-3deg));transform-origin:0 0;border:0;padding:0;line-height:1.15;display:block;position:absolute}.album[data-gesture=paint] .album__tracks li:before{content:none}.album[data-gesture=paint] .album__tracks li>span:first-child{background:var(--paint,linear-gradient(100deg, var(--paint-green), var(--paint-blue) 35%, var(--paint-orange) 65%, var(--paint-red)));color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.album[data-gesture=paint] .album__tracks li:first-child{--x:4%;--y:5%;--tilt:-2deg}.album[data-gesture=paint] .album__tracks li:nth-child(2){--x:42%;--y:6%;--tilt:-5deg}.album[data-gesture=paint] .album__tracks li:nth-child(3){--x:72%;--y:14%;--tilt:-3deg}.album[data-gesture=paint] .album__tracks li:nth-child(4){--x:15%;--y:19%;--tilt:10deg;--size:.8;--w:6ch}.album[data-gesture=paint] .album__tracks li:nth-child(5){--x:46%;--y:27%;--tilt:-6deg}.album[data-gesture=paint] .album__tracks li:nth-child(6){--x:62%;--y:41%;--tilt:-8deg;--w:none}.album[data-gesture=paint] .album__tracks li:nth-child(7){--x:3%;--y:38%;--tilt:3deg}.album[data-gesture=paint] .album__tracks li:nth-child(8){--x:36%;--y:48%;--tilt:-8deg}.album[data-gesture=paint] .album__tracks li:nth-child(9){--x:46%;--y:63%;--tilt:-12deg;--w:none}.album[data-gesture=paint] .album__tracks li:nth-child(10){--x:5%;--y:55%;--tilt:-3deg}.album[data-gesture=paint] .album__tracks li:nth-child(11){--x:7%;--y:70%;--tilt:-10deg}.album[data-gesture=paint] .album__tracks li:nth-child(12){--x:76%;--y:73%;--tilt:8deg;--w:3ch}.album[data-gesture=paint] .album__tracks li:nth-child(13){--x:40%;--y:78%;--tilt:-5deg;--w:7ch}.album[data-gesture=paint] .album__tracks li:nth-child(4n+1)>span:first-child{--paint:linear-gradient(80deg, var(--paint-blue), var(--paint-green) 40%, var(--paint-red) 75%, var(--paint-orange))}.album[data-gesture=paint] .album__tracks li:nth-child(4n+2)>span:first-child{--paint:linear-gradient(110deg, var(--paint-red), var(--paint-orange) 30%, var(--paint-green) 70%, var(--paint-blue))}.album[data-gesture=paint] .album__tracks li:nth-child(4n+3)>span:first-child{--paint:linear-gradient(95deg, var(--paint-green) 10%, #161616 45%, var(--paint-blue) 80%)}.album[data-gesture=paint] .album__tracks .album__duration,.album[data-gesture=paint] .album__tracks .album__feat{font:italic .75rem/1.4 var(--font);color:#4b4b47;-webkit-text-fill-color:#4b4b47;text-transform:none;letter-spacing:.04em;opacity:1;margin-top:.2em;display:block}.album[data-gesture=paint] .album__tracks li:after{content:"";z-index:-1;background:var(--smear,var(--paint-yellow));mix-blend-mode:multiply;opacity:0;transform-origin:0;pointer-events:none;border-radius:48% 52% 45% 55%/60% 40% 65% 35%;height:.42em;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .2s;position:absolute;bottom:calc(1.05rem + .35em);left:-.2em;right:-.1em;transform:scaleX(0)rotate(-1.5deg)}@media (hover:hover){.album[data-gesture=paint] .album__tracks li:hover:after{opacity:.75;transform:scaleX(1)rotate(-1.5deg)}}.album[data-gesture=paint] .album__tracks li:nth-child(4n+2){--smear:var(--paint-sky)}.album[data-gesture=paint] .album__tracks li:nth-child(4n+3){--smear:var(--paint-red)}.album[data-gesture=paint] .album__tracks li:nth-child(4n){--smear:var(--paint-green)}.album[data-gesture=paint] .album__credits{color:#161616;background:#f3f0e8;padding-top:0}