.album-page{--album-btn:var(--accent);--album-row-active:color-mix(in oklch, var(--fg) 7%, transparent);--album-note-dur:.7s;--album-theme-dur:.5s;--album-video-reveal:3s}.album-excerpt{font-family:var(--font-excerpt-stack,"EB Garamond", "EB Garamond Fallback", Georgia, serif);font-style:var(--font-excerpt-style,italic)}@layer base{.album-page,.album-page *{transition-property:color,background-color,border-color,fill,stroke;transition-duration:var(--album-theme-dur);transition-timing-function:ease}}.album-atmos{background-color:var(--bg)}.album-atmos--wash{background-image:radial-gradient(120% 80% at 50% -12%, color-mix(in oklch, var(--accent) 22%, transparent), color-mix(in oklch, var(--accent) 19%, transparent) 17%, color-mix(in oklch, var(--accent) 11%, transparent) 34%, color-mix(in oklch, var(--accent) 3%, transparent) 51%, transparent 68%), radial-gradient(110% 70% at 50% 112%, oklch(0% 0 0/.22), oklch(0% 0 0/.19) 17%, oklch(0% 0 0/.11) 33%, oklch(0% 0 0/.03) 50%, transparent 66%)}.album-page[data-follow] .album-atmos,.album-page[data-follow] .album-atmos *{animation-play-state:paused}.album-page[data-reader] .album-atmos:before,.album-page[data-reader] .album-atmos:after{display:none}.album-notes{scrollbar-width:none}.album-notes::-webkit-scrollbar{display:none}.album-outro-gap{height:calc(var(--gap) * 1vh);view-timeline:--album-outro-sec block}.album-outro-up{animation:album-finale-fade-in var(--dur-slow) ease both}.album-forever{text-align:center;opacity:var(--o,1);margin:0;font-style:italic}@supports (animation-timeline:view()){.album-forever{opacity:0;animation:linear both album-climb,linear both album-wax;animation-timeline:--album-outro-sec,--album-outro-sec;animation-range:contain}}@keyframes album-climb{0%{transform:translateY(50vh)}to{transform:translateY(-50vh)}}@keyframes album-wax{0%,8%{opacity:0}35%,65%{opacity:var(--o,1)}92%,to{opacity:0}}.album-forever--last.album-forever{opacity:1;animation:none}@supports (animation-timeline:view()){.album-forever--last.album-forever{animation:linear both album-climb;animation-timeline:--album-outro-sec;animation-range:contain}}.album-last-plain{transition:opacity var(--album-settle,1.4s) ease;display:inline-block}@supports (animation-timeline:view()){.album-last-plain{opacity:0;animation:linear both album-wax;animation-timeline:--album-outro-sec;animation-range:contain}}.album-page[data-outro=hold] .album-last-plain{opacity:var(--o,1);animation:none}.album-page[data-outro=settle] .album-last-plain,.album-page[data-outro=typing] .album-last-plain,.album-page[data-outro=black] .album-last-plain,.album-page[data-outro=mark] .album-last-plain{opacity:0;animation:none}.album-last-hand{width:var(--hand-w,12rem)}.album-last-hand path{stroke-dasharray:1 3;stroke-dashoffset:1.01px}.album-page[data-outro=typing] .album-last-hand path,.album-page[data-outro=black] .album-last-hand path,.album-page[data-outro=mark] .album-last-hand path{animation:album-pen var(--dur,.3s) cubic-bezier(.4, .15, .5, .9) both;animation-delay:var(--at,0s)}@keyframes album-pen{to{stroke-dashoffset:0}}html[data-album-outro] .site-nav{opacity:0;pointer-events:none;transition:opacity var(--dur-slow) ease}html[data-album-outro-bar]{scrollbar-width:none}html[data-album-outro-bar]::-webkit-scrollbar{display:none}html[data-album-finale]{overflow:hidden}.album-finale-veil{opacity:0}.album-finale[data-phase=black] .album-finale-veil,.album-finale[data-phase=mark] .album-finale-veil{opacity:1}.album-finale[data-phase=black],.album-finale[data-phase=mark],.album-finale[data-phase=exit]{--fg:oklch(94% .02 84);--fg-muted:oklch(70% .024 74);--bg:oklch(0% 0 0);color:var(--fg)}.album-finale-cta{pointer-events:auto;color:var(--fg-muted);opacity:.55;transition:opacity var(--dur-base) ease, color var(--dur-base) ease;animation:1.4s .9s backwards album-finale-cta-in}.album-finale-cta:hover,.album-finale-cta:focus-visible{opacity:1;color:var(--fg)}@keyframes album-finale-cta-in{0%{opacity:0}}.album-finale[data-phase=exit] .album-finale-veil,.album-finale[data-phase=exit] .album-finale-cta{opacity:0;transition:opacity .9s;animation:none}.album-finale[data-phase=exit] .album-finale-cta{pointer-events:none}@keyframes album-finale-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.album-forever,.album-forever--last.album-forever,.album-last-plain{opacity:var(--o,1);animation:none;transform:none}.album-page[data-outro=settle] .album-last-plain,.album-page[data-outro=typing] .album-last-plain,.album-page[data-outro=black] .album-last-plain,.album-page[data-outro=mark] .album-last-plain{opacity:0}.album-page[data-outro=typing] .album-last-hand path,.album-page[data-outro=black] .album-last-hand path,.album-page[data-outro=mark] .album-last-hand path{stroke-dashoffset:0;animation:none}.album-finale-cta{opacity:1;animation:none}}.album-line{transition:color .65s var(--ease-out-soft,ease)}.album-line--lit{color:var(--fg)}.album-line--dim{color:color-mix(in oklch, var(--fg-dim) 50%, var(--bg))}.reader-note-in,.reader-fade-in{animation:reader-fade-in var(--dur-slow) var(--ease-out-soft) both}@keyframes reader-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.reader-fade-in{animation:none}}.reader-dots-in{animation:reader-dots-in var(--dur-slow) var(--ease-out-soft) both}@keyframes reader-dots-in{0%{opacity:0;transform:translateY(.25rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.reader-dots-in{animation:none}}
