/* /gallery: light look (thinkaus.com colors) over the floating gallery */
:root{
  --ink:#252726; --ink-2:#4D4F4E; --muted:#5E5E5E; --light:#8F8F8F;
  --tile:#F4F4F4; --field:#DADADA; --quiet:#E4E4E4;
}
html,body{background:#FFFFFF}
.fg{position:fixed;inset:0;overflow:hidden;z-index:0;background:#FFFFFF;cursor:crosshair;opacity:0;transition:opacity 1.2s ease}
.in-mark .fg{opacity:1}
.fg-item{position:absolute;left:0;top:0;overflow:hidden;cursor:pointer;z-index:1;will-change:transform;background:#EEE}
.fg-item img,.fg-item video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.fg-item.on{z-index:10;box-shadow:0 30px 60px -20px rgba(0,0,0,.45)}
.glow{position:fixed;left:50%;bottom:0;width:900px;max-width:140vw;height:560px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(255,255,255,.92),rgba(255,255,255,.75) 55%,rgba(255,255,255,0));pointer-events:none;z-index:1}
.page{z-index:2;pointer-events:none}
main>*,footer{pointer-events:auto}
.mark{margin:0}
.logo{display:block;width:240px;height:auto;opacity:0;transform:translateY(16px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.in-mark .logo{opacity:1;transform:none}
.tile{border:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 18px 40px -24px rgba(0,0,0,.35)}
.copy:hover{background:#E6E6E6}
.ring,.send{background:var(--ink);color:#FFFFFF}
.tile.open .ring{background:var(--quiet);color:var(--ink)}
.tile-inner{border-top-color:#E2E2E2}
.f{background:#FFFFFF}
.f:focus{border-color:var(--ink)}
footer{border-top:0}
footer>span{background:rgba(255,255,255,.88);padding:5px 9px;border-radius:8px;white-space:nowrap}
@media (max-width:600px){.logo{width:190px}}