.album{--gold:#d9a24c;--gold-soft:#f1d29a;--dawn:#f2b8a0;--wall:#c77d6b;--door:#5b8fbf;background:var(--night);color:var(--lime)}.album-stage{background:var(--night);height:100svh;min-height:32rem;position:relative;overflow:hidden}.album-canvas{touch-action:pan-y;width:100%;height:100%;display:none;position:absolute;inset:0}.album--journey .album-canvas{display:block}.album-intro__kicker,.album-intro__hint,.album-sun,.album-hud__all,.album-finale__title,.album-finale__hint{font-family:var(--font-ui);font-size:var(--step--1);letter-spacing:.24em;text-transform:uppercase}.album-intro{pointer-events:none;text-align:center;position:absolute;inset:0}.album-intro__sky,.album-intro__ground{padding-inline:var(--gutter);justify-items:center;display:grid;position:absolute;inset-inline:0}.album-intro__sky{gap:.25rem;bottom:50%}.album-intro__ground{gap:.6rem;padding-top:1.1rem;top:50%}.album-intro__kicker{color:var(--dawn);margin:0}.album-intro__num{font-family:var(--f-condensed), "Arial Narrow", sans-serif;letter-spacing:.02em;color:var(--gold-soft);direction:ltr;unicode-bidi:isolate;margin:0;font-size:clamp(6rem,2rem + 16vmin,14rem);font-weight:600;line-height:.82;overflow:hidden}.album-intro__rise{text-shadow:0 0 60px #f2b8a073;display:inline-block}@media (prefers-reduced-motion:no-preference){.album--journey .album-intro__rise{animation:album-rise 2.4s .4s var(--ease-out) both}@keyframes album-rise{0%{translate:0 105%}}}.album-intro__meta{max-width:26ch;font-size:var(--step-0);color:var(--lime);margin:0}.album-intro__hint{color:var(--dust);margin:1.5rem 0 0}.album:not(.album--journey) .album-intro{place-content:center;height:100%;display:grid;position:relative}.album:not(.album--journey) :is(.album-intro__sky,.album-intro__ground){position:static}@media (prefers-reduced-motion:no-preference){.album--journey .album-intro__hint{animation:2.6s ease-in-out infinite album-breathe}@keyframes album-breathe{50%{opacity:.35;translate:0 4px}}}.album-titles{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.album-title{visibility:hidden;opacity:0;grid-area:1/1;place-items:center;display:grid;position:relative}.album-title__name{font-family:var(--font-display);text-align:center;text-transform:uppercase;color:var(--gold-soft);text-shadow:0 2px 18px #0000008c;margin:0;font-size:clamp(2.4rem,1rem + 7vmin,5.5rem);line-height:1;position:relative}[dir=rtl] .album-title__name{text-transform:none}.album-title__name span{white-space:pre;display:inline-block}.album-title--horizon .album-title__name{color:#fff3e6;text-shadow:0 0 30px #f2b8a099;padding-bottom:.08em;overflow:hidden}.album-title__line{background:linear-gradient(90deg, transparent, var(--dawn), transparent);width:min(70vw,34rem);height:1px;margin-left:calc(min(70vw,34rem)/-2);position:absolute;top:100%;left:50%}.album-title--arch{aspect-ratio:200/262;width:min(60vmin,25rem)}.album-title--arch svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.album-title--arch path{fill:none;stroke:var(--gold-soft);stroke-width:1.4px;stroke-dasharray:1;filter:drop-shadow(0 0 5px #d9a24ccc)}.album-title--arch path+path{stroke-width:.8px;opacity:.75}.album-title--arch .album-title__name{background:radial-gradient(closest-side,#071a24b3,#0000);margin-top:20%;padding:.3em .5em}.album-title--sign{align-self:start;margin-top:max(9vh,4.5rem)}.album-title--sign .album-title__name{color:#2f63a8;text-shadow:none;background:#f6f4ee;border:3px double #2f63a8;border-radius:.25em;padding:.25em .9em .2em;font-size:clamp(1.8rem,.8rem + 4.5vmin,3.6rem);box-shadow:0 12px 30px #0006}.album-title--paint .album-title__name{color:#fff;padding:.15em .6em .1em}.album-title__swash{background:linear-gradient(100deg, var(--wall), #d89482 55%, var(--wall));border-radius:.6em .25em .7em .3em;position:absolute;inset:12% -4%;rotate:-3deg;box-shadow:0 10px 40px #00000059;-webkit-mask-image:linear-gradient(90deg,#000 92%,#0000);mask-image:linear-gradient(90deg,#000 92%,#0000)}.album-title--lamp .album-title__name{color:#ffe2bf;text-shadow:0 0 26px #ff8c32a6,0 2px 10px #0009;text-transform:none;font-style:italic;font-family:var(--font-text)}.album-hud{inset-inline:var(--gutter);color:var(--dust);pointer-events:none;justify-content:center;align-items:end;display:flex;position:absolute;bottom:.9rem}.album-hud:before{content:"";inset:-5rem calc(-1 * var(--gutter)) -.9rem;z-index:-1;background:linear-gradient(#0000,#071a24b3);position:absolute}.album-sun{aspect-ratio:200/104;pointer-events:auto;width:min(13rem,46vw);margin-bottom:1.4rem;position:relative}.album-sun svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.album-sun path{fill:none;stroke:#f1d29a66;stroke-width:1px;stroke-dasharray:2 4}.album-sun__tick{background:var(--night);cursor:pointer;width:.55rem;height:.55rem;transition:background var(--dur-quick), scale var(--dur-quick) var(--ease-out);border:1px solid #f1d29ab3;border-radius:50%;padding:0;position:absolute;translate:-50% -50%}.album-sun__tick:after{content:"";position:absolute;inset:-.75rem}.album-sun__tick:hover,.album-sun__tick[data-active]{background:var(--gold-soft);scale:1.3}.album-sun__tick:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.album-sun__disc{background:radial-gradient(circle at 40% 40%, #fff3d6, var(--gold) 70%);pointer-events:none;border-radius:50%;width:.85rem;height:.85rem;transition:background .8s,box-shadow .8s;position:absolute;top:96%;left:4%;translate:-50% -50%;box-shadow:0 0 14px 4px #ffbe6e8c}.album-sun[data-night] .album-sun__disc{background:radial-gradient(circle at 35% 35%,#fff,#c9d6e6 70%);box-shadow:0 0 14px 4px #c8dcff59}.album-sun__count{inset-inline:-6rem;text-align:center;white-space:nowrap;letter-spacing:.16em;margin:.35rem 0 0;position:absolute;top:100%}.album-sun__count [data-count]{color:var(--gold-soft)}.album-hud__all{inset-inline-end:0;color:var(--lime);cursor:pointer;pointer-events:auto;background:0 0;border:0;border-bottom:1px solid;padding:.75rem 0 .25rem;position:absolute;bottom:.2rem}.album-hud__all:hover{color:var(--gold)}.album-hud__all:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.album-finale{padding:0 var(--gutter) clamp(1.5rem, 5vh, 3.5rem);text-align:center;visibility:hidden;opacity:0;justify-items:center;gap:.7rem;display:grid;position:absolute;inset:auto 0 0}.album-finale__hint{color:var(--dust);margin:0}.album-finale__line{max-width:34ch;font-family:var(--font-text);font-style:italic;font-size:var(--step-2);color:var(--gold-soft);margin:0;line-height:1.15}.album-finale__title{color:var(--gold);margin:0}.album-finale__actions,.album-grid__end{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.album-finale__list{color:var(--dust);background:0 0;border-color:#eef0ea40}.album:not(.album--journey) :is(.album-titles,.album-hud,.album-finale){display:none}.album-grid{padding:var(--section) var(--gutter)}.album--journey:not([data-list]) .album-grid{display:none}.album-grid__title,.album-grid__name{font-family:var(--font-display);text-transform:uppercase;color:var(--gold-soft)}[dir=rtl] :is(.album-grid__title,.album-grid__name){text-transform:none}.album-grid__title{margin:0 0 var(--section);font-size:var(--step-3);text-align:center}.album-grid__chapter+.album-grid__chapter{margin-top:clamp(3rem,6vw,6rem)}.album-grid__name{font-size:var(--step-2);align-items:center;gap:1rem;margin:0 0 1.25rem;display:flex}.album-grid__name:before{content:"";background:var(--gold);border-radius:50%;width:.6rem;height:.6rem;box-shadow:0 0 10px #d9a24c99}.album-grid__photos{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.album-grid__photos button{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.album-grid__photos img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius);outline-offset:3px;width:100%;transition:outline-color var(--dur-quick);outline:1px solid #0000;display:block}.album-grid__photos button:hover img{outline-color:var(--gold)}.album-grid__photos button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.album-grid__end{margin-top:var(--section)}.viewer{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--lime);overscroll-behavior:contain;background:#040c12f5;border:0;margin:0;padding:0}.viewer::backdrop{background:#040c12b3}.viewer__figure{place-items:center;margin:0;display:grid;position:absolute;inset:3.75rem 5rem}.viewer__figure img{object-fit:contain;border-radius:var(--radius);width:auto;max-width:100%;height:auto;max-height:100%}@media (prefers-reduced-motion:no-preference){.viewer__figure img{animation:viewer-in .5s var(--ease-out)}@keyframes viewer-in{0%{opacity:0;filter:brightness(1.6)sepia(.4);scale:.985}}}.viewer__count{inset-inline:0;text-align:center;font-family:var(--font-ui);font-size:var(--step--1);letter-spacing:.18em;text-transform:uppercase;color:var(--dust);margin:0;position:absolute;bottom:1.1rem}.viewer__close,.viewer__nav{width:3rem;height:3rem;color:var(--lime);cursor:pointer;transition:border-color var(--dur-quick), color var(--dur-quick);background:#071a2499;border:1px solid #eef0ea40;border-radius:50%;place-items:center;font-size:1.15rem;display:grid;position:absolute}.viewer__close:hover,.viewer__nav:hover{border-color:var(--gold);color:var(--gold)}.viewer__close:focus-visible,.viewer__nav:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.viewer__close{top:.75rem;inset-inline-end:.75rem}.viewer__nav{top:50%;translate:0 -50%}.viewer__nav--prev{inset-inline-start:1rem}.viewer__nav--next{inset-inline-end:1rem}@media (max-width:720px){.album-hud{justify-content:start}.album-sun{width:9.5rem}.album-sun__count{text-align:start;letter-spacing:.1em;inset-inline:-1rem auto}.viewer__figure{inset:3.75rem .5rem 5.5rem}.viewer__nav{top:auto;bottom:.9rem;translate:none}.viewer__count{bottom:1.8rem}}