CURATA

76/* ─── Data ────────────────────────────────────────────────────── */
77const CATEGORIES: Category[] = [
78  { id:'tech',     title:'Tech Room',         subtitle:"Boring tech that quietly works.",         href:'/tech-room',     poster:'/images/rooms/tech.jpg',     video:'/videos/rooms/tech.mp4',     count:'6 finds', status:'open' },
79  { id:'beauty',   title:'Beauty Edit',       subtitle:"Skincare without the alchemy marketing.", href:'/beauty-room',   poster:'/images/rooms/beauty.jpg',   video:'/videos/rooms/beauty.mp4',   count:'6 finds', status:'open' },
80  { id:'kitchen',  title:'Kitchen Lab',       subtitle:"Tools that actually cook, not collect dust.", href:'/kitchen-room', poster:'/images/rooms/kitchen.jpg', video:'/videos/rooms/kitchen.mp4', count:'6 finds', status:'open' },
81  { id:'home',     title:'Home Upgrade',      subtitle:"Small flat. Big quietly-clever fixes.",   href:'/home-room',     poster:'/images/rooms/home.jpg',     video:'/videos/rooms/home.mp4',     count:'6 finds', status:'open' },
82  { id:'wellness', title:'Wellness Room',     subtitle:"Sleep, recover, breathe. No miracle cures.", href:'/wellness-room', poster:'/images/rooms/wellness.jpg', video:'/videos/rooms/wellness.mp4', count:'6 finds', status:'open' },
83  { id:'pet',      title:'Pet Room',          subtitle:"For the small ones who run the house.",   href:'/pet-room',      poster:'/images/rooms/pet.jpg',      video:'/videos/rooms/pet.mp4',      count:'6 finds', status:'open' },
84]

522            const isOpen = cat.status === 'open'
523            const inner = (
524              <motion.div variants={reduce?undefined:FV.fadeUp} className="st-cat-card"
525                onMouseEnter={(e) => {
526                  const v = e.currentTarget.querySelector('video') as HTMLVideoElement | null
527                  v?.play().catch(() => {})
528                }}
529                onMouseLeave={(e) => {
530                  const v = e.currentTarget.querySelector('video') as HTMLVideoElement | null
531                  if (v) { v.pause(); v.currentTime = 0 }
532                }}
533                style={{position:'relative',padding:0,background:P.bg,border:`1px solid ${P.border}`,borderRadius:'14px',display:'flex',flexDirection:'column',cursor:isOpen?'pointer':'default',opacity:isOpen?1:0.7,overflow:'hidden'}}>
534                {/* Cinematic visual — poster image + hover video */}
535                <div style={{position:'relative',aspectRatio:'16/9',width:'100%',background:P.surf2,overflow:'hidden'}}>
536                  {/* eslint-disable-next-line @next/next/no-img-element */}
537                  <img src={cat.poster} alt="" loading="lazy" style={{position:'absolute',inset:0,width:'100%',height:'100%',objectFit:'cover',zIndex:1}}/>
538                  <video
539                    src={cat.video}
540                    muted
541                    loop
542                    playsInline
543                    preload="none"
544                    aria-hidden
545                    style={{position:'absolute',inset:0,width:'100%',height:'100%',objectFit:'cover',zIndex:2}}