:root{--bg-base:#07060f;--text:#f3f1fb;--muted:#9aa0b4;--accent:#a8e9ff}html,body{background:var(--bg-base)}.gallery{isolation:isolate;max-width:1320px;min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0 auto;padding:clamp(28px,6vw,64px) clamp(20px,4vw,40px) 80px;font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Inter,Helvetica Neue,sans-serif;position:relative}.gallery:before{content:"";z-index:-2;background:radial-gradient(60vmax 60vmax at 12% -10%, #4910938c, transparent 60%), radial-gradient(48vmax 48vmax at 92% 18%, #9c1c7a59, transparent 60%), radial-gradient(72vmax 72vmax at 50% 115%, #12687d61, transparent 60%), var(--bg-base);position:fixed;inset:0}.gallery:after{content:"";z-index:-1;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:160px 160px;position:fixed;inset:0}.gallery h1{letter-spacing:-.028em;background:linear-gradient(120deg,#c9b8ff 0%,#7be0ff 45%,#ffc0eb 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:clamp(34px,5.4vw,56px);font-weight:800;line-height:1.05}.gallery .sub{color:var(--muted);max-width:62ch;margin:0 0 clamp(28px,4vw,44px);font-size:clamp(14px,1.4vw,17px)}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(14px,1.6vw,20px);display:grid}.tile{color:var(--text);isolation:isolate;background:linear-gradient(#ffffff0a,#fff0 55%),#12121c8c;border:1px solid #ffffff14;border-radius:18px;text-decoration:none;transition:transform .22s,border-color .22s,box-shadow .22s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 8px 24px #00000059}.tile:hover{border-color:#a8e9ff52;transform:translateY(-4px);box-shadow:inset 0 1px #ffffff12,0 16px 36px #00000073,0 0 0 1px #a8e9ff2e,0 0 36px #a8e9ff29}.tile:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tile .thumb{aspect-ratio:16/10;position:relative;overflow:hidden}.tile .thumb:after{content:"";pointer-events:none;background:linear-gradient(#0000,#07060f8c);height:36%;position:absolute;inset:auto 0 0}.tile .meta{justify-content:space-between;align-items:center;gap:12px;padding:12px 14px 14px;display:flex}.tile .meta h3{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.tile .meta .arrow{color:var(--muted);font-size:14px;transition:transform .22s,color .22s}.tile:hover .meta .arrow{color:var(--accent);transform:translate(3px)}@media (prefers-reduced-motion:reduce){.tile,.tile:hover,.tile .meta .arrow,.tile:hover .meta .arrow{transition:none;transform:none}}