.pf-cell-crop{transform-origin:50%;will-change:transform;width:100%;height:100%;position:absolute;top:50%;left:50%}.pf-cell-fallback{background:color-mix(in srgb, currentColor 10%, transparent);position:absolute;inset:0}.pf-cell-fallback:after{content:"";background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--accent) 28%, transparent), transparent 62%);position:absolute;inset:0}.pf-cell-crop img,.pf-cell-fallback{transition:transform .45s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.pf-col-cell:hover img,.pf-diag-cell:hover img,.pf-loop-cell:hover img,.pf-grid-cell:hover img,.pf-expo-item:hover img{transform:scale(1.05)}}.pf-hover{background:var(--accent);opacity:0;pointer-events:none;z-index:1;transition:opacity .3s;position:absolute;inset:0}@media (hover:hover){.pf-col-cell:hover .pf-hover,.pf-diag-cell:hover .pf-hover,.pf-loop-cell:hover .pf-hover,.pf-grid-cell:hover .pf-hover,.pf-expo-item:hover .pf-hover{opacity:.16}}.pf-col-cell:focus-visible,.pf-loop-cell:focus-visible,.pf-grid-cell:focus-visible,.pf-expo-item:focus-visible,.pf-stack-card:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.pf-diag-cell:focus-visible .pf-hover{opacity:.28}@media (prefers-reduced-motion:reduce){.pf-cell-crop img,.pf-hover,.pf-loop-track{transition:none;animation:none}}.pf-more{justify-content:center;margin-top:clamp(16px,3vw,28px);display:flex}.pf-more-btn{font:inherit;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);cursor:pointer;background:0 0;border-radius:999px;padding:.7em 1.7em;transition:background .25s}.pf-more-btn:hover{background:color-mix(in srgb, var(--accent) 15%, transparent)}.pf-more-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pf-cols{gap:0;width:100%;display:flex}.pf-col{flex-direction:column;flex:1 1 0;gap:0;min-width:0;display:flex}.pf-col-cell{cursor:pointer;display:block;position:relative}.pf-col-frame{width:100%;position:relative;overflow:hidden}.pf-diag{width:100%;position:relative}.pf-diag-cell{cursor:pointer}.pf-diag-bleed{width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;inset:-2px}.pf-loop-window{gap:0;width:100%;height:clamp(420px,72vh,760px);display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 8% 92%,#0000);mask-image:linear-gradient(#0000,#000 8% 92%,#0000)}.pf-loop-col{flex:1 1 0;min-width:0;position:relative;overflow:hidden}.pf-loop-track{will-change:transform;flex-direction:column;gap:0;animation-name:pf-loop-scroll;animation-timing-function:linear;animation-iteration-count:infinite;display:flex}.pf-loop-track[data-paused]{animation-play-state:paused}@keyframes pf-loop-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.pf-loop-cell{aspect-ratio:3/4;cursor:pointer;width:100%;display:block;position:relative;overflow:hidden}.pf-loop-static{grid-template-columns:repeat(3,1fr);gap:0;display:grid}.pf-loop-static[data-cols="2"]{grid-template-columns:repeat(2,1fr)}.pf-grid-wrap{container-type:inline-size}.pf-grid{grid-template-columns:repeat(2,1fr);gap:0;display:grid}@container (min-width:560px){.pf-grid{grid-template-columns:repeat(3,1fr)}}@container (min-width:820px){.pf-grid{grid-template-columns:repeat(4,1fr)}}.pf-grid-cell{cursor:pointer;min-width:0;display:block;position:relative}.pf-grid-frame{aspect-ratio:4/5;width:100%;position:relative;overflow:hidden}.pf-expo-wrap{container-type:inline-size}.pf-expo{grid-auto-flow:dense;grid-template-columns:repeat(2,50cqw);gap:0;display:grid}@container (min-width:560px){.pf-expo{grid-template-columns:repeat(3,33.3333cqw)}}@container (min-width:820px){.pf-expo{grid-template-columns:repeat(4,25cqw)}}.pf-expo-item{aspect-ratio:4/5;cursor:pointer;min-width:0;display:block;position:relative}@container (min-width:560px){.pf-expo-item:nth-child(6n+1){grid-area:span 2/span 2}}.pf-expo-art{box-sizing:border-box;background:color-mix(in srgb, currentColor 6%, transparent);border:1px solid color-mix(in srgb, currentColor 18%, transparent);height:100%;padding:clamp(5px,.9vw,10px);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s;position:relative;box-shadow:0 12px 24px -16px #0000008c}@media (hover:hover){.pf-expo-item:hover .pf-expo-art{z-index:2;transform:translateY(-5px);box-shadow:0 26px 44px -18px #000000b3,0 10px 20px -12px #00000073}}.pf-expo-canvas{box-sizing:border-box;width:100%;height:100%;position:relative;overflow:hidden}.pf-expo-num{z-index:3;pointer-events:none;letter-spacing:.2em;color:var(--accent);text-shadow:0 1px 6px #000c;font-size:12px;position:absolute;bottom:clamp(9px,1vw,14px);left:clamp(12px,1.2vw,18px)}.pf-stack{grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);padding:10px 0;display:grid}.pf-stack-card{aspect-ratio:4/5;cursor:pointer;border:1px solid color-mix(in srgb, currentColor 16%, transparent);border-radius:12px;display:block;position:relative;overflow:hidden;box-shadow:0 22px 46px -18px #0009}.pf-stack-card:nth-child(3n+2){margin-top:clamp(20px,4vw,54px)}.pf-stack-card:nth-child(3n+3){margin-top:clamp(8px,2vw,26px)}.pf-stack-num{z-index:3;pointer-events:none;letter-spacing:.16em;color:var(--accent);text-shadow:0 1px 6px #000000d9;font-size:11px;position:absolute;bottom:8px;left:10px}@media (max-width:880px){.pf-stack{grid-template-columns:1fr 1fr}.pf-stack-card:nth-child(3n+2),.pf-stack-card:nth-child(3n+3){margin-top:0}.pf-stack-card:nth-child(2n){margin-top:clamp(18px,5vw,30px)}}@media (max-width:420px){.pf-stack{grid-template-columns:1fr}.pf-stack-card:nth-child(2n){margin-top:0}}
