/* ---------- ARTWORKS PAGE ---------- */
.gallery-hero{padding-block:var(--space-16) var(--space-8);background:var(--c-neutral-50);}
.gallery-title{text-align:center;margin-bottom:var(--space-12);}
.masonry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);}
.masonry-item{position:relative;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);}
.masonry-item img{width:100%;height:auto;display:block;transition:transform var(--duration) var(--timing);}
.masonry-item:hover img{transform:scale(1.05);}
.masonry-overlay{position:absolute;inset:0;background:rgba(0,0,0,.75);color:var(--c-neutral-900);padding:var(--space-6);display:flex;flex-direction:column;justify-content:flex-end;opacity:0;transition:opacity var(--duration) var(--timing);}
.masonry-item:hover .masonry-overlay{opacity:1;}
.masonry-overlay strong{font-size:var(--fs-xl);}
.masonry-overlay .btn{margin-top:var(--space-4);align-self:flex-start;}

.curated-collections{padding-block:var(--space-16);}
.collection-scroll{display:flex;gap:var(--space-6);overflow-x:auto;scroll-snap-type:x mandatory;padding-block:var(--space-4);}
.collection-card{flex:0 0 320px;display:flex;flex-direction:column;gap:var(--space-4);scroll-snap-align:start;}
.collection-card img{border-radius:var(--radius-lg);}
.collection-meta h3{margin-bottom:var(--space-2);}
.collection-meta p{font-size:var(--fs-sm);margin-bottom:var(--space-3);}
.chip{display:inline-block;font-size:var(--fs-xs);padding:var(--space-1) var(--space-3);background:var(--c-neutral-200);border-radius:999px;}

.artist-spotlight{padding-block:var(--space-16);background:var(--c-neutral-50);}
.spotlight-list{display:grid;gap:var(--space-20);}
.spotlight-item{display:flex;flex-direction:column;gap:var(--space-8);}
.spotlight-item.reverse{flex-direction:column-reverse;}
.spotlight-item img{width:100%;border-radius:var(--radius-lg);}
.spotlight-text{position:relative;}
@media(min-width:768px){
.spotlight-item{flex-direction:row;align-items:center;}
.spotlight-item.reverse{flex-direction:row;}
.spotlight-item img{flex:1 1 45%;}
.spotlight-text{flex:1 1 45%;}
}

.timeline-section{padding-block:var(--space-16);}
.timeline-scroll{overflow-x:auto;scroll-snap-type:x mandatory;padding-block:var(--space-4);}
.timeline-track{display:flex;gap:var(--space-8);min-width:max-content;}
.timeline-node{flex:0 0 200px;display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--c-neutral-100);border:1px solid var(--c-neutral-300);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:box-shadow var(--duration) var(--timing);scroll-snap-align:start;}
.timeline-node:hover{box-shadow:var(--shadow-glow);}
.timeline-node .year{font-size:var(--fs-2xl);font-weight:700;margin-bottom:var(--space-2);}
.timeline-node img{width:100%;border-radius:var(--radius);margin-bottom:var(--space-3);}
.timeline-node p{font-size:var(--fs-sm);}

.marquee-closeups{padding-block:var(--space-16);background:var(--c-neutral-50);}
.closeup-grid{display:grid;gap:var(--space-12);}
.closeup-column{text-align:center;}
.closeup-column img{width:100%;border-radius:var(--radius-lg);margin-bottom:var(--space-4);}
@media(min-width:768px){.closeup-grid{grid-template-columns:repeat(3,1fr);}}

.materials-section{padding-block:var(--space-16);}
.accordion-grid{display:grid;gap:var(--space-4);}
.accordion-item{background:var(--c-neutral-100);border:1px solid var(--c-neutral-300);border-radius:var(--radius-lg);padding:var(--space-4);}
.accordion-item summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center;}
.accordion-item summary::after{content:'+';font-size:var(--fs-2xl);transition:transform var(--duration) var(--timing);}
.accordion-item[open] summary::after{transform:rotate(45deg);}
.accordion-content{display:grid;gap:var(--space-4);padding-top:var(--space-4);}
.spec-table{width:100%;font-size:var(--fs-sm);}
.spec-table td{padding:var(--space-2) 0;border-bottom:1px solid var(--c-neutral-200);}
.spec-table td:last-child{text-align:right;}

.limited-drops{padding-block:var(--space-16);background:var(--c-neutral-50);}
.countdown-banner{text-align:center;font-size:var(--fs-lg);margin-bottom:var(--space-8);}
#countdown{font-weight:700;color:var(--c-primary);}
.drops-grid{display:grid;gap:var(--space-8);}
.drop-card{display:flex;flex-direction:column;gap:var(--space-4);background:var(--c-neutral-100);border:1px solid var(--c-neutral-300);border-radius:var(--radius-lg);padding:var(--space-6);}
.drop-card img{width:100%;border-radius:var(--radius);}
.stock-badge{display:inline-block;font-size:var(--fs-sm);padding:var(--space-1) var(--space-3);background:var(--c-neutral-200);border-radius:999px;margin-bottom:var(--space-4);}
.stock-badge[data-stock="<="" 10"=""]{background:var(--c-primary);color:#000;font-weight:600;}
.notify-form{display:flex;gap:var(--space-3);}
.notify-form input{flex:1;}

.colorway-explorer{padding-block:var(--space-16);}
.palette-strip{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap;}
.color-swatch{--swatch:#000;appearance:none;border:2px solid transparent;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);background:var(--swatch);color:#fff;font-weight:600;cursor:pointer;transition:border-color var(--duration) var(--timing);}
.color-swatch:focus-visible,.color-swatch:hover{border-color:var(--c-primary);}
.color-note{text-align:center;margin-top:var(--space-4);font-size:var(--fs-sm);}

.collector-stories{padding-block:var(--space-16);background:var(--c-neutral-50);}
.stories-grid{display:grid;gap:var(--space-12);}
.story-card{text-align:center;}
.story-card img{width:160px;height:160px;border-radius:50%;margin-inline:auto var(--space-6);transition:transform var(--duration) var(--timing);}
.story-card:hover img{transform:translateY(-8px);}
blockquote{margin-block:var(--space-4);font-style:italic;}
cite{display:block;margin-bottom:var(--space-4);font-size:var(--fs-sm);}

.ar-preview{padding-block:var(--space-16);}
.ar-grid{display:grid;gap:var(--space-8);}
.qr-tile{text-align:center;}
.qr-tile img{width:200px;margin-inline:auto var(--space-6);}
.fallback-tile{text-align:center;}
.fallback-tile img{width:100%;border-radius:var(--radius-lg);margin-bottom:var(--space-4);}
@media(min-width:768px){.ar-grid{grid-template-columns:1fr 1fr;}}

.commission-section{padding-block:var(--space-16);background:var(--c-neutral-50);}
.commission-form{display:grid;gap:var(--space-6);max-width:40rem;margin-inline:auto;}
.lead-meter{font-size:var(--fs-sm);margin-top:var(--space-2);}
.privacy-note{font-size:var(--fs-xs);color:var(--c-neutral-600);}

/* ---------- UTILITIES ---------- */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}