.reveal-container{width:100%;background:var(--color-background)}.fixed-reveal-header{position:fixed;top:80px;left:0;width:100%;z-index:1000;padding:15px 40px 10px;background:transparent}.header-background-mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#dcdcdc;z-index:-1}.controls-panel{display:flex;justify-content:space-between;align-items:flex-end;width:100%;position:relative;z-index:1500}.filter-group-left{display:flex;flex-direction:column;gap:8px}.sort-group-right{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.hero-container{position:relative;margin-top:80px;width:100vw;margin-left:calc(50% - 50vw);height:60vh;z-index:2000;background:#000;overflow:hidden;display:flex;flex-direction:column}.video-container{flex-grow:1;width:100%;height:100%;position:relative}.hero-video{width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}.all-products-title{position:relative;z-index:1400;font-size:clamp(3rem,8vw,6rem);font-weight:900;text-transform:uppercase;text-align:center;margin:0;color:#1d1d1d;width:100%;pointer-events:none;padding:0 0 50px;will-change:transform}.grid-foreground{position:relative;width:100%;min-height:100vh;padding:0 40px 100px;margin-top:-60px}.control-row{display:flex;align-items:center;gap:12px}.control-label{font-size:.7rem;font-weight:900;text-transform:uppercase;color:#1d1d1d}.btn-group{display:flex;gap:6px;flex-wrap:wrap}.filter-btn{background:#fff;border:1px solid #ddd;padding:4px 12px;font-size:.7rem;font-weight:800;cursor:pointer;text-transform:uppercase}.filter-btn.active{background:#1d1d1d;color:#fff;border-color:#1d1d1d}.swatch-wrapper{display:flex;flex-direction:column;align-items:center;gap:3px;width:45px}.color-swatch{width:28px;height:16px;border:1px solid rgba(0,0,0,.1);cursor:pointer}.color-swatch.active{outline:2px solid #1d1d1d;outline-offset:2px}.swatch-label{font-size:.45rem;font-weight:700;text-transform:uppercase;color:#888}.section-divider{border:none;border-top:1px solid #ddd;margin:10px 0 0}.drawer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-flow:dense;gap:60px 40px;align-items:end;justify-items:center}.small{width:260px;height:260px}.tall{width:180px;height:380px;grid-row:span 2}.long{width:100%;max-width:1200px;height:200px;grid-column:span 3;position:relative;overflow:hidden}.long .image-container img{width:100%;height:100%;object-fit:cover;object-position:center}.bracelet{width:260px;height:140px}.widebracelet{width:520px;height:140px;grid-column:span 2}.image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-container img{max-width:100%;max-height:100%;object-fit:contain}.drawer-item:hover{transform:scale(1.05);z-index:200}.hover-label{position:absolute;background:#1d1d1d;color:#dcdcdc;padding:12px 18px;display:flex;flex-direction:column;opacity:0;pointer-events:none;width:200px;transition:.3s;z-index:20;top:50%;left:50%;transform:translate(-50%,-50%)}.drawer-item:hover .hover-label{opacity:1}.name{font-size:.8rem;font-weight:900;text-transform:uppercase;text-align:center;margin-bottom:8px}.details-row{display:flex;justify-content:space-between;font-size:.7rem;border-top:1px solid #444;padding-top:6px;font-weight:700}.sort-group{width:100%;margin-top:60px}.group-header{width:100%;text-align:center;font-size:clamp(2.2rem,8vw,3.6rem);border-bottom:2px solid #1d1d1d;padding-bottom:10px;margin-top:60px;margin-bottom:20px;font-weight:900;text-transform:uppercase;color:#1d1d1d}.drawer-item{transition:transform .42s cubic-bezier(.4,0,.2,1),opacity .28s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.drawer-item.hidden{opacity:0;pointer-events:none}.image-container{background:#1d1d1d00}.mode-btn{background:#fff;border:2.5px solid #1d1d1d;padding:10px 28px;font-size:.8rem;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:background .18s ease,color .18s ease}.mode-btn:hover{background:#f0f0f0}.mode-btn.active{background:#1d1d1d;color:#fff}.empty-state{text-align:center;padding:120px 40px;font-size:1.4rem;font-weight:700;color:#666;grid-column:1 / -1}.mobile-controls-panel,.mobile-explore-title{display:none}@media(max-width:1000px){.hero-container{height:auto;width:100vw;margin-left:0}.hero-video{height:auto;object-fit:contain}.drawer-grid{grid-template-columns:repeat(4,1fr);gap:12px}.drawer-item{width:100%!important;height:auto!important;max-width:none;position:relative}.small{grid-column:span 2;grid-row:span 2;aspect-ratio:1 / 1}.widebracelet{grid-column:span 4;grid-row:span 1;aspect-ratio:4 / 1}.bracelet{grid-column:span 2;grid-row:span 1;aspect-ratio:2 / 1}.tall{grid-column:span 1;grid-row:span 3;aspect-ratio:1 / 3}.long{grid-column:span 4;grid-row:span 1;aspect-ratio:4 / 1}.image-container img{width:100%;height:100%;object-fit:contain}.fixed-reveal-header{padding:10px 16px 0;top:80px}.controls-panel{display:none}.section-divider{margin:0}.mobile-controls-panel{display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:10px}.mobile-browse-label{font-size:.6rem;font-weight:900;text-transform:uppercase;color:#888;letter-spacing:.1em}.mobile-btn-row{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:nowrap}.mobile-group-btn{background:#fff;border:2px solid #1d1d1d;color:#1d1d1d;padding:8px 12px;font-size:.6rem;font-weight:900;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;transition:all .15s ease;display:flex;align-items:center;gap:5px}.mobile-group-btn.active{background:#1d1d1d;color:#fff}.dropdown-chevron{flex-shrink:0;transition:transform .2s ease}.mobile-colour-btn.open .dropdown-chevron{transform:rotate(180deg)}.mobile-colour-wrapper{position:relative}.mobile-colour-dropdown{display:none;position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:2px solid #1d1d1d;z-index:2000;flex-direction:column;min-width:130px}.mobile-colour-dropdown.open{display:flex}.mobile-colour-option{background:transparent;border:none;border-bottom:1px solid #eee;padding:9px 14px;font-size:.65rem;font-weight:800;text-transform:uppercase;cursor:pointer;text-align:left;display:flex;align-items:center;gap:8px;color:#1d1d1d}.mobile-colour-option:last-child{border-bottom:none}.mobile-colour-option.active{background:#1d1d1d;color:#fff}.mobile-colour-option.active .mobile-colour-dot{outline:2px solid #fff;outline-offset:1px}.mobile-colour-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.3)}.all-products-title{display:none}.mobile-explore-title{display:block;position:fixed;top:0;left:0;width:100%;text-align:center;font-size:clamp(2rem,9vw,3rem);font-weight:900;text-transform:uppercase;color:#1d1d1d;margin:0;padding:0;pointer-events:none;will-change:transform,opacity;z-index:900}.empty-state{padding:80px 20px;font-size:1.25rem}.grid-foreground{padding:0 16px 80px;margin-top:20px}}