.gallery-page{
	      position: relative;
	      isolation: isolate;
	      padding-top: 0;
	    }
		    .gallery-hero{
		      display:block;
		      margin-top: var(--page-hero-margin-top, 6px);
		      margin-bottom: 8px;
		    }
	    .gallery-section{
	      border: 1px solid color-mix(in srgb, var(--line) 46%, transparent);
	      border-radius: 22px;
	      padding: 18px 24px 16px;
	      margin-top: 20px;
	      box-shadow: none;
	    }
    .gallery-section-featured{
      background: linear-gradient(180deg, color-mix(in srgb, var(--panel) 80%, var(--accent) 7%), color-mix(in srgb, var(--panel) 94%, transparent));
      border-color: color-mix(in srgb, var(--accent) 12%, var(--line));
    }
    .gallery-section-series{
      background: linear-gradient(180deg, color-mix(in srgb, var(--panel) 82%, var(--alternateaccent) 6%), color-mix(in srgb, var(--panel) 95%, transparent));
      border-color: color-mix(in srgb, var(--alternateaccent) 10%, var(--line));
    }
    .gallery-section-all{
      background: linear-gradient(180deg, color-mix(in srgb, var(--panel) 84%, var(--muted) 4%), color-mix(in srgb, var(--panel) 96%, transparent));
      border-color: color-mix(in srgb, var(--muted) 10%, var(--line));
    }
		    .gallery-tabs-nav{
		      position: sticky;
		      top: var(--gallery-tabs-top, 72px);
		      display: block;
		      width: 100%;
		      z-index: 23;
		      margin: 0;
		      padding: 0;
		      background: transparent;
		      backdrop-filter: none;
		      border-bottom: 0;
		    }
	    .gallery-page > .gallery-tabs-nav{
	      width: calc(100% + (clamp(14px, 2.5vw, 32px) * 2));
	      margin-left: calc(clamp(14px, 2.5vw, 32px) * -1);
	      margin-right: calc(clamp(14px, 2.5vw, 32px) * -1);
	    }
			    .gallery-tools-shell{
			      display:flex;
			      align-items:center;
			      justify-content:space-between;
			      gap:18px;
		        box-sizing:border-box;
		        min-height:52px;
		        padding-left: 20px;
		        padding-right: 20px;
		        padding-top: 8px;
		        padding-bottom: 8px;
			      flex-wrap:wrap;
			      background: color-mix(in srgb, var(--bg) 72%, #020307 28%);
			      /* border-left:1px solid color-mix(in srgb, var(--line) 86%, transparent);
			      border-right:1px solid color-mix(in srgb, var(--line) 86%, transparent); */
			      border-bottom:1px solid color-mix(in srgb, var(--line) 86%, transparent);
			    }
        [data-theme="light"] .gallery-tools-shell{
          background: color-mix(in srgb, var(--panel) 85%, var(--bg) 15%);
        }
		    .gallery-tabs-list{
		      display:flex;
		      gap:10px;
		      flex-wrap:wrap;
		      align-items:center;
		      margin:0;
		    }
		    .gallery-tools-right{
		      display:flex;
		      align-items:center;
		      justify-content:flex-end;
		      gap:12px;
		      flex-wrap:wrap;
		      margin-top:0;
		      margin-bottom:0;
		      margin-left:auto;
		    }
		    .gallery-tab{
		      appearance:none;
		      border:1px solid color-mix(in srgb, var(--line) 82%, transparent);
		      background:color-mix(in srgb, var(--panel) 86%, #090b10 14%);
		      color:var(--text);
		      border-radius:14px;
		      padding:9px 18px;
		      font:inherit;
		      font-size:14px;
		      font-weight:600;
		      cursor:pointer;
		      display:inline-flex;
		      align-items:center;
		      gap:8px;
		      transition:border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
		    }
	    .gallery-tab:hover{
	      color:var(--text);
	      border-color:color-mix(in srgb, #7d52db 38%, var(--line));
	      background:color-mix(in srgb, var(--panel) 90%, #111420 10%);
	      transform:translateY(-1px);
	    }
	    .gallery-tab.is-active{
	      color: var(--text);
	      border-color:color-mix(in srgb, #7d52db 82%, var(--line));
	      background:linear-gradient(
	        180deg,
	        color-mix(in srgb, #7d52db 22%, var(--panel)),
	        color-mix(in srgb, #7d52db 12%, var(--panel))
	      );
	      box-shadow:
	        inset 0 0 0 1px color-mix(in srgb, #c8b3ff 16%, transparent),
	        0 0 0 1px color-mix(in srgb, #7d52db 18%, transparent),
	        0 8px 24px rgba(81, 58, 142, .18);
	    }
		    .gallery-tools-pill{
		      min-height:38px;
		      border-radius:14px;
		      padding:9px 18px;
		      background:color-mix(in srgb, var(--panel) 86%, #090b10 14%);
		    }
		    .gallery-toolbar-search{
		      min-width:min(320px, 44vw);
		      margin-left:0;
		      background:color-mix(in srgb, var(--panel) 86%, #090b10 14%);
		      border-color:color-mix(in srgb, var(--line) 88%, transparent);
		      border-radius:14px;
		      padding:8px 12px 8px 14px;
		      box-shadow:none;
		    }
	    .gallery-toolbar-search input{
	      min-width:200px;
	    }
	    .gallery-tab-panel{
	      margin-top:14px;
	      padding-left: 10px;
        padding-right: 10px;
        padding-top: 0px;
	    }
	    @media (max-width: 920px){
	      .gallery-tools-shell{
	        align-items:stretch;
	      }
	      .gallery-tools-right{
	        width:100%;
	        justify-content:flex-start;
	        margin-left:0;
	      }
	      .gallery-toolbar-search{
	        min-width:min(100%, 100%);
	        flex:1 1 260px;
	      }
	    }
	    @media (max-width: 760px){
	      .gallery-tabs-nav{
	        padding:0;
	      }
		      .gallery-tools-shell{
		        padding:10px 4px;
		        gap:12px;
		      }
	      .gallery-tabs-list,
	      .gallery-tools-right{
	        width:100%;
	      }
	      .gallery-tab{
	        flex:0 0 auto;
	        justify-content:center;
	      }
	      .gallery-tools-pill{
	        flex:0 0 auto;
	      }
	      .gallery-toolbar-search{
	        width:100%;
	      }
	      .gallery-tools-right .page-toolbar__theme{
	        width:auto;
	        max-width:100%;
	      }
	      .gallery-tools-right .page-toolbar__theme button{
	        flex:0 0 auto;
	      }
	      .all-works-state-bar{
	        margin-left:0;
	        margin-right:0;
	      }
	    }
	    .gallery-tab-panel[hidden]{
	      display:none !important;
	    }
    .gallery-jump-pills{
      display:inline-flex;
      gap:0;
      align-items:center;
      margin:0;
    }
    .gallery-jump-pill{
      cursor:pointer;
      user-select:none;
      background: var(--panel);
      border: 1px solid var(--chip-border);
      padding: 8px 12px;
      white-space: nowrap;
      transition: border-color .16s ease, opacity .16s ease, transform .16s ease;
    }
    .gallery-jump-pill:hover,
    .gallery-jump-pill:focus-visible{
      border-color: color-mix(in srgb, var(--accent-border) 82%, #ffffff 18%);
    }
    .tag-chip-separator{
      width: 1px;
      height: 24px;
      align-self: center;
      background: color-mix(in srgb, var(--line) 80%, transparent);
      margin: 0 2px;
      border-radius: 999px;
      pointer-events: none;
    }
    .tag-filter-summary-line{
      display:flex;
      gap:8px;
      align-items:center;
      flex-wrap:wrap;
    }
    .tag-filter-summary-line + .tag-filter-summary-line{
      margin-top:6px;
    }
    .tag-filter-summary-actions{
      margin-top:10px;
    }
    .tag-filter-summary-pills{
      display:inline-flex;
      gap:8px;
      align-items:center;
      flex-wrap:wrap;
    }
	    .tag-filter-summary-pill{
	      pointer-events:none;
	    }
	    .tag-filter-summary-joiner{
	      color: var(--muted);
	    }
	    .all-works-state-bar{
	      display:grid;
	      gap:10px;
	      margin: 4px 10px 16px;
	      padding: 12px 14px;
	      border:1px solid color-mix(in srgb, var(--line) 48%, transparent);
	      border-radius:16px;
	      background:linear-gradient(
	        180deg,
	        color-mix(in srgb, var(--panel) 76%, transparent),
	        color-mix(in srgb, var(--panel) 62%, transparent)
	      );
	    }
	    .all-works-state-bar[hidden]{
	      display:none !important;
	    }
	    .all-works-state-bar__top{
	      display:flex;
	      gap:10px;
	      align-items:center;
	      justify-content:space-between;
	      flex-wrap:wrap;
	    }
	    .all-works-state-bar__summary{
	      display:grid;
	      gap:2px;
	      min-width:0;
	    }
	    .all-works-state-bar__eyebrow{
	      margin:0;
	      color:color-mix(in srgb, var(--muted) 88%, var(--text) 12%);
	      font-size:13px;
	      letter-spacing:.08em;
	      text-transform:uppercase;
	      line-height:1.1;
	    }
	    .all-works-state-bar__title{
	      margin:0;
	      font-size:18px;
	      line-height:1.2;
	      font-weight:650;
	    }
	    .all-works-state-bar__actions{
	      display:flex;
	      gap:8px;
	      flex-wrap:wrap;
	      align-items:center;
	    }
	    .all-works-state-bar__filters{
	      display:flex;
	      gap:8px;
	      flex-wrap:wrap;
	      align-items:center;
	    }
	    .all-works-state-chip{
	      display:inline-flex;
	      align-items:center;
	      min-height:32px;
	      padding:6px 10px;
	      border-radius:999px;
	      border:1px solid color-mix(in srgb, var(--chip-border) 92%, transparent);
	      background:color-mix(in srgb, var(--chip-bg) 94%, transparent);
	      color:var(--text);
	      font-size:14px;
	      line-height:1.2;
	      font-weight:600;
	    }
	    .all-works-loadmore{
	      justify-self:start;
	    }
	    .gallery-jump-wrap{
	      display: none !important;
	    }
    .back-to-top{
      position: fixed;
      right: 18px;
      bottom: 18px;
      z-index: 30;
      border-radius: 999px;
      background: color-mix(in srgb, var(--panel) 92%, #000 8%);
      padding: 10px 14px;
      box-shadow: 0 8px 24px rgba(0,0,0,.22);
      opacity: 0;
      transform: translateY(10px);
      pointer-events: none;
      transition: opacity .18s ease, transform .18s ease;
    }
    .back-to-top.is-visible{
      opacity: 1;
      transform: translateY(0);
      pointer-events: auto;
    }
    #featuredGrid,
    #seriesGrid,
    #galleryGrid{
      gap: 12px;
      align-items: start;
      justify-content: start;
    }
    #featuredGrid{
      display: block;
      column-gap: 12px;
      columns: 4 220px;
    }
    #seriesGrid{
      display: block;
      column-gap: 12px;
      columns: 4 220px;
    }
    #galleryGrid{
      display: block;
      column-gap: 12px;
      columns: 13 90px;
    }
    #featuredGrid .card{
      display: inline-block;
      width: 100%;
      max-width: none;
      margin: 0 0 12px 0;
      break-inside: avoid;
      vertical-align: top;
      box-shadow: none;
    }
    #seriesGrid .card{
      display: inline-block;
      width: 100%;
      max-width: none;
      margin: 0 0 12px 0;
      break-inside: avoid;
      vertical-align: top;
      box-shadow: none;
    }
    #featuredGrid .thumb{
      aspect-ratio: auto;
      background: transparent;
    }
    #seriesGrid .thumb{
      aspect-ratio: auto;
      background: transparent;
    }
    #seriesGrid .series-card{
      overflow: hidden;
    }
    #seriesGrid .series-masonry{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:6px;
      padding:10px;
    }
    #seriesGrid .series-masonry img{
      width: 100%;
      aspect-ratio: 1;
      height: auto;
      display: block;
      margin: 0;
      border-radius: 8px;
      background: color-mix(in srgb, var(--surface) 80%, transparent);
      border: 1px solid var(--line);
      object-fit: cover;
    }
    @media (max-width: 720px){
      .gallery-hero.is-scrolled{
        align-items: flex-start;
        flex-wrap: wrap;
      }
      .gallery-hero.is-scrolled p{
        width: 100%;
        text-align: left;
      }
      .gallery-hero{
        padding-right: 8px;
        padding-left: 8px;
      }
      #seriesGrid .series-masonry{
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }
    }
    #featuredGrid .thumb img,
    #seriesGrid .thumb img{
      width: 100%;
      height: auto;
      object-fit: contain;
      object-position: center;
      background: transparent;
      display: block;
    }
    #galleryGrid .card{
      display: inline-block;
      width: 100%;
      max-width: none;
      margin: 0 0 12px 0;
      break-inside: avoid;
      vertical-align: top;
      box-shadow: none;
    }
    #galleryGrid .thumb{
      aspect-ratio: auto;
      background: transparent;
      position: relative;
      overflow: hidden;
    }
    #galleryGrid .thumb img{
      width: 100%;
      height: auto;
      object-fit: contain;
      object-position: center;
      background: transparent;
      display: block;
    }
    #galleryGrid .gallery-overlay{
      position: absolute;
      inset: auto 0 0 0;
      padding: 10px 12px;
      background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.72) 55%, rgba(0,0,0,.86) 100%);
      color: #fff;
      opacity: 0;
      transition: opacity .18s ease;
      pointer-events: none;
    }
    #galleryGrid .gallery-overlay .title{
      margin: 0 0 2px 0;
      font-weight: 600;
      line-height: 1.2;
    }
    #galleryGrid .gallery-overlay .sub{
      margin: 0;
      color: rgba(255,255,255,.9);
      font-size: 12px;
      line-height: 1.25;
    }
    #galleryGrid .card:hover .gallery-overlay,
    #galleryGrid .card:focus-visible .gallery-overlay,
    #galleryGrid .card:focus-within .gallery-overlay{
      opacity: 1;
    }