@layer theme, base, cards, components, utilities;@layer components{.pfac-album{--c:min(16.5cqw,21cqh);--pad:calc(var(--c) * 0.13);--pad-in:calc(var(--c) * 0.18);--gap:calc(var(--c) * 0.1);--rim:calc(var(--c) * 0.065);--spine:calc(var(--c) * 0.06);--rows:2;--card-h:calc(var(--c) * 88 / 63);--page-w:calc(2 * var(--c) + var(--gap) + var(--pad) + var(--pad-in));--page-h:calc(2 * var(--pad) + var(--rows) * var(--card-h) + (var(--rows) - 1) * var(--gap));--half:calc(var(--page-w) + var(--rim) + var(--spine) / 2);--height:calc(var(--page-h) + 2 * var(--rim));--r-board:calc(var(--c) * 0.08);--r-page:calc(var(--c) * 0.045);--board:var(--color-encre);--edge:color-mix(in oklch,var(--color-ivoire) 13%,var(--color-encre));--paper:var(--pf-raised);--ease:cubic-bezier(0.45,0,0.25,1);--l:max(1.25px,calc(var(--c) * 0.0095));--thick-right:var(--l) 0 0 var(--board),calc(2 * var(--l)) 0 0 var(--paper),calc(3 * var(--l)) 0 0 var(--board),calc(4 * var(--l)) 0 0 var(--paper);position:absolute;top:calc(46% - var(--height) / 2);left:calc(50% - var(--half));width:calc(2 * var(--half));height:var(--height);perspective:calc(var(--c) * 14);user-select:none;pointer-events:none}.pfac-album[data-place=band]{--c:min(calc((100cqh - 26px) / 1.64),calc((100cqw - 28px) / 4.74));--pad:calc(var(--c) * 0.07);--pad-in:calc(var(--c) * 0.16);--gap:calc(var(--c) * 0.07);--rim:calc(var(--c) * 0.05);--spine:calc(var(--c) * 0.04);--rows:1;--board:var(--color-encre-2);--edge:color-mix(in oklch,var(--color-ivoire) 16%,var(--color-encre-2));--paper:var(--color-encre-3);--thick-right:var(--l) 0 0 var(--board),calc(2 * var(--l)) 0 0 var(--paper);top:8px}.pfac-bed{position:absolute;top:0;z-index:0;width:var(--half);height:100%;box-shadow:0 calc(var(--c) * .1) calc(var(--c) * .34) calc(var(--c) * -.06) var(--pf-shadow)}.pfac-bed[data-side=right]{left:50%;border-radius:0 var(--r-board) var(--r-board) 0}.pfac-bed[data-side=left]{left:0;border-radius:var(--r-board) 0 0 var(--r-board)}.pfac-board{position:absolute;top:0;left:50%;z-index:1;width:var(--half);height:100%;border-radius:0 var(--r-board) var(--r-board) 0;background:var(--board);box-shadow:inset 0 0 0 1px var(--edge)}.pfac-page{position:absolute;width:var(--page-w);height:var(--page-h);padding:var(--pad) var(--pad-in) var(--pad) var(--pad);border-radius:var(--r-page);background:var(--paper)}.pfac-page[data-side=right]{top:var(--rim);left:calc(50% + var(--spine) / 2);z-index:2;padding:var(--pad) var(--pad) var(--pad) var(--pad-in);box-shadow:var(--thick-right)}.pfac-leaf .pfac-page{top:0;left:0}.pfac-cases{display:grid;grid-template-columns:repeat(2,var(--c));grid-auto-rows:var(--card-h);gap:var(--gap)}.pfac-missing{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--c) * .04);min-width:0;padding:calc(var(--c) * .075);border:1px solid var(--pf-line-strong);border-radius:calc(var(--c) * .06);container-type:inline-size}.pfac-missing__name{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--pf-text-muted);font-size:8.6cqw;font-weight:600;line-height:1.22;letter-spacing:-.01em}.pfac-missing__dot{flex:none;width:4.4cqw;height:4.4cqw;border-radius:50%;background:var(--r)}@container (width < 110px){.pfac-missing__name{font-size:11cqw}.pfac-missing__dot{width:6cqw;height:6cqw}}.pfac-folio{position:absolute;bottom:calc((var(--pad) - 1em) / 2);color:var(--pf-text-muted);font-size:max(10px,calc(var(--c) * .075));line-height:1;font-variant-numeric:tabular-nums}.pfac-page[data-side=left] .pfac-folio{left:var(--pad)}.pfac-page[data-side=right] .pfac-folio{right:var(--pad)}.pfac-ribbon{--w:calc(var(--c) * 0.06);position:absolute;top:0;left:calc(50% + var(--spine) / 2 + (var(--pad-in) - var(--w)) / 2);z-index:3;width:var(--w);height:calc(var(--height) + var(--c) * .25);background:var(--color-or-fonce);clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - var(--w) * .9),0 100%)}.pfac-album[data-place=band] .pfac-ribbon{height:calc(var(--height) + 10px)}.pfac-turn{position:absolute;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.pfac-turn[data-face=front]{transform:rotateY(-180deg);opacity:0}.pfac-turn[data-face=back]{transform:rotateY(-180deg) translateX(var(--o)) rotateY(180deg) translateX(calc(-1 * var(--o)))}.pfac-turn:after{content:"";position:absolute;inset:0;background:var(--color-encre);opacity:0;pointer-events:none}.pfac-cover{--o:calc(var(--half) / 2);top:0;left:50%;width:var(--half);height:100%;transform-origin:0 50%}.pfac-cover[data-face=front]{z-index:6;display:flex;flex-direction:column;align-items:center;gap:calc(var(--c) * .2);padding:calc(var(--c) * .54) 0 0 calc(var(--c) * .16);border-radius:0 var(--r-board) var(--r-board) 0;background:var(--board);box-shadow:inset 0 0 0 1px var(--edge),var(--thick-right);color:var(--color-ivoire)}.pfac-cover[data-face=front]:before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--c) * .15);width:1px;background:var(--edge)}.pfac-cover__name{font-family:var(--pf-font-display),var(--pf-font),ui-sans-serif,system-ui,sans-serif;font-size:calc(var(--c) * .26);font-weight:650;line-height:1;letter-spacing:-.02em}.pfac-cover__card{width:calc(var(--c) * 1.2)}.pfac-album[data-place=band] .pfac-cover[data-face=front]{justify-content:center;padding:0 0 0 calc(var(--c) * .16)}.pfac-cover[data-face=back]{z-index:4;border-radius:var(--r-board) 0 0 var(--r-board);background:var(--board);box-shadow:inset 0 0 0 1px var(--edge)}.pfac-endpaper{position:absolute;left:var(--rim);background:var(--paper)}.pfac-endpaper,.pfac-leaf{top:var(--rim);width:var(--page-w);height:var(--page-h);border-radius:var(--r-page)}.pfac-leaf{--o:calc((var(--page-w) + var(--spine)) / 2);left:calc(50% + var(--spine) / 2);z-index:5;transform-origin:calc(var(--spine) / -2) 50%}.pfac-edges,.pfac-leaf[data-face=front]{background:var(--paper)}.pfac-edges{position:absolute;top:calc(var(--rim) + var(--r-page));left:calc(50% - var(--spine) / 2 - var(--page-w) - 2 * var(--l));z-index:4;width:var(--l);height:calc(var(--page-h) - 2 * var(--r-page));box-shadow:calc(-2 * var(--l)) 0 0 var(--paper),calc(-4 * var(--l)) 0 0 var(--paper)}.pfac-album[data-place=band] .pfac-edges{box-shadow:none}.pfac-title{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--c) * .14);color:var(--pf-text)}.pfac-title__name{font-family:var(--pf-font-display),var(--pf-font),ui-sans-serif,system-ui,sans-serif;font-size:calc(var(--c) * .34);font-weight:650;line-height:1;letter-spacing:-.025em}.pfac-title__count{color:var(--pf-text-muted);font-size:calc(var(--c) * .11);line-height:1.2}@keyframes pfac-turn-front{0%{transform:rotateY(0deg)}}@keyframes pfac-turn-back{0%{transform:rotateY(0deg) translateX(var(--o)) rotateY(180deg) translateX(calc(-1 * var(--o)))}}@keyframes pfac-face-front{0%{opacity:1;animation-timing-function:step-end}38.75%,to{opacity:0}}@keyframes pfac-face-back{0%{opacity:0;animation-timing-function:step-end}38.75%,to{opacity:1}}@keyframes pfac-slide{0%{translate:-25% 0}}@keyframes pfac-dim-front{0%{opacity:0}38.75%,to{opacity:.16}}@keyframes pfac-dim-back{0%,38.75%{opacity:.16}to{opacity:0}}@keyframes pfac-bed-in{0%,80%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:no-preference){.pfac-album{animation:pfac-slide 1.3s var(--ease) .3s both}.pfac-turn{animation-timing-function:var(--ease),linear;animation-fill-mode:both}.pfac-turn[data-face=front]{animation-name:pfac-turn-front,pfac-face-front}.pfac-turn[data-face=back]{animation-name:pfac-turn-back,pfac-face-back}.pfac-turn:after{animation:pfac-dim-front 1.3s linear .3s both}.pfac-turn[data-face=back]:after{animation-name:pfac-dim-back}.pfac-cover,.pfac-cover:after{animation-duration:1.3s;animation-delay:.3s}.pfac-leaf,.pfac-leaf:after{animation-duration:1.2s;animation-delay:1.3s}.pfac-bed[data-side=left],.pfac-edges{animation:pfac-bed-in 1.3s linear .3s both}.pfac-album:not([data-go]),.pfac-album:not([data-go]) .pfac-bed,.pfac-album:not([data-go]) .pfac-edges,.pfac-album:not([data-go]) .pfac-turn,.pfac-album:not([data-go]) .pfac-turn:after{animation-play-state:paused}.pfac-album:not([data-mount]) .pfac-leaf[data-face=back],.pfac-album:not([data-mount]) .pfac-page[data-side=right]{display:none}.pfac-album[data-skip],.pfac-album[data-skip] .pfac-bed,.pfac-album[data-skip] .pfac-edges,.pfac-album[data-skip] .pfac-turn,.pfac-album[data-skip] .pfac-turn:after{animation:none}}.pfac-album[data-open] .pfac-cover[data-face=front]{display:none}@media (prefers-reduced-motion:reduce){.pfac-cover[data-face=front]{display:none}}}@layer theme, base, cards, components, utilities;@property --pfac-pitch{syntax:"<length>";inherits:true;initial-value:120px}@property --pfac-u{syntax:"<length>";inherits:true;initial-value:11px}@property --pfac-colw{syntax:"<length>";inherits:true;initial-value:99px}@property --pfac-cw{syntax:"<length>";inherits:true;initial-value:200px}@property --pfac-row{syntax:"<length>";inherits:true;initial-value:22px}@property --pfac-fh{syntax:"<length>";inherits:true;initial-value:0}@property --pfac-sx{syntax:"<length>";inherits:true;initial-value:0}@property --pfac-ty{syntax:"<length>";inherits:true;initial-value:0}@layer components{.pfac-ency{--beat:6s;--round:calc(6 * var(--beat));--lead:calc(var(--beat) * 35 / 60);--open:calc(var(--beat) / 4);--ink:color-mix(in oklab,var(--pf-text-muted) 52%,var(--pf-bg));--ink-letter:color-mix(in oklab,var(--pf-text-muted) 84%,var(--pf-bg));position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;font-family:var(--pf-font),ui-sans-serif,system-ui,sans-serif;user-select:none;pointer-events:none}.pfac-ency[data-place=panel]{--n:4;--pfac-cap:64px;--pfac-pitch:round(down,calc(100cqw / var(--n)),1px);--pfac-u:min(13px,calc(var(--pfac-pitch) / 10.5));--pfac-colw:round(down,calc(9 * var(--pfac-u)),0.015625px);--pfac-cw:calc(var(--pfac-pitch) + var(--pfac-colw));--pfac-row:calc((var(--pfac-cw) * 88 / 63 + 0.6 * var(--pfac-u)) / 15);--pfac-fh:round(down,calc(100cqh - var(--pfac-cap)),var(--pfac-row));--pfac-sx:round(nearest,calc((var(--n) - 2) / 2 * var(--pfac-pitch) + (var(--pfac-pitch) - var(--pfac-colw)) / 2),1px);--pfac-ty:round(nearest,calc(max(round(nearest, calc(var(--pfac-fh) / 2 + 7 * var(--pfac-row)), var(--pfac-row)),
            calc(var(--pfac-fh) - var(--below) * var(--pfac-row))) - var(--stop) * var(--pfac-row)),1px)}@container pfa-art (width >= 693px){.pfac-ency[data-place=panel]{--n:6}}@container pfa-art (width >= 1150px){.pfac-ency[data-place=panel]{--n:8}}@container pfa-art (width >= 1530px){.pfac-ency[data-place=panel]{--n:10}}.pfac-field{position:relative;flex:none;width:calc(var(--n) * var(--pfac-pitch));height:var(--pfac-fh);margin:auto auto 0;overflow:hidden}.pfac-pair{position:absolute;top:0;left:0;display:grid;grid-template-columns:repeat(2,var(--pfac-colw));grid-template-rows:repeat(var(--rows),var(--pfac-row));column-gap:calc(var(--pfac-pitch) - var(--pfac-colw));font-size:var(--pfac-u);line-height:var(--pfac-row);color:var(--ink)}.pfac-pair,.pfac-slot{translate:calc(var(--pfac-sx) + 2 * var(--d) * var(--pfac-pitch)) var(--pfac-ty)}.pfac-col{display:block;min-width:0;overflow:hidden;white-space:pre}.pfac-letter{display:inline-block;height:var(--pfac-row);color:var(--ink-letter);font-family:var(--pf-font-display),var(--pf-font),ui-sans-serif,system-ui,sans-serif;font-weight:650;vertical-align:top}.pfac-patch{display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;grid-auto-flow:column}.pfac-pair[data-k="0"] .pfac-patch{opacity:0}.pfac-pick{position:relative;white-space:nowrap}.pfac-pick__name{display:block}.pfac-pick__lit{position:absolute;top:0;left:0;color:var(--pf-text);font-weight:560;opacity:0}.pfac-pick__lit:before{content:"";position:absolute;top:50%;left:-.62em;width:max(2px,.16em);height:1.2em;margin-top:-.6em;border-radius:1px;background:var(--pf-accent);transform:scaleY(0)}.pfac-pair[data-k="0"] .pfac-pick__name{opacity:0}.pfac-pair[data-k="0"] .pfac-pick__lit{opacity:1}.pfac-pair[data-k="0"] .pfac-pick__lit:before{transform:none}.pfac-cards{--lift:calc(0.6 * var(--pfac-u));position:absolute;inset:0;mask-image:linear-gradient(to bottom,#000 calc(var(--stop) * var(--pfac-row) + var(--pfac-ty) - var(--lift)),transparent calc(var(--stop) * var(--pfac-row) + var(--pfac-ty)))}.pfac-slot{--ch:calc(var(--pfac-cw) * 88 / 63);--pad:calc(var(--pfac-cw) * 0.24);--down:calc(var(--ch) + var(--lift) + var(--pfac-cw) * 0.14);--wait:calc(var(--ch) + var(--lift) - 2px);position:absolute;top:calc(var(--stop) * var(--pfac-row) - var(--lift) - var(--ch) - var(--pad));left:calc(-1 * var(--pad));width:calc(var(--pfac-cw) + 2 * var(--pad));height:calc(var(--ch) + var(--lift) + var(--pad));overflow:hidden}.pfac-rise{position:absolute;top:var(--pad);left:var(--pad);width:var(--pfac-cw);translate:0 var(--down)}.pfac-slot[data-k="0"] .pfac-rise{translate:none}.pfac-later:not([data-ready]){opacity:0}.pfac-caption{flex:none;display:flex;align-items:center;height:var(--pfac-cap);padding:0 clamp(28px,3.4vw,56px);border-top:1px solid var(--pf-line);color:var(--pf-text);font-family:var(--pf-font-display),var(--pf-font),ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.0625rem,.95rem + .3vw,1.25rem);font-weight:600;line-height:1.3;letter-spacing:-.01em;white-space:nowrap}.pfac-ency[data-place=band]{--open:calc(var(--beat) * 13 / 60);--n:3;--pfac-pitch:round(down,calc(100cqw / var(--n)),1px);--pfac-u:11px;--pfac-colw:99px;--pfac-row:calc(100cqh / 5);--pfac-cw:calc((100cqh - 12px) * 63 / 88);--pfac-fh:100cqh;--pfac-sx:round(nearest,calc((var(--n) - 1) / 2 * var(--pfac-pitch) + (var(--pfac-pitch) - var(--pfac-colw)) / 2),1px);--pfac-ty:0px}@container pfa-art (width >= 578px){.pfac-ency[data-place=band]{--n:5}}@container pfa-art (width >= 809px){.pfac-ency[data-place=band]{--n:7}}.pfac-ency[data-place=band] .pfac-slot{--down:calc(var(--pfac-fh) + var(--pfac-cw) * 0.2);--wait:calc(var(--pfac-fh) - 8px);top:0;left:calc((var(--pfac-colw) - var(--pfac-cw)) / 2);width:var(--pfac-cw);height:100%;overflow:visible}.pfac-ency[data-place=band] .pfac-cards{mask-image:none}.pfac-ency[data-place=band] .pfac-rise{top:6px;left:0}.pfac-ency[data-place=band] .pfac-pair[data-k="0"] .pfac-pick__lit{opacity:0}.pfac-pair,.pfac-slot{--at:calc((var(--k) - 6) * var(--beat) - var(--lead) + var(--open));--go:calc((var(--k) - 9) * var(--beat) + var(--open))}.pfac-patch{--at:calc((var(--k) - 6) * var(--beat) - var(--lead) + var(--open) + var(--b) * var(--beat) / 60)}@keyframes pfac-scroll{0%{translate:calc(var(--pfac-sx) + 6 * var(--pfac-pitch)) var(--pfac-ty)}to{translate:calc(var(--pfac-sx) - 6 * var(--pfac-pitch)) var(--pfac-ty)}}@keyframes pfac-aside{0%,0.8333%{opacity:1;animation-timing-function:cubic-bezier(.33,0,.67,1)}1.9444%,16.9444%{opacity:0;animation-timing-function:cubic-bezier(.33,0,.67,1)}18.0556%,to{opacity:1}}@keyframes pfac-name{0%,0.8333%{opacity:1;animation-timing-function:ease-in-out}1.6667%,16.6667%{opacity:0;animation-timing-function:ease-in-out}17.5%,to{opacity:1}}@keyframes pfac-lit{0%,0.8333%{opacity:0;animation-timing-function:ease-in-out}1.6667%,16.6667%{opacity:1;animation-timing-function:ease-in-out}17.5%,to{opacity:0}}@keyframes pfac-mark{0%,1.1111%{transform:scaleY(0);animation-timing-function:cubic-bezier(.16,1,.3,1)}16.3889%,2.2222%{transform:scaleY(1);animation-timing-function:cubic-bezier(.7,0,.84,0)}16.9444%,to{transform:scaleY(0)}}@keyframes pfac-rise{0%,1.6667%{translate:0 var(--wait);opacity:0}1.6668%{translate:0 var(--wait);opacity:1;animation-timing-function:cubic-bezier(.33,1,.68,1)}13.8889%,5.5556%{translate:0 0;opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1)}16.9444%,98.8889%{translate:0 var(--down);opacity:1}98.889%,to{translate:0 var(--wait);opacity:0}}@keyframes pfac-band-name{0%,0.8333%{opacity:1;animation-timing-function:ease-in-out}1.6667%,15.5556%{opacity:0;animation-timing-function:ease-in-out}16.3889%,to{opacity:1}}@keyframes pfac-band-lit{0%,0.8333%{opacity:0;animation-timing-function:ease-in-out}1.6667%,3.8889%{opacity:1;animation-timing-function:ease-in-out}4.3056%,to{opacity:0}}@keyframes pfac-band-rise{0%,3.3333%{translate:0 var(--wait);opacity:0}3.3334%{translate:0 var(--wait);opacity:1;animation-timing-function:cubic-bezier(.33,1,.68,1)}13.8889%,6.1111%{translate:0 0;opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1)}16.9444%,98.8889%{translate:0 var(--down);opacity:1}98.889%,to{translate:0 var(--wait);opacity:0}}@media (prefers-reduced-motion:no-preference){.pfac-pair,.pfac-slot{animation:pfac-scroll var(--round) linear var(--go) infinite both}.pfac-patch{animation:pfac-aside var(--round) linear var(--at) infinite both}.pfac-pick__name{animation:pfac-name var(--round) linear var(--at) infinite both}.pfac-pick__lit{animation:pfac-lit var(--round) linear var(--at) infinite both}.pfac-pick__lit:before{animation:pfac-mark var(--round) linear var(--at) infinite both}.pfac-rise{animation:pfac-rise var(--round) linear var(--at) infinite both}.pfac-ency[data-place=band] .pfac-pick__name{animation-name:pfac-band-name}.pfac-ency[data-place=band] .pfac-pick__lit{animation-name:pfac-band-lit}.pfac-ency[data-place=band] .pfac-rise{animation-name:pfac-band-rise}.pfac-ency[data-place=panel] .pfac-field{mask-image:linear-gradient(90deg,transparent,#000 40px)}.pfac-later{transition:opacity .4s ease-out}}}