@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600&family=Manrope:wght@400;500;700&display=swap";:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--bg: #05070d;--text: rgba(245, 247, 252, .95);--muted: rgba(230, 235, 245, .72);--ease-out-soft: cubic-bezier(.2, .8, .24, 1);--ease-out-swift: cubic-bezier(.16, .84, .24, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;width:100%;height:100dvh;overflow:hidden}body{position:relative;color:var(--text);background:radial-gradient(circle at 20% 10%,#151a27 0%,transparent 44%),radial-gradient(circle at 80% 80%,#131a26 0%,transparent 48%),var(--bg);font-family:Manrope,sans-serif}body:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:42px 42px;opacity:.14}body:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 45%,transparent 42%,rgba(0,0,0,.3) 100%),linear-gradient(to bottom,rgba(0,0,0,.12),transparent 38%)}#gallery-app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.view{position:absolute;top:0;right:0;bottom:0;left:0;opacity:1;transform:translateY(0) scale(1);filter:blur(0);transition:opacity .26s var(--ease-out-soft),transform .36s var(--ease-out-soft),filter .32s ease}.view.is-hidden{opacity:0;transform:translateY(16px) scale(.992);filter:blur(6px);pointer-events:none}.stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;perspective:1800px;perspective-origin:50% 50%}.image-layer{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center center;will-change:transform,filter;transform-style:preserve-3d}.photo-slot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateZ(0) scale(1);transition:opacity .24s var(--ease-out-soft),filter .24s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;backface-visibility:hidden;will-change:opacity,transform,filter}.photo-slot.is-entering.motion-next{animation:photo-enter-next .54s var(--ease-out-swift) both}.photo-slot.is-entering.motion-prev{animation:photo-enter-prev .54s var(--ease-out-swift) both}.photo-slot.is-entering.motion-pick{animation:photo-enter-pick .52s var(--ease-out-swift) both}.photo-slot.is-leaving.motion-next{animation:photo-leave-next .44s ease both}.photo-slot.is-leaving.motion-prev{animation:photo-leave-prev .44s ease both}.photo-slot.is-leaving.motion-pick{animation:photo-leave-pick .38s ease both}@keyframes photo-enter-next{0%{transform:translate3d(9%,0,-220px) rotateY(14deg) scale(1.03);filter:blur(10px) brightness(.84);opacity:0}to{transform:translateZ(0) scale(1);filter:blur(0) brightness(1);opacity:1}}@keyframes photo-enter-prev{0%{transform:translate3d(-9%,0,-220px) rotateY(-14deg) scale(1.03);filter:blur(10px) brightness(.84);opacity:0}to{transform:translateZ(0) scale(1);filter:blur(0) brightness(1);opacity:1}}@keyframes photo-enter-pick{0%{transform:translate3d(0,3.2%,-260px) rotateX(4deg) scale(.98);filter:blur(10px) brightness(.82);opacity:0}to{transform:translateZ(0) scale(1);filter:blur(0) brightness(1);opacity:1}}@keyframes photo-leave-next{0%{transform:translateZ(0) scale(1);filter:blur(0) brightness(1);opacity:1}to{transform:translate3d(-8%,0,-180px) rotateY(-10deg) scale(.97);filter:blur(5px) brightness(.78);opacity:0}}@keyframes photo-leave-prev{0%{transform:translateZ(0) scale(1);filter:blur(0) brightness(1);opacity:1}to{transform:translate3d(8%,0,-180px) rotateY(10deg) scale(.97);filter:blur(5px) brightness(.78);opacity:0}}@keyframes photo-leave-pick{0%{transform:translateZ(0) scale(1);filter:blur(0) brightness(1);opacity:1}to{transform:translate3d(0,-2.4%,-160px) rotateX(-4deg) scale(1.01);filter:blur(4px) brightness(.8);opacity:0}}.spinner{position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border-radius:50%;border:2px solid rgba(255,255,255,.16);border-top-color:#ffffffdb;animation:spin .85s linear infinite;opacity:0;transition:opacity .12s ease;pointer-events:none}.spinner.is-visible{opacity:1}@keyframes spin{to{transform:rotate(1turn)}}.hud{position:absolute;left:calc(20px + var(--safe-left));right:calc(20px + var(--safe-right));bottom:calc(14px + var(--safe-bottom));display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;padding:10px 6px;background:#00000070;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transform:translateY(0);transition:opacity .26s var(--ease-out-soft),transform .32s var(--ease-out-soft),filter .28s ease}.hud.is-hidden{opacity:0;transform:translateY(14px);filter:blur(4px);pointer-events:none}.author-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:calc(14px + var(--safe-top));right:calc(14px + var(--safe-right));border:0;background:#00000070;color:var(--muted);font:600 11px/1 Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:8px 10px;margin:0;cursor:pointer;z-index:30;transition:color .18s ease,background-color .18s ease,opacity .18s ease}.author-toggle:hover{color:#fff}.author-toggle[aria-expanded=true]{color:#fff;background:#0000009e}.author-toggle.is-hidden{opacity:0;pointer-events:none}.author-card{position:absolute;top:calc(46px + var(--safe-top));right:calc(14px + var(--safe-right));width:min(320px,calc(100vw - 28px - var(--safe-left) - var(--safe-right)));background:#0000009e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:12px 14px;display:grid;gap:6px;z-index:30;opacity:1;transform:translateY(0);transition:opacity .18s ease,transform .22s var(--ease-out-soft)}.author-card.is-hidden{opacity:0;transform:translateY(-8px);pointer-events:none}.author-title{margin:0;color:#f5f7fceb;font:700 12px/1.2 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}.author-text{margin:0;color:var(--muted);font:500 14px/1.35 Manrope,sans-serif}.author-link{color:#f2f6fff2;font:600 14px/1.3 Manrope,sans-serif;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:.07em}.arrow{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text);width:44px;height:44px;padding:0;margin:0;font-size:34px;line-height:1;cursor:pointer;transition:color .18s ease,transform .18s var(--ease-out-soft),opacity .18s ease}.arrow:hover{color:#fff;transform:scale(1.08)}.arrow:active{transform:scale(.94)}.tags-wrap{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;min-height:44px;text-align:center;opacity:0;transition:opacity .14s ease}.tags-wrap.is-ready{opacity:1}.tag{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);font:500 18px/1.2 Manrope,sans-serif;padding:0;margin:0;cursor:pointer;text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:.07em;transition:color .18s ease}.tag:hover{color:#fff}.grid-view{overflow-y:auto;padding:calc(20px + var(--safe-top)) calc(16px + var(--safe-right)) calc(20px + var(--safe-bottom)) calc(16px + var(--safe-left))}.grid-title{font:700 34px/1.08 Fraunces,serif;letter-spacing:.01em;margin:0 0 16px;color:var(--text);opacity:0;transform:translateY(12px);transition:opacity .34s var(--ease-out-soft),transform .42s var(--ease-out-soft)}.grid-view:not(.is-hidden) .grid-title{opacity:1;transform:translateY(0)}.grid-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),320px));justify-content:center;align-content:start;gap:10px}.grid-items.has-single{grid-template-columns:minmax(min(300px,100%),min(680px,92vw))}.grid-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;margin:0;cursor:pointer;aspect-ratio:4 / 3;overflow:hidden;opacity:0;transform:translateY(12px) scale(.985);transition:opacity .32s var(--ease-out-soft),transform .42s var(--ease-out-soft);transition-delay:calc(var(--grid-index, 0) * 22ms)}.grid-items.has-single .grid-item{justify-self:center;width:100%;aspect-ratio:3 / 2}.grid-canvas{width:100%;height:100%;display:block}.grid-items.is-ready .grid-item{opacity:1;transform:translateY(0) scale(1)}.grid-item:hover .grid-canvas{transform:scale(1.035);filter:brightness(1.06)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}@media (max-width: 860px){.hud{left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));padding:8px 2px;gap:6px}.arrow{width:38px;height:38px;font-size:30px}.tags-wrap{min-height:38px;gap:8px 12px}.tag{font-size:16px}.grid-title{font-size:30px;margin-bottom:12px}.grid-items{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),240px));justify-content:center;gap:8px}.author-toggle{top:calc(10px + var(--safe-top));right:calc(10px + var(--safe-right));padding:7px 9px}.author-card{top:calc(40px + var(--safe-top));right:calc(10px + var(--safe-right));width:min(300px,calc(100vw - 20px - var(--safe-left) - var(--safe-right)));padding:11px 12px}}