.wall{background:var(--background);width:100%;max-width:none;height:100dvh;max-height:none;color:var(--foreground);border:0;margin:0;padding:0;position:fixed;inset:0;overflow:clip}.wall::backdrop{background:0 0}.wall[open]{animation:wall-in .9s var(--ease-out-quint)}@keyframes wall-in{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}.wall-surface{cursor:grab;touch-action:pinch-zoom;-webkit-user-select:none;user-select:none;animation:wall-settle 1.4s var(--ease-out-quint);position:absolute;inset:0;overflow:clip}.wall-surface[data-dragging=true]{cursor:grabbing}@keyframes wall-settle{0%{opacity:0;scale:1.12}to{opacity:1;scale:1}}.wall-slot{--slot-w:max(12.5rem, 17vw);width:var(--slot-w);outline-offset:6px;will-change:transform;-webkit-user-drag:none;row-gap:.6rem;display:grid;position:absolute;top:0;left:0}.wall-picture{aspect-ratio:16/9;background:color-mix(in oklab, var(--foreground) 6%, var(--background));transition:scale .6s var(--ease-out-quint);display:block;position:relative;overflow:hidden}.wall-picture img{object-fit:cover;transition:scale .9s var(--ease-out-quint)}.wall-surface[data-dragging=true] .wall-picture{scale:.95}@media (hover:hover){.wall-slot:hover .wall-picture img{scale:1.06}}.wall-caption{font-family:var(--font-sans);justify-content:space-between;gap:1rem;font-size:.8125rem;line-height:1.2;display:flex}.wall-number{color:color-mix(in oklab, var(--foreground) 45%, var(--background));font-variant-numeric:tabular-nums}.wall-bar{z-index:1;padding:.85rem clamp(1.25rem, 3vw, 2.5rem) max(.85rem, env(safe-area-inset-bottom));background:var(--background);border-top:1px solid #d9d9d9;align-items:center;gap:1.25rem;display:flex;position:absolute;inset:auto 0 0}.wall-bar .t-kicker{margin-right:auto}.wall-hint{font-family:var(--font-sans);font-size:.8125rem}@media not (min-width:48rem){.wall-slot{--slot-w:46vw}.wall-hint{display:none}}@media (prefers-reduced-motion:reduce){.wall[open],.wall-surface{animation:none}.wall-picture,.wall-picture img{transition:none}}
.pf-head{text-align:center;justify-items:center;row-gap:clamp(1rem,2vw,1.75rem);padding:clamp(9rem,15vw,13rem) 1.25rem clamp(3.5rem,7vw,6.5rem);display:grid}.pf-head .t-body{max-width:30rem}.pf-head-actions{margin-top:.5rem}.pf-index-wrap{padding:0 clamp(1.25rem,4vw,4rem) clamp(5rem,10vw,9rem)}.pf-index{border-top:1px solid #d9d9d9}.pf-index li{border-bottom:1px solid #d9d9d9}.pf-row{outline-offset:4px;grid-template-columns:2.5rem 1fr auto;align-items:center;column-gap:clamp(.75rem,2vw,2rem);padding-block:clamp(.75rem,1.4vw,1.3rem);display:grid}.pf-number{font-family:var(--font-sans);font-variant-numeric:tabular-nums;letter-spacing:.04em;align-self:start;padding-top:.55em;font-size:.75rem}.pf-name{font-family:var(--font-display);font-variation-settings:"opsz" 40;letter-spacing:-.015em;text-transform:uppercase;transition:color .5s ease, transform .7s var(--ease-out-quint);font-size:clamp(2.25rem,7vw,7.25rem);line-height:.92}.pf-index[data-hovering=true] .pf-row:not([data-active=true]) .pf-name{color:color-mix(in oklab, var(--foreground) 20%, var(--background))}.pf-row[data-active=true] .pf-name{transform:translate(.1em)}.pf-thumb{aspect-ratio:16/10;width:clamp(4rem,16vw,7rem);display:none;position:relative;overflow:hidden}.pf-thumb img{object-fit:cover}.pf-follow{--size:clamp(15rem, 24vw, 25rem);z-index:30;width:var(--size);aspect-ratio:16/10;pointer-events:none;translate:calc(var(--side,0) * -100% + (1 - 2 * var(--side,0)) * 1.75rem) -50%;position:fixed;top:0;left:0}.pf-follow-frame{clip-path:inset(50%);width:100%;height:100%;transition:clip-path .7s var(--ease-out-quint);overflow:hidden}.pf-follow[data-shown=true] .pf-follow-frame{clip-path:inset(0)}.pf-follow-strip{height:100%;transform:translateY(calc(var(--at) * -100%));transition:transform .8s var(--ease-out-quint)}.pf-follow-picture{height:100%;display:block;position:relative}.pf-follow-picture img{object-fit:cover}@media not (min-width:48rem){.pf-row{grid-template-columns:1.5rem 1fr auto}.pf-name{text-wrap:balance;font-size:clamp(1.75rem,8vw,2.5rem)}.pf-number{padding-top:.35em}}@media (hover:none){.pf-thumb{display:block}.pf-follow{display:none}}@media (prefers-reduced-motion:reduce){.pf-name,.pf-follow-frame,.pf-follow-strip{transition:none}}