.photo-flow{position:fixed;inset:0;max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;padding:0;background:#050505;color:#f5f5f5;border:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.photo-flow.dragging{cursor:grabbing}.photo-flow::backdrop{background:#000}.flow-word{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;font-size:clamp(90px,18vw,340px);color:#0e0e0e;line-height:1;letter-spacing:-.05em;pointer-events:none;user-select:none;white-space:nowrap}.flow-scene{position:absolute;inset:0;perspective:1700px;perspective-origin:50% 50%;overflow:hidden}.flow-wall{position:absolute;inset:-12%;display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(150px,16vw,230px),1fr));gap:clamp(12px,2vw,20px);align-content:center;justify-content:center;transform-style:preserve-3d;will-change:transform}.flow-photo{position:relative;border:1px solid #262626;border-radius:7px;background:#111;overflow:hidden;padding:0;cursor:pointer;transform-style:preserve-3d;will-change:transform;transition:box-shadow .3s;box-shadow:0 10px 26px #0006}.flow-photo img{display:block;width:100%;height:auto;max-height:52vh;object-fit:contain;user-select:none;pointer-events:none}.flow-photo:hover{box-shadow:0 16px 40px #0009}.flow-photo:focus-visible{outline:2px solid #fff;outline-offset:4px}.flow-bottom{position:absolute;left:0;right:0;bottom:24px;z-index:300;display:flex;justify-content:center}.flow-switch{display:flex;background:#1c1c1c;border:1px solid #333;border-radius:32px;padding:5px;box-shadow:0 8px 26px #0008}.flow-switch button{padding:11px 22px;color:#a1a19c;font-size:14px;border-radius:26px;transition:background .2s,color .2s}.flow-switch button span{margin-right:6px}.flow-switch button.selected{background:#e9e9e3;color:#161615}.flow-empty{position:absolute;inset:0;display:grid;place-items:center;color:#aaa;font-size:15px}@media(max-width:650px){.flow-bottom{bottom:18px}.flow-switch button{padding:9px 15px;font-size:12px}.flow-word{font-size:30vw}.flow-wall{inset:-10%;gap:10px}.flow-photo img{max-height:44vh}}
.photo-flow{position:fixed;inset:0;max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;padding:0;background:#050505;color:#f5f5f5;border:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.photo-flow.dragging{cursor:grabbing}.photo-flow::backdrop{background:#000}.flow-word{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;font-size:clamp(90px,18vw,340px);font-weight:700;color:#0f0f0f;line-height:1;letter-spacing:-.055em;pointer-events:none;white-space:nowrap}.flow-scene{position:absolute;inset:0;perspective:920px;perspective-origin:50% 50%;overflow:hidden;touch-action:none}.flow-camera{position:absolute;left:50%;top:50%;width:1px;height:1px;transform-style:preserve-3d;will-change:transform}.flow-wall{position:absolute;inset:0;transform-style:preserve-3d}.flow-photo{position:absolute;left:0;top:0;width:clamp(132px,15vw,240px);max-height:52vh;padding:0;border:1px solid #292929;border-radius:5px;background:#111;overflow:hidden;cursor:pointer;transform-origin:center;transform-style:preserve-3d;will-change:transform,opacity;box-shadow:0 18px 45px #0009;transition:border-color .25s,filter .25s;translate:-50% -50%;backface-visibility:hidden}.flow-photo:nth-child(3n){width:clamp(110px,12vw,190px)}.flow-photo:nth-child(4n){width:clamp(158px,18vw,270px)}.flow-photo img{display:block;width:100%;height:auto;max-height:52vh;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.flow-photo:hover{border-color:#777;filter:brightness(1.12)}.flow-photo:focus-visible{outline:2px solid #fff;outline-offset:5px}.flow-hint{position:absolute;left:50%;top:24px;z-index:300;translate:-50% 0;margin:0;padding:9px 15px;border:1px solid #2f2f2f;border-radius:999px;background:#101010b8;color:#9e9e9e;font-size:12px;letter-spacing:.04em;backdrop-filter:blur(12px);transition:opacity .35s}.flow-hint.hidden{opacity:0}.flow-bottom{position:absolute;left:0;right:0;bottom:24px;z-index:300;display:flex;justify-content:center;pointer-events:none}.flow-switch{display:flex;padding:5px;border:1px solid #333;border-radius:32px;background:#1c1c1ce8;box-shadow:0 8px 26px #0008;backdrop-filter:blur(14px);pointer-events:auto}.flow-switch button{padding:11px 22px;color:#a1a19c;font-size:14px;border-radius:26px;transition:background .2s,color .2s,transform .2s}.flow-switch button:active{transform:scale(.95)}.flow-switch button span{margin-right:6px}.flow-switch button.selected{background:#e9e9e3;color:#161615}.flow-empty{position:absolute;inset:0;display:grid;place-items:center;color:#aaa;font-size:15px}@media(max-width:650px){.flow-bottom{bottom:18px}.flow-switch button{padding:9px 15px;font-size:12px}.flow-word{font-size:30vw}.flow-scene{perspective:760px}.flow-photo{width:clamp(104px,34vw,165px);max-height:42vh}.flow-photo:nth-child(3n){width:clamp(88px,27vw,138px)}.flow-photo:nth-child(4n){width:clamp(118px,38vw,184px)}.flow-hint{top:16px;font-size:11px}}@media(prefers-reduced-motion:reduce){.flow-photo,.flow-camera{transition:none}.flow-hint{display:none}}

.flow-scene{perspective:none;cursor:grab}.photo-flow.dragging .flow-scene{cursor:grabbing}.flow-camera{left:0;top:0;width:auto;height:auto;transform-style:flat}.flow-wall{position:relative;inset:auto;display:block;transform-style:flat;will-change:auto}.flow-photo{position:absolute;left:0;top:0;width:230px;max-height:none;opacity:1;padding:0;border:0;border-radius:3px;transform:none;translate:-50% -50%;box-shadow:0 14px 38px #0008;transition:transform .42s cubic-bezier(.2,.8,.2,1),filter .3s,box-shadow .3s;will-change:transform}.flow-photo:nth-child(3n),.flow-photo:nth-child(4n){width:230px}.flow-photo img{width:100%;height:auto;max-height:none;object-fit:contain}.flow-photo:hover{z-index:20!important;transform:scale(1.13);filter:brightness(1.06);box-shadow:0 24px 70px #000d}.photo-flow.dragging .flow-photo{pointer-events:none}.photo-flow.dragging .flow-photo:hover{transform:none}.flow-word{z-index:0}.flow-scene{z-index:1}.flow-hint,.flow-bottom,.flow-empty{z-index:300}@media(max-width:650px){.flow-photo,.flow-photo:nth-child(3n),.flow-photo:nth-child(4n){width:164px;max-height:none}.flow-photo:hover{transform:scale(1.08)}}