.gf{--gf-k:.94;--gf-px:0;--gf-py:0;--gf-hinge:0deg;--gf-lift:14px;--gf-spread:0px;--gf-fan:0deg;--gf-stack:15px;width:calc(340px * var(--gf-k));height:calc(326px * var(--gf-k));font-family:var(--font);-webkit-tap-highlight-color:transparent;isolation:isolate;display:block;position:relative}@media (width<=359px){.gf{--gf-k:.8}}@media (width>=600px){.gf{--gf-k:1.12}}@media (width>=1000px){.gf{--gf-k:1.3}}@media (hover:hover){.gf:hover{--gf-hinge:-11deg;--gf-lift:-34px;--gf-spread:8px;--gf-fan:1.4deg;--gf-stack:10px}}.gf:focus-within{--gf-hinge:-11deg;--gf-lift:-34px;--gf-spread:8px;--gf-fan:1.4deg;--gf-stack:10px}.gf[data-open]{--gf-hinge:-24deg;--gf-lift:-112px;--gf-spread:44px;--gf-fan:4.5deg;--gf-stack:32px}@media (width<=599px){.gf[data-open]{--gf-spread:30px;--gf-fan:3.5deg}}.gf-stage{transform-origin:0 0;width:340px;height:272px;transform:translateY(calc(54px * var(--gf-k))) scale(var(--gf-k));position:absolute;top:0;left:0}.gf-tilt{transform:perspective(1400px) rotateX(calc(var(--gf-py) * -3deg)) rotateY(calc(var(--gf-px) * 4deg));transition:transform var(--dur-drift) var(--ease-out);position:absolute;inset:0}.gf-shadow{filter:blur(22px);height:60px;transform:translateX(calc(var(--gf-px) * -8px));transition:transform var(--dur-drift) var(--ease-out), opacity var(--dur-drift) var(--ease-out);background:#0000008c;border-radius:40px;position:absolute;bottom:-6px;left:18px;right:18px}.gf-back{clip-path:path("M0 56A22 22 0 0 1 22 34L146 34C170 34 172 0 198 0L318 0A22 22 0 0 1 340 22L340 250A22 22 0 0 1 318 272L22 272A22 22 0 0 1 0 250Z");background:linear-gradient(160deg, #24483c 0%, var(--board) 46%, var(--deep) 100%);position:absolute;inset:0;overflow:hidden}.gf-art{opacity:0;filter:blur(14px)saturate(.6);width:364px;max-width:none;height:296px;transform:translate(calc(var(--gf-px) * -7px), calc(var(--gf-py) * -6px)) scale(1.02);transition:transform var(--dur-drift) var(--ease-out), opacity var(--dur-drift) var(--ease-out), filter var(--dur-drift) var(--ease-out);position:absolute;top:-12px;left:-12px}.gf-art[data-ready]{opacity:1;filter:none}.gf-back-sheen{pointer-events:none;background:linear-gradient(#fff3 0%,#fff0 22%),radial-gradient(120% 80% at 80% 0,#ffffff24,#fff0 60%);position:absolute;inset:0}.gf-rim{pointer-events:none;fill:none;max-width:none;position:absolute;top:0;left:0;overflow:visible}.gf-back-rim{width:340px;height:272px}.gf-back-rim path{stroke:#f2f0e966;stroke-width:1px}.gf-files{z-index:5;pointer-events:none;clip-path:inset(-400px -400px 10px);margin:0;padding:0;list-style:none;position:absolute;inset:0}.gf-file{display:contents}.gf-sheet{--gf-pick:0px;box-sizing:border-box;cursor:pointer;pointer-events:auto;transform-origin:50% 62%;width:272px;height:385px;transform:translate(calc(var(--gf-jx) + var(--gf-slot) * var(--gf-spread)), calc(var(--gf-lift) + var(--gf-depth) * var(--gf-stack) * -1 + var(--gf-pick))) rotate(calc(var(--gf-jr) + var(--gf-slot) * var(--gf-fan)));transition:transform var(--spring-snap-ms) var(--spring-snap) calc(var(--gf-depth) * 40ms), box-shadow var(--dur-state) var(--ease-out), translate var(--dur-drift) var(--ease-out), opacity var(--dur-drift) var(--ease-out);background:#fcfcf9;border-radius:3px;display:block;position:absolute;top:96px;left:34px;overflow:hidden;box-shadow:0 0 0 .5px #00000024,0 10px 26px -8px #00000073}.gf-sheet img{object-fit:cover;object-position:top;pointer-events:none;width:100%;height:100%;display:block}.gf-file:first-child .gf-sheet{--gf-jx:-2.6px;--gf-jr:-.9deg;z-index:1}.gf-file:nth-child(2) .gf-sheet{--gf-jx:3.1px;--gf-jr:.7deg;z-index:2}.gf-file:nth-child(3) .gf-sheet{--gf-jx:-1.2px;--gf-jr:1.1deg;z-index:3}.gf-file:nth-child(4) .gf-sheet{--gf-jx:2px;--gf-jr:-.5deg;z-index:4}.gf[data-n="1"] .gf-sheet{--gf-slot:0;--gf-depth:0}.gf[data-n="2"] .gf-file:first-child .gf-sheet{--gf-slot:-1;--gf-depth:1}.gf[data-n="2"] .gf-file:nth-child(2) .gf-sheet{--gf-slot:1;--gf-depth:0}.gf[data-n="3"] .gf-file:first-child .gf-sheet{--gf-slot:-1;--gf-depth:2}.gf[data-n="3"] .gf-file:nth-child(2) .gf-sheet{--gf-slot:0;--gf-depth:1}.gf[data-n="3"] .gf-file:nth-child(3) .gf-sheet{--gf-slot:1;--gf-depth:0}.gf[data-n="4"] .gf-file:first-child .gf-sheet{--gf-slot:-1;--gf-depth:3}.gf[data-n="4"] .gf-file:nth-child(2) .gf-sheet{--gf-slot:-.333;--gf-depth:2}.gf[data-n="4"] .gf-file:nth-child(3) .gf-sheet{--gf-slot:.333;--gf-depth:1}.gf[data-n="4"] .gf-file:nth-child(4) .gf-sheet{--gf-slot:1;--gf-depth:0}.gf-sheet.is-picked{--gf-pick:-78px;box-shadow:0 0 0 .5px #00000024,0 22px 40px -12px #0000008c}.gf[data-open] .gf-sheet:hover,.gf[data-open] .gf-sheet:focus-visible,.gf[data-open] .gf-sheet.is-picked{--gf-pick:-22px;transform:translate(calc(var(--gf-jx) + var(--gf-slot) * var(--gf-spread)), calc(var(--gf-lift) + var(--gf-depth) * var(--gf-stack) * -1 + var(--gf-pick))) rotate(calc(var(--gf-slot) * var(--gf-fan) * .6));transition-delay:0s;box-shadow:0 0 0 .5px #00000024,0 22px 40px -12px #0000008c}.sg-root .gf-sheet:focus-visible{outline:2.5px solid var(--chalk);outline-offset:2px;box-shadow:0 0 0 2px var(--deep), 0 22px 40px -12px #0000008c}.gf-front{z-index:10;width:340px;height:198px;clip-path:path("M0 22A22 22 0 0 1 22 0L118 0C144 0 146 32 172 32L318 32A22 22 0 0 1 340 54L340 176A22 22 0 0 1 318 198L22 198A22 22 0 0 1 0 176Z");backdrop-filter:blur(22px)saturate(1.5);transform-origin:50% 100%;transform:perspective(760px) rotateX(var(--gf-hinge));transition:transform var(--spring-soft-ms) var(--spring-soft), translate var(--dur-drift) var(--ease-out), opacity var(--dur-drift) var(--ease-out);position:absolute;top:74px;left:0}.gf-tint{background:linear-gradient(#fafaf72e 0%,#fafaf770 42%,#fafaf7f0 100%);position:absolute;inset:0}.gf-spec{background:radial-gradient(260px 200px at calc(50% + var(--gf-px) * 46%) calc(30% + var(--gf-py) * 40%), #ffffff80, #fff0 70%);mix-blend-mode:soft-light;opacity:.9;pointer-events:none;position:absolute;inset:0}.gf-front-rim{width:340px;height:198px}.gf-front-rim path{stroke-width:2.4px}.gf-hit{all:unset;z-index:1;cursor:pointer;position:absolute;inset:0}.sg-root .gf-hit:focus-visible{outline:none}.gf:has(.gf-hit:focus-visible){outline:2.5px solid var(--focus);outline-offset:10px;border-radius:18px}.gf-label{z-index:2;pointer-events:none;max-width:240px;color:var(--ink);flex-direction:column;gap:3px;display:flex;position:absolute;bottom:28px;left:28px}.gf-title{letter-spacing:-.012em;font-size:19px;font-weight:700;line-height:1.15}.gf-meta{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:13px;font-weight:500}.gf[data-gf-ready]:not([data-entered]) .gf-back,.gf[data-gf-ready]:not([data-entered]) .gf-back-rim{opacity:0;translate:0 22px}.gf[data-gf-ready]:not([data-entered]) .gf-sheet{opacity:0;translate:0 -120px}.gf[data-gf-ready]:not([data-entered]) .gf-front{opacity:0;translate:0 46px}.gf[data-gf-ready]:not([data-entered]) .gf-shadow{opacity:0}.gf-back,.gf-back-rim{transition:translate var(--dur-drift) var(--ease-out), opacity var(--dur-drift) var(--ease-out)}.gf[data-entered] .gf-sheet{transition-delay:calc(var(--gf-depth) * 40ms), 0s, calc(.18s + var(--gf-depth) * 90ms), calc(.18s + var(--gf-depth) * 90ms)}.gf[data-entered] .gf-front{transition-delay:0s,.42s,.42s}.gf-hint{z-index:1;color:var(--fg-2);margin:20px 0 0;font-size:.9rem;position:relative}@media (hover:hover){.gf-hint{display:none}}.gf-viewer{box-sizing:border-box;width:100%;max-width:none;height:100%;max-height:none;color:var(--chalk);overscroll-behavior:contain;background:0 0;border:0;margin:0;padding:clamp(16px,4vw,40px);overflow:auto}.gf-viewer::backdrop{background:#091b16fb;transition:opacity .18s cubic-bezier(.4,0,1,1)}.gf-viewer[open]::backdrop{animation:.22s cubic-bezier(.22,1,.36,1) gf-dim}.gf-viewer.is-leaving::backdrop{opacity:0}@keyframes gf-dim{0%{opacity:0}}.gf-viewer[open]{place-items:center;display:grid}html:has(.gf-viewer[open]){overflow:hidden}.gf-viewer-inner{justify-items:center;gap:24px;width:100%;max-width:980px;display:grid}.gf-viewer-page{width:min(100%,520px);margin:0}.gf-viewer-page img{background:#fcfcf9;border-radius:2px;width:100%;height:auto;display:block;box-shadow:0 30px 60px -28px #000c,0 8px 18px -10px #00000080}.gf-viewer-side{width:min(100%,520px)}.gf-viewer-count{font-variant-numeric:tabular-nums;color:var(--dim);margin:0;font-size:.9rem}.gf-viewer-name{letter-spacing:-.015em;color:var(--chalk);margin:6px 0 0;font-size:clamp(1.35rem,2.4vw,1.7rem);font-weight:700;line-height:1.15}.gf-viewer-caption{max-width:44ch;color:var(--dim);text-wrap:pretty;margin:10px 0 0;font-size:1rem;line-height:1.6}.gf-viewer-nav{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.gf-viewer-btn{min-height:44px;color:var(--chalk);font:600 .95rem/1 var(--font);cursor:pointer;transition:background-color var(--dur-feedback) var(--ease-out), border-color var(--dur-feedback) var(--ease-out);background:0 0;border:1.5px solid #f2f0e95c;border-radius:999px;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.gf-viewer-btn:hover{border-color:var(--chalk);background:#f2f0e914}.gf-viewer-btn:disabled{opacity:.4;cursor:default}.gf-viewer-btn--close{background:var(--chalk);border-color:var(--chalk);color:var(--deep)}.gf-viewer-btn--close:hover{background:#fff}.gf-viewer-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}@media (width>=900px) and (height>=560px){.gf-viewer-inner{grid-template-columns:auto minmax(240px,320px);align-items:center;gap:clamp(32px,4vw,56px)}.gf-viewer-page{width:auto}.gf-viewer-page img{aspect-ratio:640/905;width:auto;height:min(100dvh - 80px,905px)}.gf-viewer-side{width:auto}}@media (prefers-reduced-motion:reduce){.gf-tilt{transition:none;transform:none}.gf-sheet,.gf-front,.gf-shadow,.gf-back,.gf-back-rim{transition:opacity var(--dur-enter) var(--ease-out)}.gf-art{transition:opacity var(--dur-enter) var(--ease-out);transform:none}}
