.tf-artwork{padding:32px 0 80px}.tf-artwork__inner{width:min(1200px,calc(100% - 40px));margin:40px auto}.tf-artwork-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;align-items:start}.tf-artwork-card{position:relative;grid-column:auto;grid-row:auto;border-radius:18px;overflow:hidden;padding:14px;background:linear-gradient(160deg,#141a16f2,#070a09fa);border:1px solid rgba(61,242,134,.32);box-shadow:0 18px 36px #00000080,inset 0 1px #ffffff0f,inset 0 -1px #0009;transition:box-shadow .2s ease,border-color .2s ease;cursor:pointer}.tf-artwork-card img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;display:block;border-radius:10px;background:#060a08a6;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px #00000040;transition:filter .2s ease,transform .2s ease}.tf-artwork-card:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:14px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px #00000080,0 0 0 1px #3df28614;pointer-events:none}.tf-artwork-card:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:12px;border:1px solid rgba(255,255,255,.06);pointer-events:none}.tf-artwork-card figcaption{margin-top:10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#eafff5;text-align:center}.tf-artwork-card:hover{border-color:#3df28680;box-shadow:0 22px 44px #0000008c,inset 0 1px #ffffff14,inset 0 -1px #000000a6}.tf-artwork-grid.is-locked .tf-artwork-card img{filter:blur(13px) saturate(.85) brightness(.7);transform:scale(1.02)}.tf-artwork-grid.is-locked .tf-artwork-card figcaption:before{content:"blurred - click to unlock";display:block;margin:0 0 8px;color:var(--tf-green);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.tf-artwork-card.is-wide{grid-column:auto}.tf-artwork-card.is-tall{grid-row:auto}.tf-artwork-card.is-hero{grid-column:auto;grid-row:auto}.tf-artwork__note{margin-top:18px;text-align:center;font-size:12px;color:#e9f7efa6}.tf-artwork__note span{color:#3df286e6;font-weight:700}.tf-artwork-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:9999;padding:18px}.tf-artwork-modal.is-open{display:flex}.tf-artwork-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tf-artwork-modal__panel{position:relative;z-index:1;max-width:min(1200px,94vw);max-height:88vh;display:grid;gap:10px;padding:16px;border-radius:18px;background:#080c0aeb;border:1px solid rgba(61,242,134,.35);box-shadow:0 20px 60px #0009}.tf-artwork-modal__panel img{max-width:100%;max-height:72vh;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:12px;background:#040806;border:1px solid rgba(255,255,255,.08)}.tf-artwork-modal__cap{text-align:center;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#eafff5}.tf-artwork-modal__close{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:10px;border:1px solid rgba(61,242,134,.4);background:#0006;color:#eafff5;font-size:22px;cursor:pointer}.tf-artwork-modal__close:hover{color:var(--tf-green);box-shadow:0 0 14px #3df28640}.tf-artwork-lock{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:10001;padding:18px}.tf-artwork-lock.is-open{display:flex}.tf-artwork-lock__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tf-artwork-lock__panel{position:relative;z-index:1;width:min(420px,92vw);padding:18px;border-radius:16px;background:#080c0af5;border:1px solid rgba(61,242,134,.35);box-shadow:0 20px 60px #000000a6}.tf-artwork-lock__panel h2{margin:0 0 6px;font-size:18px;text-transform:uppercase;letter-spacing:.08em;color:#eafff5}.tf-artwork-lock__panel p{margin:0 0 12px;font-size:12px;letter-spacing:.06em;color:#e9f7efbf}.tf-artwork-lock__form{display:grid;grid-template-columns:1fr auto;gap:8px}.tf-artwork-lock__form input{border:1px solid rgba(61,242,134,.28);background:#040806e0;color:#eafff5;border-radius:10px;padding:10px 12px;font-size:14px}.tf-artwork-lock__form input:focus{outline:none;border-color:#3df286a6;box-shadow:0 0 0 3px #3df28626}.tf-artwork-lock__form button{border:1px solid rgba(61,242,134,.45);background:#0b1811f2;color:#eafff5;border-radius:10px;padding:10px 14px;cursor:pointer}.tf-artwork-lock__form button:hover{color:var(--tf-green);box-shadow:0 0 14px #3df28638}.tf-artwork-lock__msg{margin:10px 0 0;min-height:16px;font-size:12px;color:#ff9f9f}@media (max-width: 1000px){.tf-artwork-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tf-artwork-card{grid-column:auto;grid-row:auto}.tf-artwork-card.is-wide,.tf-artwork-card.is-hero{grid-column:auto}.tf-artwork-card.is-tall{grid-row:auto}}@media (max-width: 640px){.tf-artwork-grid{grid-template-columns:1fr}.tf-artwork-card,.tf-artwork-card.is-tall,.tf-artwork-card.is-wide,.tf-artwork-card.is-hero{grid-column:span 1;grid-row:span 1}}