.gallery-filters{scrollbar-width:none;gap:.5rem;margin-bottom:2rem;padding:3px;display:flex;overflow-x:auto}.gallery-filters::-webkit-scrollbar{display:none}.gallery-filters button{min-height:42px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:var(--transition-snappy);background:#0606068c;border:1px solid #ffffff29;border-radius:999px;flex:none;align-items:center;gap:.55rem;padding:0 1.1rem;font-size:.72rem;display:inline-flex}.gallery-filters button span{opacity:.6}.gallery-filters button:hover{color:var(--text-color);border-color:#fff6}.gallery-filters button[aria-pressed=true]{background:var(--text-color);border-color:var(--text-color);color:#050505}.gallery-grid,.demo-grid{--cols:1;--gap:1.25rem;justify-content:center;gap:var(--gap);flex-wrap:wrap;list-style:none;display:flex}.gallery-grid>li,.demo-grid>li{flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));min-width:0}.gallery-card,.demo-card{background:#080808b3;border:1px solid #ffffff1f;border-radius:22px;flex-direction:column;height:100%;transition:border-color .35s,background .35s,opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.gallery-card:hover,.gallery-card:focus-visible,.demo-card:hover{background:#ffffff0d;border-color:#ffffff52}.gallery-card-image,.demo-card-image{aspect-ratio:16/9;background:#0b0b0b;display:block;position:relative;overflow:hidden}.gallery-card-image img,.demo-card-image img{object-fit:cover;object-position:top center;filter:grayscale(30%)brightness(.85);width:100%;height:100%;transition:transform .9s cubic-bezier(.16,1,.3,1),filter .6s}.gallery-card:hover img,.gallery-card:focus-visible img,.demo-card:hover img{filter:none;transform:scale(1.04)}.gallery-card-image img{filter:none}.gallery-badge{background:var(--text-color);color:#050505;font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;border-radius:999px;padding:.3rem .75rem;font-size:.62rem;font-weight:600;position:absolute;top:1rem;left:1rem}.gallery-badge.is-draft{background:#ff9f0a}.gallery-card-body,.demo-card-body{flex-direction:column;flex:1;gap:.6rem;padding:1.4rem;display:flex}.gallery-card-meta{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;justify-content:space-between;gap:1rem;font-size:.68rem;display:flex}.gallery-card strong,.demo-card-title{font-family:var(--font-headings);font-size:1.35rem;font-weight:600;line-height:1.2}.gallery-card-text{color:#ffffffb8;font-size:.92rem;line-height:1.6}.gallery-tags{flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:.4rem;display:flex}.gallery-tags span{color:#ffffffbf;border:1px solid #ffffff24;border-radius:999px;padding:.25rem .65rem;font-size:.75rem}.demo-card-title{text-transform:uppercase;font-size:1.6rem}.demo-grid .demo-card,.demo-grid .demo-card:hover{background:0 0}.demo-card .demo-card-body{-webkit-backdrop-filter:blur(16px)saturate(130%);background:#ffffff12;border-top:1px solid #ffffff2e;box-shadow:inset 0 1px #ffffff0f}.demo-card .gallery-tags{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;width:100%;margin-top:.25rem;padding-top:0;display:grid}.demo-card .gallery-tags span{text-align:center;white-space:nowrap;padding:.3rem .25rem;font-size:.7rem}.demo-card-actions{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.demo-card-actions .btn{flex:140px}.demo-coming-soon{color:var(--text-muted);text-align:center;margin-top:2rem;line-height:1.7}.demo-coming-soon a{color:var(--text-color);border-bottom:1px solid #ffffff59}@media (min-width:640px){.gallery-grid,.demo-grid{--cols:2}}@media (min-width:1024px){.gallery-grid{--gap:2rem}}body.page-light{--light-text:#0a0a0a;--light-muted:#00000094;--light-line:#0000001a}body.page-light .fixed-bg{background:#ececec url(/Assets/Background-light.jpg) 50%/cover no-repeat}body.page-light .glow-container,body.page-light .noise-overlay{display:none}body.page-light .subpage-title{color:var(--light-text)}body.page-light .subpage-hero .section-tag,body.page-light .subpage-section>.container>.section-tag{color:var(--light-muted)}body.page-light .subpage-lead{color:#000000b3}body.page-light .subpage-section{border-top-color:var(--light-line)}body.page-light .gallery-filters button{color:var(--light-muted);background:#ffffffb3;border-color:#00000024}body.page-light .gallery-filters button:hover{color:var(--light-text);border-color:#0006}body.page-light .gallery-filters button[aria-pressed=true]{background:var(--light-text);border-color:var(--light-text);color:#fff}body.page-light .gallery-card{background:#fff;border-color:#00000014;transition:border-color .35s,box-shadow .35s,transform .5s cubic-bezier(.16,1,.3,1);box-shadow:0 18px 40px #00000014}body.page-light .gallery-card:hover,body.page-light .gallery-card:focus-visible{background:#fff;border-color:#00000038;transform:translateY(-4px);box-shadow:0 26px 60px #00000024}body.page-light .gallery-card-image{background:#f2f2f2;border-bottom:1px solid #0000000f}body.page-light .gallery-card-meta{color:var(--light-muted)}body.page-light .gallery-card strong{color:var(--light-text)}body.page-light .gallery-card-text{color:#000000a8}body.page-light .gallery-tags span{color:#000000b3;border-color:#0000001f}body.page-light .subpage a:focus-visible,body.page-light .subpage button:focus-visible{outline-color:#000000b3}body.page-light .footer,body.page-light .footer-bottom{border-top-color:var(--light-line)}body.page-light .footer-logo,body.page-light .footer-links a:hover,body.page-light .footer-legal a:hover{color:var(--light-text)}body.page-light .footer-tagline,body.page-light .footer-header,body.page-light .footer-links li,body.page-light .footer-links a,body.page-light .footer-bottom p,body.page-light .footer-legal a{color:var(--light-muted)}@media (max-width:380px){.demo-card-title{font-size:1.4rem}.gallery-card-body,.demo-card-body{padding:1.2rem}}
